:root { --e-global-color-primary: #EAA638; --e-global-color-secondary: #0B3665; --e-global-color-text: #7A8986; } .ee--icon-box { width: 100%; overflow: hidden; transition: all 0.4s ease-in-out; position: relative; z-index: 1; } .ee--icon-box::before { content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; transition: all 0.4s ease-in-out; z-index: -1; } .ee--icon-box.eel-bf-left::before, .ee--icon-box.eel-bf-right::before { width: 0%; } .ee--icon-box.eel-bf-right::before { left: inherit; right: 0; } .ee--icon-box.eel-bf-top::before, .ee--icon-box.eel-bf-bottom::before { height: 0%; } .ee--icon-box.eel-bf-bottom::before { top: inherit; bottom: 0; } .ee--icon-box.eel-bf-middle::before { transform: scale(0); } .ee--icon-box:hover.eel-bf-left::before, .ee--icon-box:hover.eel-bf-right::before { width: 100%; } .ee--icon-box:hover.eel-bf-top::before, .ee--icon-box:hover.eel-bf-bottom::before { height: 100%; } .ee--icon-box:hover.eel-bf-middle::before { transform: scale(1); } .ee--icon-box svg { height: 1em; width: 1em; transition: all 0.4s ease-in-out; } .ee--icon-box .icon-box-title { color: var(--e-global-color-secondary); margin-bottom: 14px; transition: all 0.4s ease-in-out; } .ee--icon-box .icon-box-title a { color: currentColor; } .ee--icon-box .eel-icon { min-width: 60px; height: 60px; background: var(--e-global-color-primary); display: inline-grid; margin-bottom: 36px; border-radius: 16px; font-size: 20px; place-content: center; transition: all 0.4s; } .ee--icon-box .eel-icon.eel-icon-image { min-width: auto; height: auto; background: transparent; border-radius: 0; } .ee--icon-box .icon-box-description { font-size: 18px; color: var(--e-global-color-text); transition: all 0.4s ease-in-out; } .ee--icon-box .icon-box-description a { color: currentColor; transition: all 0.4s ease-in-out; } .ee--icon-box .eel-read-more .eel-icon-to-text { font-size: 15px; font-weight: bold; display: inline-block; position: relative; text-align: center; max-width: 36px; height: 36px; border-radius: 36px; overflow: hidden; border: solid 1px var(--e-global-color-text); color: var(--e-global-color-text); transition: all 0.4s ease-in-out; } .ee--icon-box .eel-read-more .eel-icon-to-text .eel-text { opacity: 0; display: inline-block; overflow: hidden; margin-left: 36px; line-height: 2.2em; padding-right: 15px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s ease-in-out; } .ee--icon-box .eel-read-more .eel-icon-to-text .eel-read-more-text-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 7px; font-size: 22px; display: inline-flex; } .ee--icon-box .eel-read-more .eel-icon-to-text:hover { max-width: 100%; } .ee--icon-box .eel-read-more .eel-icon-to-text:hover .eel-text { opacity: 1; } .ee--icon-box .eel-pro-number { display: inline-block; } .ee--icon-box.right, .ee--icon-box.left { display: flex; gap: 20px; } @media screen and (max-width: 575px) { .ee--icon-box.right, .ee--icon-box.left { flex-wrap: wrap; } } .ee--icon-box.right .eel-icon, .ee--icon-box.left .eel-icon { margin-bottom: 0; margin-top: 4px; } .ee--icon-box.right .eel-pro-number, .ee--icon-box.right .eel-icon { order: 2; } .ee--icon-box.right .eel-icon, .ee--icon-box.left .eel-icon { margin: 0; } .ee--icon-box.right .eel-info-heading { justify-content: flex-end; } .ee--icon-box.top .eel-info-heading { display: block; } .eel-read-more-text svg path, .eel-read-more-text svg, .eel-read-more-text { transition: all 0.4s; display: inline-block; } .easyel-gradeint-yes { background: linear-gradient(180deg, #FFD000 0%, rgba(255, 255, 255, 0.24) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .eel-icon.ee--gradient-border { position: relative; } .eel-icon.ee--gradient-border::after { position: absolute; left: -0.5px; content: ""; height: 56px; width: 1px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); top: 50%; transform: translate(-50%, -50%); opacity: 0.4; } .eel-icon.ee--gradient-border::before { position: absolute; right: -0.5px; content: ""; height: 56px; width: 1px; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 100%); top: 50%; transform: translate(50%, -50%); opacity: 0.4; } .hover-jelly .elementor-image-box-img { display: inline-block; } .hover-jelly .elementor-image-box-img img { transition: all 0.4s ease-in-out; } .hover-jelly:hover .elementor-image-box-img img { animation: jello 1.5s; } .eel-info-skin-2 { flex-direction: column; } .eel-info-skin-2 .eel-info-heading { display: flex; gap: 20px; align-items: center; } .eel-info-skin-2 .eel-read-more { display: flex; } .eel-info-skin-2 .eel-read-more.stretch { display: block; } .eel-info-skin-2 .eel-read-more.stretch .eel-read-more-text { width: 100%; text-align: center; } .ee--icon-box .feature-item span, .ee--icon-box .feature-item svg { transition: all 0.4s ease-in-out; }