.liftcard-spotlights-3-col-block{
    background: #F8F9FB;
    display:flex;
    position:relative;
    justify-content:center;
}


.liftcard-spotlights-3-col-block .content-width{
    align-items:center;
    flex-direction:column;
    padding: 72px 0;
}

.liftcard-spotlights-3-col-block .bg-container{
    height:100%;
    left:50%;
    max-width:1440px;
    position:absolute;
    top:0;
    transform:translate3d(-50%, 0, 0);
    width:100%;
}

.liftcard-spotlights-3-col-block .bg-container .bg{
    height:100%;
    position:absolute;
    right:0;
    top:0;
    width:100vw;
}

.liftcard-spotlights-3-col-block .head{
    max-width:960px;
    position:relative;
}

.liftcard-spotlights-3-col-block .head .title-container{
    align-items:end;
    display:flex;
    justify-content:space-between;
    padding-bottom:50px;
}

.liftcard-spotlights-3-col-block .head .title{
    display:flex;
    font-size:30px;
}

.liftcard-spotlights-3-col-block .head .description{
    color:#464648;
}

.liftcard-spotlights-3-col-block .head .description p{
    font-size:16px;
    line-height:1.5;
}

.liftcard-spotlights-3-col-block .head .cta{
    padding:10px 25px;
}

.liftcard-spotlights-3-col-block .card-collection{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-top:50px;
}

.liftcard-spotlights-3-col-block .card-collection .card{
    flex:1;
    opacity:0;
    transform:translate3d(0,25%, 0);
    transition:1200ms opacity, 1200ms transform;
    position:relative;
}

.liftcard-spotlights-3-col-block .card-collection .card.animated{
    opacity:1;
    transform:translate3d(0, 0, 0);
}


.liftcard-spotlights-3-col-block .card .img{
    left:0;
    position:relative;
    top:0;
    width:100%;
}

.liftcard-spotlights-3-col-block .card .img .image{
    aspect-ratio:304 / 320;
    overflow:hidden;
    position:relative;
    width:100%;
}

.liftcard-spotlights-3-col-block .card .img .image img{
    display:block;
    height:100%;
    object-fit:cover;
    width:100%;
}

.liftcard-spotlights-3-col-block .card .info{
    border:1px solid #E8EBF0;
    display: flex;
    flex-direction: column;
    left:0;
    margin:15px 0;
    position:relative;
    top:0;
}

.liftcard-spotlights-3-col-block .card .info .info-head{
    align-items:flex-start;
    background:white;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:32px 16px 0;
    position:relative;

}

.liftcard-spotlights-3-col-block .info .info-head h2{
    color:#1A3868;
}

.liftcard-spotlights-3-col-block .card .info .info-head .icon{
    display:none;
    transform:rotate(-90deg);
}

.liftcard-spotlights-3-col-block .card .info .info-head .icon svg path{
    fill:#000;
}

 .info .info-head h2{
    font-size:20px;
}

.liftcard-spotlights-3-col-block .card .position{
    color:#464648;
    margin-top:7px;
}

.liftcard-spotlights-3-col-block .card .info .info-body{
    background:white;
    font-size:16px;
    padding: 0 16px 32px;
}

.liftcard-spotlights-3-col-block .card .info .info-body .description{
    color:#464648;
}

.liftcard-spotlights-3-col-block .card .info .info-body p{
    line-height:1.5;
}

.liftcard-spotlights-3-col-block .card .info .info-body a,
.liftcard-spotlights-3-col-block .card .info .info-body a:active,
.liftcard-spotlights-3-col-block .card .info .info-body a:visited{
    align-items:center;
    color:#1A3868;
    display:flex;
    justify-content:flex-start;
    margin-bottom:10px;
    margin-top:20px;
}

.liftcard-spotlights-3-col-block .card .info .info-body a .icon{
    margin-left:10px;
}

.liftcard-spotlights-3-col-block .card .info .info-body a .icon svg,
.liftcard-spotlights-3-col-block .card .info .info-body a:active .icon svg,
.liftcard-spotlights-3-col-block .card .info .info-body a:visited .icon svg{
    fill:#1A3868;
}

@media screen and (min-width:850px){
    .liftcard-spotlights-3-col-block{
        background: transparent;
    }

    .liftcard-spotlights-3-col-block .content-width{
        padding: 112px 0;
    }

    .liftcard-spotlights-3-col-block .head .title{
        font-size:42px;
    }

    .liftcard-spotlights-3-col-block .head .description p{
        font-size:18px;
    }

    .liftcard-spotlights-3-col-block .card-collection{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        gap:20px;
        justify-content: center;
    }

    .liftcard-spotlights-3-col-block .card-collection .card{
        aspect-ratio:376 / 467;
        border: 1px solid #E8EBF0;
        flex:unset;
        overflow:hidden;
        width: 376px;
    }

    .liftcard-spotlights-3-col-block .card .img .image{
        aspect-ratio:376 / 467;
    }

    .liftcard-spotlights-3-col-block .card .info {
        border: none;
        height:100%;
        left:0;
        margin:0;
        position:absolute;
        top:0;
        transform:translate3d(0, calc(100% - 84px), 0);
        transition:1200ms transform;
        width:100%;
    }

    .liftcard-spotlights-3-col-block .card:hover .info{
        transform:translate3d(0, 0, 0);
        transition:800ms transform;
    }

    .liftcard-spotlights-3-col-block .card .info .info-head{
        padding:15px 32px;
    }

    .liftcard-spotlights-3-col-block .card .info .info-body{
        display:flex;
        flex-direction:column;
        flex:1;
        padding: 32px;
    }

    .liftcard-spotlights-3-col-block .card .info .info-head .title-container{
        display:flex;
        justify-content:space-between;
        position:relative;
        width:100%;
    }

    .liftcard-spotlights-3-col-block .info .info-head h2{
        font-size:22px;
    }

    .liftcard-spotlights-3-col-block .card .info .info-head .icon {
        display:block;
    }

    .liftcard-spotlights-3-col-block .card .info .info-head .icon svg path,
    .liftcard-spotlights-3-col-block .card .info .info-head h2{

        transition:1200ms color, 1200ms fill;
    }

    .liftcard-spotlights-3-col-block .card:hover .info .info-head .icon svg path,
    .liftcard-spotlights-3-col-block .card:hover .info .info-head h2{
        color:#D51920;
        fill:#D51920;

        transition:800ms color, 800ms fill;
    }

    .liftcard-spotlights-3-col-block .card-collection .card .info .info-body a{
        margin-bottom:0;
        margin-top:auto;
        transition:1200ms color;
    }

    .liftcard-spotlights-3-col-block .card .info .info-body a:hover{
        color:#D51920;
        transition:250ms color;
    }

    .liftcard-spotlights-3-col-block .card .info .info-body a .icon svg path{
        transition:1200ms fill;
    }

    .liftcard-spotlights-3-col-block .card .info .info-body a:hover .icon svg path{
        fill:#D51920;
        transition:250ms fill;
    }
    
}

@media screen and (min-width:1440px){
    
}