/* EchoPx self-contained slider — replaces the broken Owl Carousel v1.31 init
   (incompatible with jQuery 3.7.1). Styles the Our Products (.service-list) and
   Latest News (.post-list) carousels with arrows, dots, autoplay + Read More. */

.epx-slider{position:relative;width:100%;padding:0 44px;box-sizing:border-box}
.epx-slider *{box-sizing:border-box}
.epx-slider-viewport{overflow:hidden;width:100%}
.epx-slider-track{display:flex;align-items:stretch;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.epx-slide{flex:0 0 auto;padding:0 12px}

/* ---- Product card (Our Products) ---- */
.epx-slide .item-service{height:100%;margin:0}
.epx-slide .service-content{background:#fff;border:1px solid #ececec;border-radius:6px;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:box-shadow .25s ease,transform .25s ease}
.epx-slide .service-content:hover{box-shadow:0 14px 34px rgba(0,0,0,.14);transform:translateY(-4px)}
.epx-slide .entry-thumbnail{position:relative;overflow:hidden;line-height:0}
.epx-slide .entry-thumbnail img{width:100%;height:210px;object-fit:cover;display:block;transition:transform .5s ease}
.epx-slide .service-content:hover .entry-thumbnail img{transform:scale(1.06)}
.epx-slide .entry-thumbnail .overlay{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;z-index:1}
.epx-slide .service-content:hover .entry-thumbnail .overlay{opacity:1}
.epx-slide .entry-thumbnail>a{position:absolute;inset:0;z-index:2}
.epx-slide .entry-title{font-size:18px;line-height:1.35;margin:18px 20px 10px;font-weight:600;flex:0 0 auto}
.epx-slide .entry-title a{color:#0b2033;text-decoration:none;transition:color .2s ease}
.epx-slide .service-content:hover .entry-title a{color:#f7b500}
.epx-slide .service-content>p{margin:0 20px;color:#6b7684;font-size:14px;flex:1 1 auto}
.epx-readmore{display:inline-flex;align-items:center;gap:8px;margin:14px 20px 22px;padding:9px 18px;background:#f7b500;color:#0b2033;font-weight:600;font-size:13px;letter-spacing:.3px;text-transform:uppercase;text-decoration:none;border-radius:4px;align-self:flex-start;transition:background .2s ease,color .2s ease}
.epx-readmore:hover{background:#0b2033;color:#fff}
.epx-readmore i{font-size:12px}

/* ---- Latest News card (.item-latest-post) ---- */
.epx-slide .item-latest-post{background:#fff;border:1px solid #ececec;border-radius:6px;overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(0,0,0,.06);transition:box-shadow .25s ease,transform .25s ease}
.epx-slide .item-latest-post:hover{box-shadow:0 14px 34px rgba(0,0,0,.14);transform:translateY(-4px)}
.epx-slide .item-latest-post .entry-thumbnail{position:relative;line-height:0}
.epx-slide .item-latest-post .entry-thumbnail img{width:100%;height:200px;object-fit:cover;display:block}
.epx-slide .item-latest-post .entry-thumbnail .fa-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(11,32,51,.75);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}
.epx-slide .item-latest-post:hover .entry-thumbnail .fa-link{opacity:1}
.epx-slide .item-latest-post .entry-header{padding:16px 20px 20px}
.epx-slide .item-latest-post .entry-meta{font-size:12.5px;color:#8a94a0;margin-bottom:8px}
.epx-slide .item-latest-post .entry-meta a{color:#8a94a0;text-decoration:none}
.epx-slide .item-latest-post .entry-meta .fa-clock-o{margin-right:6px;color:#f7b500}
.epx-slide .item-latest-post .entry-title{margin:0;font-size:16px;line-height:1.4;font-weight:600}
.epx-slide .item-latest-post .entry-title a{color:#0b2033;text-decoration:none;transition:color .2s ease}
.epx-slide .item-latest-post:hover .entry-title a{color:#f7b500}
.epx-slide .item-latest-post .line{display:none}

/* ---- Arrows ---- */
.epx-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:#0b2033;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s ease,opacity .2s ease;padding:0}
.epx-arrow:hover{background:#f7b500;color:#0b2033}
.epx-arrow.epx-prev{left:0}
.epx-arrow.epx-next{right:0}
.epx-arrow svg{width:16px;height:16px;fill:currentColor}
.epx-arrow[disabled]{opacity:.35;cursor:default}
.epx-arrow[disabled]:hover{background:#0b2033;color:#fff}

/* ---- Dots ---- */
.epx-dots{display:flex;justify-content:center;gap:9px;margin-top:26px}
.epx-dot{width:10px;height:10px;border-radius:50%;border:0;background:#cfd6dd;cursor:pointer;padding:0;transition:background .2s ease,width .2s ease}
.epx-dot.is-active{background:#f7b500;width:26px;border-radius:6px}

@media (max-width:600px){
  .epx-slider{padding:0 6px}
  .epx-arrow{width:34px;height:34px;top:38%}
  .epx-slide .entry-thumbnail img,.epx-slide .item-latest-post .entry-thumbnail img{height:200px}
}