.flex-spotlight .spotlight-body.box-layout{
    padding:2.5rem;
    border-radius:0.5rem;
    background-color:#f7f7f7;
}

@media screen and (max-width:640px){
    .flex-spotlight .spotlight-body.box-layout{
        margin:0 -20px;
        border-radius:0;
        padding:1.5rem;
    }
}

.flex-spotlight .spotlight-feature{
    display:flex;
    flex-direction:column;
    gap:2rem;
}

.flex-spotlight .spotlight-feature > *{ width:100%; }

@media screen and (min-width:768px){
    .flex-spotlight .spotlight-feature{ flex-direction:row; align-items:center; }
    .flex-spotlight .spotlight-feature > *{
        width:calc(50% - (2rem/2));
    }
}

.flex-spotlight .spotlight-feature .spotlight-image{ 
    margin:0; 
    aspect-ratio:10/7; 
    border-radius:0.5rem; 
    overflow:hidden;
    position:relative;
}

.flex-spotlight .spotlight-feature .spotlight-image img{ max-width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease; }
.flex-spotlight .spotlight-feature .spotlight-image:hover img{ transform:scale(1.05); }

.flex-spotlight .action-symbol{
    background:#CE0D1C;
    position:absolute;
    bottom:0; right:0;
    z-index:2;
    width:48px; height:48px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:0.5rem 0 0.5rem 0;
    transition:background 0.2s ease;
}

.flex-spotlight .spotlight-image:hover .action-symbol{ background:#e10e1f; }

.flex-spotlight .action-symbol svg{ 
    display:block; 
    fill:#fff;
}


.flex-spotlight .spotlight-feature + .spotlight-checklist{ margin:2rem 0 0; }

.flex-spotlight .spotlight-checklist-bullets{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:2rem;
    list-style:none;
    margin:0; padding:0;
}

.flex-spotlight .feature-item{
    display:flex;
    align-items:flex-start;
    gap:0.5rem;
}

.flex-spotlight .feature-icon{
    width:24px; margin:0;
    flex:none;
}

.flex-spotlight .feature-icon img{ max-width:100%; }

.flex-spotlight .feature-item.bullets:before{
    content:'';
    display:block;
    background:#3E748F;
    border-radius:50%;
    width:8px; height:8px;
    flex:none;
    margin-top:6px;
}

.flex-spotlight .feature-item.bullets h4{ margin:0 0 0.25rem; font-size:1rem; }
.flex-spotlight .feature-item.bullets h4 a{ color:#224d61;}
.flex-spotlight .feature-item.bullets h4 a:hover{ color:#3e748f; text-decoration:underline;}

@media screen and (min-width:768px){
    .flex-spotlight .spotlight-checklist-bullets{
        grid-template-columns:repeat(2, 1fr);
    }

    .flex-spotlight .spotlight-checklist-bullets.checklist-columns-3,
    .flex-spotlight .spotlight-checklist-bullets.checklist-columns-4{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media screen and (min-width:960px){
    .flex-spotlight .spotlight-checklist-bullets.checklist-columns-3{
        grid-template-columns:repeat(3, 1fr);
    }

    .flex-spotlight .spotlight-checklist-bullets.checklist-columns-4{
        grid-template-columns:repeat(4, 1fr);
        font-size:0.875rem;
    }
}