.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b836e4b:#253B84;--e-global-color-4ca6df7:#FFFFFF;--e-global-color-6b49eb7:#DC0322;--e-global-color-a895ba8:#102253;--e-global-color-32d6243:#1A2E6B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-a895ba8 );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;}.elementor-kit-6 h1{font-family:"Inter", Sans-serif;font-size:60px;}.elementor-kit-6 h2{font-family:"Inter", Sans-serif;font-size:40px;}.elementor-kit-6 h3{font-family:"Inter", Sans-serif;font-size:30px;}.elementor-kit-6 h4{font-family:"Inter", Sans-serif;font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base card styling */
.card-up-left,
.card-up-right,
.card-down-left,
.card-down-right {
    background-color: #102253;
    margin: 0;
    transition: background-color .75s ease,
                margin .75s ease;
}

.card-up-left h4, .card-up-left p,
.card-up-right h4, .card-up-right p,
.card-down-left h4, .card-down-left p,
.card-down-right h4, .card-down-right p {
    color: #ffffff;
    transition: color .75s ease-in-out;
}

.card-up-left path.st0,
.card-up-right path.st0,
.card-down-left path.st0,
.card-down-right path.st0 {
    fill: #ffffff;
    transition: fill .75s ease-in-out;
}

/* ---- Hover States (Desktop Only) ---- */

