/* Patch 104 - latest websites/projects showcase slider on country home */
.a3p104-project-showcase{
  background:linear-gradient(180deg,#fff,#f7fbff);
  border:1px solid #d7e4fb;
  border-radius:30px;
  padding:24px;
  box-shadow:0 16px 42px rgba(16,37,71,.07);
  overflow:hidden;
}
.a3p104-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.a3p104-head span{display:inline-flex;background:#eef5ff;color:#1764e8;border-radius:999px;padding:7px 13px;font-weight:950;margin-bottom:8px}
.a3p104-head h2{font-size:clamp(25px,3vw,38px);font-weight:1000;color:#082a63;margin:0 0 7px;line-height:1.35}
.a3p104-head p{color:#5f708d;font-weight:750;line-height:1.85;margin:0;max-width:760px}
.a3p104-head-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px;background:linear-gradient(135deg,#1764e8,#0b2f6d);color:#fff!important;padding:11px 18px;font-weight:950;box-shadow:0 14px 32px rgba(23,100,232,.22)}
.a3p104-slider{position:relative;overflow:hidden;padding:2px 0 8px}
.a3p104-slider:before,.a3p104-slider:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}
.a3p104-slider:before{right:0;background:linear-gradient(90deg,rgba(255,255,255,0),#fff)}
.a3p104-slider:after{left:0;background:linear-gradient(270deg,rgba(255,255,255,0),#fff)}
.a3p104-track{display:flex;gap:16px;will-change:transform}
.a3p104-track.is-animated{animation:a3p104-slide 42s linear infinite;width:max-content}
.a3p104-track.is-animated:hover{animation-play-state:paused}
@keyframes a3p104-slide{from{transform:translateX(0)}to{transform:translateX(50%)}}
.a3p104-card{flex:0 0 330px;background:#fff;border:1px solid #dce8fb;border-radius:26px;overflow:hidden;box-shadow:0 12px 30px rgba(16,37,71,.07);transition:.18s ease}
.a3p104-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(16,37,71,.13)}
.a3p104-screen{display:block;text-decoration:none;color:inherit;background:#edf4ff;position:relative;border-bottom:1px solid #dce8fb}
.a3p104-browser{height:28px;background:#f9fbff;border-bottom:1px solid #dce8fb;display:flex;align-items:center;gap:6px;padding:0 13px;direction:ltr}
.a3p104-browser span{display:block;width:8px;height:8px;border-radius:999px;background:#c9d7ee}.a3p104-browser span:first-child{background:#ff8c8c}.a3p104-browser span:nth-child(2){background:#ffd36b}.a3p104-browser span:nth-child(3){background:#69d19c}
.a3p104-screen img,.a3p104-fallback{width:100%;height:185px;object-fit:cover;display:block}
.a3p104-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#eaf3ff,#fff);color:#1764e8;font-size:46px}
.a3p104-body{padding:15px 16px 17px}.a3p104-type{display:inline-flex;background:#eef5ff;color:#1764e8;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;margin-bottom:8px}.a3p104-body h3{font-size:19px;line-height:1.45;margin:0 0 7px;color:#082a63;font-weight:1000}.a3p104-body p{font-size:14px;line-height:1.75;margin:0 0 13px;color:#60718e;font-weight:750}.a3p104-visit{display:inline-flex;align-items:center;gap:7px;text-decoration:none;background:#f1f6ff;color:#0b5dd7;border:1px solid #d7e4fb;border-radius:999px;padding:9px 13px;font-weight:950}.a3p104-visit:hover{background:#1764e8;color:#fff;border-color:#1764e8}
@media(max-width:991px){.a3p104-head{align-items:flex-start;flex-direction:column}.a3p104-project-showcase{padding:18px;border-radius:24px}.a3p104-card{flex-basis:286px}.a3p104-screen img,.a3p104-fallback{height:160px}}
@media(max-width:575px){.a3p104-card{flex-basis:250px}.a3p104-slider:before,.a3p104-slider:after{width:34px}.a3p104-head-link{width:100%;justify-content:center}.a3p104-head h2{font-size:25px}.a3p104-screen img,.a3p104-fallback{height:145px}}