.elementor-1222 .elementor-element.elementor-element-27e81f0{--display:flex;--min-height:270px;--overflow:hidden;--border-radius:16px 16px 16px 16px;}.elementor-1222 .elementor-element.elementor-element-27e81f0:not(.elementor-motion-effects-element-type-background), .elementor-1222 .elementor-element.elementor-element-27e81f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1B6FB8 0%, #003263 100%);}.elementor-1222 .elementor-element.elementor-element-a9943da{--display:flex;--min-height:100%;}.elementor-1222 .elementor-element.elementor-element-892c7d8{text-align:center;}.elementor-1222 .elementor-element.elementor-element-892c7d8 .elementor-heading-title{font-size:24px;font-weight:400;color:var( --e-global-color-1736f14 );}.elementor-1222 .elementor-element.elementor-element-9ef0182{--display:flex;--min-height:100%;}.elementor-1222 .elementor-element.elementor-element-bf86f9f{text-align:center;font-size:16px;color:var( --e-global-color-1736f14 );}.elementor-1222 .elementor-element.elementor-element-ec01bd1 .elementor-button{background-color:transparent;font-size:17px;fill:var( --e-global-color-1736f14 );color:var( --e-global-color-1736f14 );background-image:linear-gradient(180deg, #1B6FB8 0%, #003263 100%);border-radius:12px 12px 12px 12px;}.elementor-1222 .elementor-element.elementor-element-ec01bd1 .elementor-button:hover, .elementor-1222 .elementor-element.elementor-element-ec01bd1 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #97CCFF 0%, var( --e-global-color-secondary ) 100%);}.elementor-1222 .elementor-element.elementor-element-ec01bd1 .elementor-button:hover svg, .elementor-1222 .elementor-element.elementor-element-ec01bd1 .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-1222 .elementor-element.elementor-element-27e81f0{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-27e81f0 *//* Base card */
.elementor-1222 .elementor-element.elementor-element-27e81f0 {
    position: relative;
    perspective: 1000px; /* gives the 3D effect */
}

/* Wrapper for the two sides */
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-front,
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-back {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Front side (default view) */
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-front {
    z-index: 2;
}

/* Back side (flipped face) */
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-back {
    transform: rotateY(180deg);
}

/* Make the whole thing flip */
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-front,
.elementor-1222 .elementor-element.elementor-element-27e81f0 .flip-back {
    transition: transform 0.6s ease;
    transform-style: preserve-3d;
}

/* On hover, rotate the whole content */
.elementor-1222 .elementor-element.elementor-element-27e81f0:hover .flip-front {
    transform: rotateY(180deg);
}

.elementor-1222 .elementor-element.elementor-element-27e81f0:hover .flip-back {
    transform: rotateY(360deg);
}/* End custom CSS */