/* Up Left */
.card-up-left:hover {
    background-color: #ffffff;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* Up Right */
.card-up-right:hover {
    background-color: #ffffff;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

/* Down Left */
.card-down-left:hover {
    background-color: #ffffff;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-top: 10px;
    margin-right: 10px;
}

/* Down Right */
.card-down-right:hover {
    background-color: #ffffff;
    margin-bottom: -10px;
    margin-right: -10px;
    margin-top: 10px;
    margin-left: 10px;
}

/* Text + Icon Color Swap */
.card-up-left:hover h4, .card-up-left:hover p,
.card-up-right:hover h4, .card-up-right:hover p,
.card-down-left:hover h4, .card-down-left:hover p,
.card-down-right:hover h4, .card-down-right:hover p {
    color: #102253 !important;
}

.card-up-left:hover path.st0,
.card-up-right:hover path.st0,
.card-down-left:hover path.st0,
.card-down-right:hover path.st0 {
    fill: #102253;
}

/* ---- Mobile: No movement ---- */
@media (max-width: 768px) {
    .card-up-left:hover,
    .card-up-right:hover,
    .card-down-left:hover,
    .card-down-right:hover {
        margin: 0 !important; /* Prevent movement */
    }
}

/* Base card styling (light background version) */
.card-up-left-light,
.card-up-right-light,
.card-down-left-light,
.card-down-right-light {
    background-color: #f2f2f2;
    margin: 0;
    transition: background-color .75s ease,
                margin .75s ease;
}

.card-up-left-light h4, .card-up-left-light p,
.card-up-right-light h4, .card-up-right-light p,
.card-down-left-light h4, .card-down-left-light p,
.card-down-right-light h4, .card-down-right-light p {
    color: #102253 !important;
    transition: color .75s ease-in-out;
}

.card-up-left-light path.st0,
.card-up-right-light path.st0,
.card-down-left-light path.st0,
.card-down-right-light path.st0 {
    fill: #102253;
    transition: fill .75s ease-in-out;
}

/* ---- Hover States (Desktop Only) ---- */

/* Up Left */
.card-up-left-light:hover {
    background-color: #102253;
    margin-top: -10px;
    margin-left: -10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* Up Right */
.card-up-right-light:hover {
    background-color: #102253;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

/* Down Left */
.card-down-left-light:hover {
    background-color: #102253;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-top: 10px;
    margin-right: 10px;
}

/* Down Right */
.card-down-right-light:hover {
    background-color: #102253;
    margin-bottom: -10px;
    margin-right: -10px;
    margin-top: 10px;
    margin-left: 10px;
}

/* Text & Icon Color Swap */
.card-up-left-light:hover h4, .card-up-left-light:hover p,
.card-up-right-light:hover h4, .card-up-right-light:hover p,
.card-down-left-light:hover h4, .card-down-left-light:hover p,
.card-down-right-light:hover h4, .card-down-right-light:hover p {
    color: #ffffff !important;
}

.card-up-left-light:hover path.st0,
.card-up-right-light:hover path.st0,
.card-down-left-light:hover path.st0,
.card-down-right-light:hover path.st0 {
    fill: #ffffff;
}

/* ---- Mobile: No movement ---- */
@media (max-width: 768px) {
    .card-up-left-light:hover,
    .card-up-right-light:hover,
    .card-down-left-light:hover,
    .card-down-right-light:hover {
        margin: 0 !important; /* No movement on mobile */
    }
}

/* Shared Base Styles */
.card-left,
.card-right {
    background-color: #102253;
    margin-left: 0;
    margin-right: 0;
    transition: background-color .75s ease,
                margin-left .75s ease,
                margin-right .75s ease;
}

.card-left h4, .card-left p,
.card-right h4, .card-right p {
    color: #ffffff;
    transition: color .5s ease;
}

.card-left path.st0,
.card-right path.st0 {
    fill: #ffffff;
    transition: fill .5s ease;
}

/* ----- Hover States (Desktop) ------ */

/* Move RIGHT → (original .card-right) */
.card-right:hover {
    background-color: #ffffff;
    margin-left: 20px;
    margin-right: -20px;
}

/* Move LEFT ← (original .card-left) */
.card-left:hover {
    background-color: #ffffff;
    margin-left: -20px;
    margin-right: 20px;
}

/* Shared hover color changes */
.card-left:hover h4, .card-left:hover p,
.card-right:hover h4, .card-right:hover p {
    color: #102253 !important;
}

.card-left:hover path.st0,
.card-right:hover path.st0 {
    fill: #102253;
}

/* ----- Mobile: Disable Movement ------ */
@media (max-width: 768px) {
    .card-left:hover,
    .card-right:hover {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* Base card styling */
.card-right-light {
    background-color: #f2f2f2;
    margin-left: 0;
    margin-right: 0;
    transition: background-color .75s ease,
                margin-left .75s ease,
                margin-right .75s ease;
}

.card-right-light h4,
.card-right-light p {
    color: #102253 !important;
    transition: color .5s ease;
}

.card-right-light path.st0 {
    fill: #102253;
    transition: fill .5s ease;
}

/* Hover (Desktop Only) */
.card-right-light:hover {
    background-color: #102253;
    margin-left: 20px;
    margin-right: -20px;
}

.card-right-light:hover h4,
.card-right-light:hover p {
    color: #ffffff !important;
}

.card-right-light:hover path.st0 {
    fill: #ffffff;
}

/* Mobile: No movement */
@media (max-width: 768px) {
    .card-right-light:hover {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Base card styling (shared) */
.card-left-move,
.card-right-move,
.card-down-move {
    background-color: #102253;
    margin: 0;
    transition:
        margin-top .75s ease,
        margin-bottom .75s ease,
        margin-left .75s ease,
        margin-right .75s ease;
}

/* ===========================
   Hover Movement (Desktop)
   =========================== */

/* Move LEFT ← */
.card-left-move:hover {
    margin-left: -10px;
    margin-right: 10px;
}

/* Move RIGHT → */
.card-right-move:hover {
    margin-left: 10px;
    margin-right: -10px;
}

/* Move DOWN ↓ */
.card-down-move:hover {
    margin-top: 10px;
    margin-bottom: -10px;
}

/* ===========================
   Mobile — Disable movement
   =========================== */
@media (max-width: 768px) {
    .card-left-move:hover,
    .card-right-move:hover,
    .card-down-move:hover {
        margin: 0 !important;
    }
}






.feature-block {
    max-height: 365px;
    overflow: hidden;
}

.feature-block .feature-main {
    top: 0px;
    opacity: 1;
    transition: top 1s ease-in-out,
    opacity .45s ease-in-out;
}

.feature-block:hover .feature-main {
    top: -365px;
    opacity: 0;
}

.feature-block .feature-hover {
    top: 0px;
    opacity: 0;
    transition: top 1s ease-in-out,
    opacity .8s ease-in-out;
}

.feature-block:hover .feature-hover {
    top: -365px;
    opacity: 1;
}/* End custom CSS */