.elementor-27257 .elementor-element.elementor-element-51e5ed4e:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-51e5ed4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-27257 .elementor-element.elementor-element-51e5ed4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0% 0% 0% 0%;}.elementor-27257 .elementor-element.elementor-element-51e5ed4e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27257 .elementor-element.elementor-element-20a06665 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27257 .elementor-element.elementor-element-7161730f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-27257 .elementor-element.elementor-element-7161730f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.88px;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-3bd7429e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-27257 .elementor-element.elementor-element-3bd7429e .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:37px;font-weight:700;line-height:39.1px;letter-spacing:-0.68px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-68805cdc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-27257 .elementor-element.elementor-element-68805cdc .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:400;line-height:25.5px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-f1849e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 60px 0px 0px;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;line-height:25.5px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-f1849e2 p{margin-block-end:0px;}.elementor-27257 .elementor-element.elementor-element-72879d69{--display:flex;--border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-27809798{--display:flex;}.elementor-27257 .elementor-element.elementor-element-6b31aa41 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-6b31aa41 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-6b31aa41 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6b31aa41 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-6b31aa41 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-1706d1e6{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-1706d1e6:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-1706d1e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-3122da4f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-5f2494cf{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-2a30abd{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--overflow:hidden;}.elementor-27257 .elementor-element.elementor-element-2a30abd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-0d7e83d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-0d7e83d:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-0d7e83d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0d7e83d .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-7a13c10{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-7a13c10:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-7a13c10:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7a13c10 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-6ebea20{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-6ebea20:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-6ebea20:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ebea20 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-4b47878{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4b47878.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-4b47878:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-4b47878:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4b47878 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-1f8dc88{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-1f8dc88:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-1f8dc88:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1f8dc88 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-0e67ab8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0e67ab8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-0e67ab8:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-0e67ab8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0e67ab8 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-16f30a17{--display:flex;}.elementor-27257 .elementor-element.elementor-element-cd4fdc8 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-cd4fdc8 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-cd4fdc8 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-cd4fdc8 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-cd4fdc8 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-53149f65{--display:flex;}.elementor-27257 .elementor-element.elementor-element-18a0f26f{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-18a0f26f:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-18a0f26f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-495c2d88 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-2da8a24{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-4f95854{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--overflow:hidden;}.elementor-27257 .elementor-element.elementor-element-4f95854.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-99ff7d2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-99ff7d2:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-99ff7d2:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-99ff7d2 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-e71d523{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e71d523.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-e71d523:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-e71d523:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e71d523 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-228b7c9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-228b7c9:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-228b7c9:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-228b7c9 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-c714dd5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-c714dd5:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-c714dd5:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c714dd5 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-320275e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-320275e.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-320275e:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-320275e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-320275e .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-c4010ab{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-c4010ab:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-c4010ab:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c4010ab .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-13fdd8bc{--display:flex;}.elementor-27257 .elementor-element.elementor-element-513e78a2 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-513e78a2 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-513e78a2 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-513e78a2 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-513e78a2 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-33e51975{--display:flex;}.elementor-27257 .elementor-element.elementor-element-6e4c5a77{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-6e4c5a77:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-6e4c5a77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-2f35e82a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-37823763{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-3ef4a2f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--overflow:hidden;}.elementor-27257 .elementor-element.elementor-element-3ef4a2f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-1343384{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-1343384.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-1343384:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-1343384:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-1343384 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-9a48467{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-9a48467.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-9a48467:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-9a48467:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-9a48467 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-7457925{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-7457925.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-7457925:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-7457925:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-7457925 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-4e05fbe{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-4e05fbe:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-4e05fbe:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4e05fbe .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-e0d90fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-e0d90fa:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-e0d90fa:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e0d90fa .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-8d20dd8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-8d20dd8:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-8d20dd8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8d20dd8 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-4f070c16{--display:flex;}.elementor-27257 .elementor-element.elementor-element-47fa7752 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-47fa7752 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-47fa7752 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-47fa7752 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-47fa7752 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-771f802b{--display:flex;}.elementor-27257 .elementor-element.elementor-element-6350c8b1{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-6350c8b1:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-6350c8b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-4e10b3ca .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-2672c489{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-21f905c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--overflow:hidden;}.elementor-27257 .elementor-element.elementor-element-21f905c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-f6fcc6b:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-f6fcc6b .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-ec963ff{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-ec963ff:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-ec963ff:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ec963ff .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-5374554{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-5374554.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-5374554:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-5374554:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-5374554 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-c0ba02b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-c0ba02b:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-c0ba02b:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c0ba02b .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-4ee5834{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-4ee5834:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-4ee5834:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-4ee5834 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-b33adfb{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-b33adfb:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-b33adfb:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-b33adfb .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-3105d30f{--display:flex;}.elementor-27257 .elementor-element.elementor-element-795bebd5 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-795bebd5 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-795bebd5 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-795bebd5 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-795bebd5 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-2b621096{--display:flex;}.elementor-27257 .elementor-element.elementor-element-2d60b03d{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-2d60b03d:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-2d60b03d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-1bedbd15 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-11d1170{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-5c4ca87{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-2712e51{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-2712e51.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-2712e51:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-2712e51:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-2712e51 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-c395da1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c395da1.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-c395da1:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-c395da1:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c395da1 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-ada9dfd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-ada9dfd:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-ada9dfd:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ada9dfd .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-8b8f0a3:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-8b8f0a3 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-48d05f7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-48d05f7:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-48d05f7:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-48d05f7 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-6ca7a0e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-6ca7a0e .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-e5e8078{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-e5e8078:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-e5e8078:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-e5e8078 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-67b9b5c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-67b9b5c:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-67b9b5c:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-67b9b5c .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-bffb4a8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-bffb4a8:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-bffb4a8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-bffb4a8 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-470e992{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-470e992.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-470e992:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-470e992:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-470e992 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-0b2054f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-0b2054f:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-0b2054f:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-0b2054f .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-ac05904{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-ac05904.elementor-view-framed:has(:focus) .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-ac05904:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-ac05904:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-ac05904 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-6c68bae{--display:flex;}.elementor-27257 .elementor-element.elementor-element-91885b0 .elementor-button{background-color:#0664E8;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0664E8;padding:6px 17px 6px 16px;}.elementor-27257 .elementor-element.elementor-element-91885b0 .elementor-button:hover, .elementor-27257 .elementor-element.elementor-element-91885b0 .elementor-button:focus{background-color:#FFFFFF;color:#0664E8;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-91885b0 .elementor-button:hover svg, .elementor-27257 .elementor-element.elementor-element-91885b0 .elementor-button:focus svg{fill:#0664E8;}.elementor-27257 .elementor-element.elementor-element-36c6d3d7{--display:flex;}.elementor-27257 .elementor-element.elementor-element-4724912b{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-27257 .elementor-element.elementor-element-4724912b:not(.elementor-motion-effects-element-type-background), .elementor-27257 .elementor-element.elementor-element-4724912b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-5460744c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;}.elementor-27257 .elementor-element.elementor-element-3b37cace{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:14px;font-weight:normal;line-height:19px;}.elementor-27257 .elementor-element.elementor-element-9534907{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:row;--overflow:auto;}.elementor-27257 .elementor-element.elementor-element-9534907.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-add1ff5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-add1ff5:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-add1ff5:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-add1ff5 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-c54a57d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-c54a57d:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-c54a57d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-c54a57d .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-cf72ff6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 15px 14px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF14;border-radius:11px 11px 11px 11px;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon-box-wrapper{text-align:start;gap:10px;}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon-box-title{margin-block-end:10px;color:#0B1F3A;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-stacked .elementor-icon{background-color:#EEF4FE;fill:#0664E8;color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed .elementor-icon, .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-default .elementor-icon{fill:#EEF4FE;color:#EEF4FE;border-color:#EEF4FE;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed .elementor-icon{background-color:#0664E8;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon{transition-duration:0.1s;font-size:20px;border-radius:7px 7px 7px 7px;}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon i{transform:rotate(0deg);}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon-box-title, .elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;}.elementor-27257 .elementor-element.elementor-element-cf72ff6:has(:hover) .elementor-icon-box-title,
					 .elementor-27257 .elementor-element.elementor-element-cf72ff6:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-27257 .elementor-element.elementor-element-cf72ff6 .elementor-icon-box-description{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:15.9px;letter-spacing:0px;color:#64748B;}.elementor-27257 .elementor-element.elementor-element-3ab3b691{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#0664E8;}@media(max-width:1024px){.elementor-27257 .elementor-element.elementor-element-51e5ed4e{padding:7% 5% 10% 5%;}.elementor-27257 .elementor-element.elementor-element-f1849e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-27257 .elementor-element.elementor-element-2a30abd{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-4f95854{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-3ef4a2f{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-21f905c{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-5c4ca87{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-9534907{--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-3ab3b691{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-27257 .elementor-element.elementor-element-51e5ed4e{padding:10% 5% 15% 5%;}.elementor-27257 .elementor-element.elementor-element-68805cdc{text-align:center;}.elementor-27257 .elementor-element.elementor-element-f1849e2{text-align:center;}.elementor-27257 .elementor-element.elementor-element-6b31aa41{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-6b31aa41.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-2a30abd{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27257 .elementor-element.elementor-element-cd4fdc8{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-cd4fdc8.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-4f95854{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27257 .elementor-element.elementor-element-513e78a2{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-513e78a2.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-3ef4a2f{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27257 .elementor-element.elementor-element-47fa7752{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-47fa7752.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-21f905c{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27257 .elementor-element.elementor-element-795bebd5{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-795bebd5.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-5c4ca87{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(12, 1fr);--grid-auto-flow:row;}.elementor-27257 .elementor-element.elementor-element-6c68bae{--content-width:100%;}.elementor-27257 .elementor-element.elementor-element-91885b0{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-27257 .elementor-element.elementor-element-91885b0.elementor-element{--align-self:center;}.elementor-27257 .elementor-element.elementor-element-9534907{--width:100%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27257 .elementor-element.elementor-element-3ab3b691{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-11px;--e-n-carousel-arrow-prev-top-align:0%;--e-n-carousel-arrow-prev-caption-spacing:0px;--e-n-carousel-arrow-prev-translate-y:0px;--e-n-carousel-arrow-prev-top-position:14px;--e-n-carousel-arrow-next-right-position:-11px;--e-n-carousel-arrow-next-top-align:0%;--e-n-carousel-arrow-next-caption-spacing:0px;--e-n-carousel-arrow-next-translate-y:0px;--e-n-carousel-arrow-next-top-position:14px;}}/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0d7e83d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a13c10 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ebea20 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4b47878 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1f8dc88 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0e67ab8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-99ff7d2 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e71d523 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228b7c9 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c714dd5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-320275e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c4010ab */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1343384 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9a48467 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7457925 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e05fbe */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e0d90fa */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8d20dd8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f6fcc6b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ec963ff */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5374554 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c0ba02b */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ee5834 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b33adfb */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2712e51 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c395da1 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ada9dfd */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8b8f0a3 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-48d05f7 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6ca7a0e */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e5e8078 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-67b9b5c */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bffb4a8 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-470e992 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0b2054f */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ac05904 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-add1ff5 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-c54a57d */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-cf72ff6 */.admin-task-feature-card {
    background-color: #FFFFFF;
    transition: all 0.3s ease;
    border-radius: 11px;
    border: 1px solid #00000012;
}

/* CARD HOVER */
.admin-task-feature-card:hover {
    background-color: #0664E8;
    border-color: #0664E8;
    color: #FFFFFF;
    transform: translateY(-2px);
}

/* TITLE + DESCRIPTION */
.admin-task-feature-card:hover .elementor-icon-box-title,
.admin-task-feature-card:hover .elementor-icon-box-title a,
.admin-task-feature-card:hover .elementor-icon-box-description {
    color: #FFFFFF !important;
}

/* ICON */
.admin-task-feature-card .elementor-icon {
    transition: all 0.3s ease;
}

.admin-task-feature-card:hover .elementor-icon {
    background-color: #FFFFFF14;
} 

/* CONTENT SPACING */
.admin-task-feature-card .elementor-icon-box-content {
    margin-top: -8px;
}

/* LEARN MORE */
.learn-more-admin-task {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #0664E8 !important;

    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;

    text-decoration: none !important;

    position: relative;

    transition: all 0.3s ease;
}

/* TEXT COLOR ON CARD HOVER */
.admin-task-feature-card:hover .learn-more-admin-task {
    color: #FFFFFF !important;
}

/* UNDERLINE */
.learn-more-admin-task::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -2px;

    width: 90px;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;

    transition: transform 0.4s ease;
}

/* UNDERLINE ANIMATION */
.admin-task-feature-card:hover .learn-more-admin-task::before {
    transform: scaleX(1);
}

/* DEFAULT ARROW */
.learn-more-admin-task .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    line-height: 1;

    transition: all 0.25s ease;
}

/* HOVER ARROW */
.admin-task-feature-card:hover .learn-more-admin-task .arrow {
    font-size: 0;

    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    filter: brightness(0) invert(1);

    transform: translateX(4px);
}/* End custom CSS */