.elementor-858 .elementor-element.elementor-element-2a4c9431{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-858 .elementor-element.elementor-element-2a4c9431:not(.elementor-motion-effects-element-type-background), .elementor-858 .elementor-element.elementor-element-2a4c9431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://energyconsultancy.spideritdevelopment.uk/wp-content/uploads/2025/10/friendly-consultant-ABMN286.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-858 .elementor-element.elementor-element-2a4c9431::before, .elementor-858 .elementor-element.elementor-element-2a4c9431 > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-2a4c9431 > .e-con-inner > .elementor-background-video-container::before, .elementor-858 .elementor-element.elementor-element-2a4c9431 > .elementor-background-slideshow::before, .elementor-858 .elementor-element.elementor-element-2a4c9431 > .e-con-inner > .elementor-background-slideshow::before, .elementor-858 .elementor-element.elementor-element-2a4c9431 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-858 .elementor-element.elementor-element-70eea6ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-858 .elementor-element.elementor-element-5b4da27{text-align:center;}.elementor-858 .elementor-element.elementor-element-5b4da27 .elementor-heading-title{color:var( --e-global-color-02234e3 );}.elementor-858 .elementor-element.elementor-element-40cb7c6{--display:flex;}.elementor-858 .elementor-element.elementor-element-1e05f02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-0df9a84{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-40cb7c6{--content-width:1600px;}.elementor-858 .elementor-element.elementor-element-0df9a84{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-1e05f02 *//* Container */
.team-container {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0;
}

/* Card Size */
.team-card {
    width: 360px;
    height: 460px;
    perspective: 1000px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(40px);
    animation: fadeInUp 0.8s ease forwards;
}

/* Stagger load animation */
.team-card:nth-child(2) { animation-delay: 0.15s; }
.team-card:nth-child(3) { animation-delay: 0.3s; }

/* Inner flip wrapper */
.team-card-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease;
    transform-style: preserve-3d;
    position: relative;
}

/* Hover flip (desktop only) */
@media (hover:hover) {
    .team-card:hover .team-card-inner {
        transform: rotateY(180deg);
    }
    .team-card:hover {
        transform: translateY(-10px);
        box-shadow: 0px 15px 35px rgba(0,0,0,0.15);
    }
}

/* Card faces */
.team-card-front,
.team-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 12px;
    overflow: hidden;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: centre;
}

/* Front face */
.team-card-front {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 8px 18px rgba(0,0,0,0.08);
}

/* Image */
.team-card-front img {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 12px;
}

/* Back face */
.team-card-back {
    background: #012635;
    transform: rotateY(180deg);
}

/* White text */
.team-card-back,
.team-card-back * {
    color: #fff !important;
}

/* Fade-in animation */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tap to flip for mobile */
@media (hover:none) and (pointer:coarse) {
    .team-card:active .team-card-inner,
    .team-card.flip .team-card-inner {
        transform: rotateY(180deg);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0adb8e3 *//* Container */
.team-container {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0;
}

/* Card Size */
.team-card {
    width: 360px;
    height: 460px;
    perspective: 1000px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(40px);
    animation: fadeInUp 0.8s ease forwards;
}

/* Stagger load animation */
.team-card:nth-child(2) { animation-delay: 0.15s; }
.team-card:nth-child(3) { animation-delay: 0.3s; }

/* Inner flip wrapper */
.team-card-inner {
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease;
    transform-style: preserve-3d;
    position: relative;
}

/* Hover flip (desktop only) */
@media (hover:hover) {
    .team-card:hover .team-card-inner {
        transform: rotateY(180deg);
    }
    .team-card:hover {
        transform: translateY(-10px);
        box-shadow: 0px 15px 35px rgba(0,0,0,0.15);
    }
}

/* Card faces */
.team-card-front,
.team-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 12px;
    overflow: hidden;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: centre;
}

/* Front face */
.team-card-front {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 8px 18px rgba(0,0,0,0.08);
}

/* Image */
.team-card-front img {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 12px;
}

/* Back face */
.team-card-back {
    background: #012635;
    transform: rotateY(180deg);
}

/* White text */
.team-card-back,
.team-card-back * {
    color: #fff !important;
}

/* Fade-in animation */
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tap to flip for mobile */
@media (hover:none) and (pointer:coarse) {
    .team-card:active .team-card-inner,
    .team-card.flip .team-card-inner {
        transform: rotateY(180deg);
    }
}/* End custom CSS */