/* DN Feature List */
.dnew-fl{display:flex;flex-wrap:wrap}
.dnew-fl.layout-vertical{flex-direction:column}
.dnew-fl.layout-horizontal{flex-direction:row;flex-wrap:wrap}
.dnew-fl.layout-grid{display:grid}
.dnew-fl-item{display:flex;align-items:flex-start;background:#fff;border:1px solid transparent;text-decoration:none;color:inherit;transition:all .3s ease;position:relative}
.dnew-fl.layout-horizontal .dnew-fl-item{flex:1 1 auto}
.dnew-fl.equal-height .dnew-fl-item{height:100%}
.dnew-fl.layout-grid.equal-height{align-items:stretch}
.dnew-fl.media-top .dnew-fl-item{flex-direction:column;align-items:center;text-align:center}
.dnew-fl.media-right .dnew-fl-item{flex-direction:row-reverse}
.dnew-fl.media-left .dnew-fl-item{flex-direction:row}
.dnew-fl-media{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.dnew-fl-content{flex:1;min-width:0}
.dnew-fl-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}
.dnew-fl-icon svg{display:block}
.dnew-fl-num{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-weight:700}
.dnew-fl-image{display:block;max-width:100%}
.dnew-fl-title{margin:0 0 8px;line-height:1.3;transition:color .3s ease}
.dnew-fl-desc{margin:0;line-height:1.6}

/* Divider */
.dnew-fl.has-divider.layout-vertical .dnew-fl-item{border-bottom:1px solid #e5e7eb;border-radius:0}
.dnew-fl.has-divider.layout-vertical .dnew-fl-item:last-child{border-bottom:0}
.dnew-fl.has-divider.layout-horizontal .dnew-fl-item,
.dnew-fl.has-divider.layout-grid .dnew-fl-item{border-right:1px solid #e5e7eb;border-radius:0}

/* Connector line */
.dnew-fl.has-connector.layout-vertical{position:relative}
.dnew-fl.has-connector.layout-vertical .dnew-fl-media{position:relative}
.dnew-fl.has-connector.layout-vertical .dnew-fl-item:not(:last-child) .dnew-fl-media::after{
  content:"";position:absolute;left:50%;top:100%;width:2px;height:calc(100% + var(--dnew-fl-gap,24px));background:var(--dnew-fl-connector,#e5e7eb);transform:translateX(-50%);z-index:0
}

/* Hover animations */
.dnew-fl-hover-lift .dnew-fl-item:hover{transform:translateY(-6px)}
.dnew-fl-hover-zoom .dnew-fl-item:hover{transform:scale(1.03)}
.dnew-fl-hover-tilt .dnew-fl-item:hover{transform:rotate(-1deg) translateY(-3px)}

@media (max-width: 767px){
  .dnew-fl.layout-horizontal{flex-direction:column}
  .dnew-fl.layout-horizontal .dnew-fl-item{flex:1 1 100%}
}