.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#A8FFDE;--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;background-color:#000000;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.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);}@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 */.reno-lightning-card{
    position:relative;
    width:400px;
    height:550px;
    margin:auto;
    overflow:visible;
    cursor:pointer;
}

.portrait{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:16px;

    transition:
    opacity .6s ease,
    transform .6s ease;

    box-shadow:
0 0 15px white,
0 0 30px #59d6ff,
0 0 60px #59d6ff,
0 0 120px #59d6ff;
}

.portrait1{
    opacity:1;
    z-index:1;
}

.portrait2{
    opacity:0;
    z-index:2;
}

.tagline{
    position:absolute;
    bottom:-55px;
    width:100%;
    text-align:center;

    color:white;
    font-size:24px;
    letter-spacing:2px;

    opacity:0;
    transform:translateY(15px);

    transition:all .6s ease;

    z-index:5;
}

.flash{
    position:absolute;
    inset:0;

    background:white;

    opacity:0;

    border-radius:16px;

    z-index:4;
}

.reno-lightning-card:hover .portrait1{
    opacity:0;
}

.reno-lightning-card:hover .portrait2{
    opacity:1;
    transform:scale(1.04);
}

.reno-lightning-card:hover .tagline{
    opacity:1;
    transform:translateY(0);
}

.reno-lightning-card:hover .flash{
    animation:flash .3s ease;
}

@keyframes flash{
    0%{
        opacity:0;
    }

    50%{
        opacity:.8;
    }

    100%{
        opacity:0;
    }
}

.bolt{
    position:absolute;

    background:white;

    opacity:0;

    z-index:10;

    box-shadow:
    0 0 15px white,
    0 0 80px #00aaff,
    0 0 50px #00aaff;
}

.bolt1{
    width:4px;
    height:120px;

    left:-20px;
    top:40px;

    transform:rotate(35deg);
}

.bolt2{
    width:4px;
    height:150px;

    right:-20px;
    top:120px;

    transform:rotate(-40deg);
}

.bolt3{
    width:4px;
    height:130px;

    left:50%;
    top:-30px;

    transform:rotate(10deg);
}

.reno-lightning-card:hover .bolt{
    animation:zap .4s infinite;
}

@keyframes zap{

    0%{
        opacity:0;
    }

    30%{
        opacity:1;
    }

    60%{
        opacity:.2;
    }

    100%{
        opacity:1;
    }
}

.film-grain {
    position:absolute;
    inset:0;

    background-image:
        radial-gradient(circle, rgba(255,255,255,.15) 1px, transparent 1px);

    background-size:4px 4px;

    opacity:.08;

    pointer-events:none;

    mix-blend-mode:screen;

    animation:grainMove .2s infinite;

    z-index:20;
}

@keyframes grainMove {

    0% {
        transform:translate(0,0);
    }

    25% {
        transform:translate(-2px,1px);
    }

    50% {
        transform:translate(2px,-1px);
    }

    75% {
        transform:translate(-1px,-2px);
    }

    100% {
        transform:translate(1px,2px);
    }
}/* End custom CSS */