.elementor-12862 .elementor-element.elementor-element-308efad{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-12862 .elementor-element.elementor-element-308efad.e-con{--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-12862 .elementor-element.elementor-element-308efad{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-308efad */.elementor-12862 .elementor-element.elementor-element-308efad .no.card-icon {
    display: none !important;
}

/* ==========================================
   CARD STYLE - DEFAULT
========================================== */
.elementor-12862 .elementor-element.elementor-element-308efad {
    /*position: relative;*/
    /*overflow: hidden;*/
    border-radius: var(--e-global-rounded-md);
    border: 1px solid var(--Border-seconday, #DFE0E2);
    background: #fff;
    box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
    transition: all 0.35s ease;
}

/* ==========================================
   CARD STYLE - HOVER OVERLAY
========================================== */
.elementor-12862 .elementor-element.elementor-element-308efad:hover {
    border: 1px solid var(--e-global-color-76f45fa);
}

.elementor-12862 .elementor-element.elementor-element-308efad::before {
    content: '';
    position: absolute;
    inset: 0;
    --gradient: linear-gradient(15deg, var(--Brand-Primary-900, #2C446A) 1.5%, var(--Brand-Primary-800, #385A95) 99.73%), var(--Brand-Primary-900, #2C446A);
    background: url('/wp-content/uploads/card-service-bg-hover.webp') top center / cover no-repeat, var(--gradient);
    /*background-blend-mode: luminosity, normal, normal;*/
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 0;
}

.elementor-12862 .elementor-element.elementor-element-308efad:hover::before {
    opacity: 1;
}

/* ==========================================
   CARD ICON STYLE
========================================== */
/* icon box - default */
.elementor-12862 .elementor-element.elementor-element-308efad .default-icon,
.elementor-12862 .elementor-element.elementor-element-308efad .card-icon .default {
    display: flex;
    width: 56px;
    height: 56px;
    min-width: 56px;
    padding: 14px;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-xl, 12px);
    background: var(--Color-Base-white, #FFF);
    box-shadow:
        0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
    transition: all 0.35s ease;
}

/* icon box - hover background stays white */
.elementor-12862 .elementor-element.elementor-element-308efad:hover .default-icon,
.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-icon .default {
    background: #FFF !important;
    box-shadow:
        0 0 0 1px rgba(10, 13, 18, 0.18) inset,
        0 -2px 0 0 rgba(10, 13, 18, 0.05) inset,
        0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

/* stroke icons - default */
.elementor-12862 .elementor-element.elementor-element-308efad .card-icon .default .icon-stroke .elementor-icon-wrapper .elementor-icon svg,
.elementor-12862 .elementor-element.elementor-element-308efad .card-icon .default .icon-stroke .elementor-icon-wrapper .elementor-icon svg path {
    fill: transparent !important;
    stroke: #000000 !important;
    stroke-width: 2px !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* stroke icons - hover */
.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-icon .default .icon-stroke .elementor-icon-wrapper .elementor-icon svg,
.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-icon .default .icon-stroke .elementor-icon-wrapper .elementor-icon svg path {
    fill: transparent !important;
    stroke: #000 !important;
    stroke-width: 2px !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* fill icons - default */
/*.elementor-12862 .elementor-element.elementor-element-308efad .card-icon .icon-fill .elementor-icon-wrapper .elementor-icon svg,*/
/*.elementor-12862 .elementor-element.elementor-element-308efad .card-icon .icon-fill .elementor-icon-wrapper .elementor-icon svg path {*/
/*    fill: var(--e-global-color-5c40814) !important;*/
/*    stroke: transparent !important;*/
/*}*/

/* fill icons - hover */
/*.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-icon .icon-fill .elementor-icon-wrapper .elementor-icon svg,*/
/*.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-icon .icon-fill .elementor-icon-wrapper .elementor-icon svg path {*/
/*    fill: #FFFFFF !important;*/
/*    stroke: transparent !important;*/
/*}*/

/* ==========================================
   CARD BADGE STYLE
========================================== */
.elementor-12862 .elementor-element.elementor-element-308efad .card-badge {
    width: fit-content;
}

.elementor-12862 .elementor-element.elementor-element-308efad .card-badge p {
    padding: 0 12px;
    color: #fff;
    border-radius: var(--radius-full, 999999px);
    border: 1px solid var(--e-global-color-76f45fa);
    background: var(--e-global-color-5c40814);
}

.elementor-12862 .elementor-element.elementor-element-308efad:hover .card-badge p {
    background-color: var(--e-global-color-0e9a8fb) !important;
    color: var(--e-global-color-6d976da) !important;
    border: 1px solid var(--e-global-color-2491fcc) !important;
}

/* ==========================================
   CARD HEADER and BODY TEXT STYLE
========================================== */
.elementor-12862 .elementor-element.elementor-element-308efad:hover .cfs_title h3 {
    color: #fff !important;
}

.elementor-12862 .elementor-element.elementor-element-308efad:hover .cfs_desc {
    color: #fff !important;
    opacity: 0.9;
}

/* ==========================================
   CARD BUTTON STYLE - DEFAULT
========================================== */
/*overwrite the card button*/
/*Solid*/
.elementor-12862 .elementor-element.elementor-element-308efad:hover .primary.solid a.elementor-button {
    outline: 1px solid #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .primary.solid a.elementor-button {
    padding: 8px 24px !important;
    background: var(--e-global-color-5c40814) !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .primary.solid a.elementor-button .elementor-button-text {
    color: #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .primary.solid a.elementor-button {
    background: #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .primary.solid a.elementor-button .elementor-button-text {
    color: var(--e-global-color-6d976da) !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .solid a.elementor-button svg path {
    stroke: #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .solid a.elementor-button svg path {
    stroke: var(--e-global-color-6d976da) !important;
}

/*Outline*/
/*remove hover bg from the default btn*/
.elementor-12862 .elementor-element.elementor-element-308efad .primary.outline:hover a.elementor-button {
    background: transparent !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .primary.outline a.elementor-button {
    padding: 8px 24px !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .primary.outline a.elementor-button {
    outline: 1px solid #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .primary.outline a.elementor-button .elementor-button-text {
    color: #fff !important;
    background: transparent !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .outline a.elementor-button svg path {
    stroke: #fff !important;
}

/*Soft*/
.elementor-12862 .elementor-element.elementor-element-308efad .soft a.elementor-button {
    padding: 0 !important;
    outline: unset !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .soft a.elementor-button {
    padding: 0;
    outline: unset !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .soft a.elementor-button .elementor-button-text {
    color: var(--e-global-color-5c40814) !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .soft a.elementor-button .elementor-button-text {
    color: #fff !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad .soft a.elementor-button svg path {
    stroke: var(--e-global-color-5c40814) !important;
}
.elementor-12862 .elementor-element.elementor-element-308efad:hover .soft a.elementor-button svg path {
    stroke: #fff !important;
}/* End custom CSS */