.elementor-50463 .elementor-element.elementor-element-6ccd18a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-50463 .elementor-element.elementor-element-6ccd18a:not(.elementor-motion-effects-element-type-background), .elementor-50463 .elementor-element.elementor-element-6ccd18a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE;}.elementor-50463 .elementor-element.elementor-element-4e8d6ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-50463 .elementor-element.elementor-element-cd285dd{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-50463 .elementor-element.elementor-element-cd285dd > .elementor-widget-container{background-color:#EAFFF8;padding:05px 2px 05px 015px;border-radius:20px 20px 20px 20px;box-shadow:2px 2px 2px 0px rgba(204.7550038465957, 207.92536163330078, 206.8094179688136, 0.5);}.elementor-50463 .elementor-element.elementor-element-cd285dd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-50463 .elementor-element.elementor-element-cd285dd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-50463 .elementor-element.elementor-element-cd285dd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-50463 .elementor-element.elementor-element-cd285dd .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:16px;}.elementor-50463 .elementor-element.elementor-element-cd285dd .elementor-icon-list-text{color:#018363;transition:color 0.3s;}.elementor-50463 .elementor-element.elementor-element-87a52a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-50463 .elementor-element.elementor-element-87a52a0{text-align:start;}.elementor-50463 .elementor-element.elementor-element-87a52a0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-50463 .elementor-element.elementor-element-bded79e{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-50463 .elementor-element.elementor-element-ece11af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-50463 .elementor-element.elementor-element-4e4d60f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-50463 .elementor-element.elementor-element-4e0ab10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-50463 .elementor-element.elementor-element-1d480e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-50463 .elementor-element.elementor-element-69b53de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--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-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-50463 .elementor-element.elementor-element-cd285dd{width:var( --container-widget-width, 261px );max-width:261px;--container-widget-width:261px;--container-widget-flex-grow:0;}.elementor-50463 .elementor-element.elementor-element-cd285dd > .elementor-widget-container{padding:05px 19px 05px 15px;}.elementor-50463 .elementor-element.elementor-element-87a52a0 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-50463 .elementor-element.elementor-element-4e8d6ff{--width:50%;}.elementor-50463 .elementor-element.elementor-element-ece11af{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-589d473 */@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

/* --- Main Container --- */
.animation-container {
    position: relative;
    max-width: 50rem; /* 448px */
    width: 100%;
}

.cards-wrapper {
    position: relative;
    z-index: 10;
}

/* --- Card Styling --- */
.card {
    border-radius: 0.5rem; /* 8px */
    background-color: #ffffff;
}

.card-1 {
    padding: 1.5rem; /* 24px */
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    margin-bottom: 1.5rem; /* 24px */
}

.card-2 {
    padding: 1rem; /* 16px */
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* --- Card Content & Elements --- */
.card-header, .card-2-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header-info {
    display: flex;
    align-items: center;
}

.card-icon-wrapper {
    width: 2.5rem; /* 40px */
    height: 2.5rem; /* 40px */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem; /* 12px */
}

.card-header-text .title {
    font-weight: 600;
    color: #111827;
}
.card-header-text .subtitle {
    font-size: 0.875rem; /* 14px */
    color: #4B5563;
}

.live-badge {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem; /* 12px */
    background-color: #D1FAE5;
    color: #065F46;
    border-radius: 9999px;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem; /* 12px */
    margin-top: 1rem; /* 16px */
}

.stat-item {
    background-color: #ffffff;
    padding: 0.75rem; /* 12px */
    border-radius: 0.5rem; /* 8px */
    text-align: center;
}

.stat-item .value {
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
}
.stat-item .label {
    font-size: 0.75rem; /* 12px */
    color: #4B5563;
}

.card-2-content .icon-wrapper-small {
    width: 2rem; /* 32px */
    height: 2rem; /* 32px */
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem; /* 12px */
}

.card-2-content .text-content {
    flex: 1 1 0%;
}

.card-2-content .text-content .title {
    font-size: 0.875rem; /* 14px */
    font-weight: 500;
    color: #111827;
}

.card-2-content .text-content .subtitle {
    font-size: 0.75rem; /* 12px */
    color: #4B5563;
}

.status-dot {
    width: 0.5rem; /* 8px */
    height: 0.5rem; /* 8px */
    border-radius: 9999px;
    background-color: #4ADE80;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}


/* --- Animated Shapes Styling --- */
.pulse-circle-1 {
    position: absolute;
    top: -1.5rem;    /* -24px */
    right: -1.5rem;  /* -24px */
    width: 6rem;     /* 96px */
    height: 6rem;    /* 96px */
    border-radius: 9999px;
    opacity: 0.6;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.pulse-circle-2 {
    position: absolute;
    bottom: -1.5rem; /* -24px */
    left: -1.5rem;   /* -24px */
    width: 5rem;     /* 80px */
    height: 5rem;    /* 80px */
    border-radius: 9999px;
    opacity: 0.4;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.bounce-dot {
    position: absolute;
    top: 50%;
    right: -0.5rem;  /* -8px */
    width: 1rem;     /* 16px */
    height: 1rem;    /* 16px */
    border-radius: 9999px;
    animation: bounce 1s infinite;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff9b2af */.features-section {
    padding-top: 3rem;    /* 64px */
    padding-bottom: 4rem; /* 64px */
    background-color: #f9fafb; /* bg-gray-50 */
}

.container {
    max-width: 80rem; /* 1280px (max-w-7xl) */
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;  /* 16px */
    padding-right: 1rem; /* 16px */
}

/* --- Header Content --- */
.section-header {
    text-align: center;
    margin-bottom: 4rem; /* 64px */
}

.section-header > *:not(:first-child) {
    margin-top: 1rem; /* space-y-4 */
}

.section-title {
    font-size: 2.25rem;   /* 36px (text-4xl) */
    line-height: 2.5rem; /* 40px */
    font-weight: 700;
    color: #111827; /* text-gray-900 */
}

.section-subtitle {
    font-size: 1.25rem;   /* 20px (text-xl) */
    line-height: 1.75rem; /* 28px */
    color: #4b5563; /* text-gray-600 */
    max-width: 65rem; /* 768px (max-w-3xl) */
    margin-left: auto;
    margin-right: auto;
}

/* --- Features Grid --- */
.features-grid {
    display: grid;
    gap: 2rem; /* 32px */
}

/* --- Feature Card --- */
.feature-card {
    background-color: #ffffff;
    padding: 1.5rem; /* 24px */
    border-radius: 0.5rem; /* 8px */
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.feature-card:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
}

.feature-card-content > *:not(:first-child) {
     margin-top: 1rem; /* space-y-4 */
}

.icon-container {
    width: 3rem;  /* 48px */
    height: 3rem; /* 48px */
    border-radius: 0.5rem; /* 8px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container svg {
    width: 1.5rem;  /* 24px */
    height: 1.5rem; /* 24px */
}

.card-title {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
    font-weight: 600;
    color: #111827;
}

.card-text {
    color: #4b5563;
}

/* --- Responsive Styles --- */
@media (min-width: 640px) {
    .container {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
}

@media (min-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .container {
        padding-left: 2rem; /* 32px */
        padding-right: 2rem; /* 32px */
    }
    .features-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}/* End custom CSS */