/* ================================================================
   i@m_iding Digital Solusi — Tools / Software Carousel v9.2.5
   Reference layout: compact 7-column desktop carousel.
   ================================================================ */
.tools-section-v920{position:relative;overflow:visible;background:linear-gradient(180deg,#fbfdff 0%,#f5f9fd 100%)}
.tools-section-v920 .container{position:relative}
.tools-head-v920{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:25px}
.tools-head-copy-v920{min-width:0}
.tools-kicker-v920{display:flex;align-items:center;gap:11px;margin-bottom:10px;color:#0868d8;font-size:11px;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}
.tools-kicker-v920 span{width:42px;height:2px;display:block;flex:none;border-radius:99px;background:#e1ad28}
.tools-head-v920 h2{margin:0;color:#10294d;font-family:"Plus Jakarta Sans",Manrope,system-ui,sans-serif;font-size:clamp(31px,3.15vw,43px);line-height:1.08;letter-spacing:-1.45px;font-weight:800}
.tools-head-v920 h2 em{font-style:normal;color:#10294d}
.tools-head-v920 p{max-width:780px;margin:10px 0 0;color:#6d8199;font-size:14px;line-height:1.62}
.tools-all-v920{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#0868d8;border:1.5px solid #176fe0;border-radius:17px;padding:15px 20px;background:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 18px rgba(22,74,126,.05);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.tools-all-v920:hover{transform:translateY(-2px);background:#f7fbff;box-shadow:0 12px 26px rgba(22,74,126,.11)}
.tools-all-v920 b{font-size:16px;font-weight:800}

/* The body is deliberately compact so the component stays visually close
   to the supplied reference instead of becoming a tall card grid. */
.tools-slider-wrap-v920{position:relative;padding:18px 34px 15px;border:1px solid #e1ebf5;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 15px 38px rgba(27,76,124,.085),0 2px 8px rgba(27,76,124,.035)}
.tools-viewport-v920{overflow:hidden;outline:none;border-radius:15px}
.tools-viewport-v920:focus-visible{box-shadow:0 0 0 3px rgba(8,104,216,.18)}
.tools-track-v920{display:flex;gap:16px;align-items:stretch;transition:transform .46s cubic-bezier(.22,.61,.36,1);will-change:transform}

.tool-card-v920{position:relative;flex:0 0 calc((100% - 96px)/7);height:386px;min-width:0;overflow:hidden;border:1px solid #dce7f1;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(24,65,105,.075);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tool-card-v920:hover{transform:translateY(-4px);border-color:#bfd5e9;box-shadow:0 15px 30px rgba(24,65,105,.13)}
.tool-media-v920{position:relative;display:block;height:174px;overflow:visible;background:linear-gradient(145deg,#edf5fb,#d8e7f4);text-decoration:none;border-radius:14px 14px 0 0}
.tool-image-v920{display:block;width:100%;height:174px;object-fit:cover;border-radius:14px 14px 0 0;transition:transform .32s ease,filter .32s ease}
.tool-card-v920:hover .tool-image-v920{transform:scale(1.035);filter:saturate(1.035)}
.tool-media-icon-v920{position:absolute;z-index:3;left:15px;bottom:-23px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #d7e2ed;border-radius:13px;background:linear-gradient(145deg,#f7fbff,#e8f1f8);color:#0a65d5;font-size:25px;font-weight:900;box-shadow:0 7px 17px rgba(8,58,111,.16)}
.tool-new-v920{display:none}
.tool-body-v920{display:flex;flex:1;min-width:0;flex-direction:column;padding:29px 14px 8px}
.tool-badge-v920{order:4;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:3px 10px;border:0.75px solid currentColor;border-radius:999px;background:#fff;color:#0872dc;font-size:8px;font-weight:800;line-height:1;letter-spacing:.01em}
.tool-card-v920:nth-child(3n+2) .tool-badge-v920{color:#18a957}
.tool-card-v920:nth-child(3n+3) .tool-badge-v920{color:#f36b22}
.tool-body-v920 h3{order:1;margin:0;min-height:30px;color:#0b315f;font-family:"Plus Jakarta Sans",Manrope,system-ui,sans-serif;font-size:12.5px;line-height:1.24;font-weight:800;letter-spacing:-.12px}
.tool-body-v920 h3 a{color:inherit;text-decoration:none}
.tool-body-v920 h3 a:hover{color:#0868d8}
.tool-meta-v920{order:2;margin-top:2px;color:#3187dc;font-size:10px;font-weight:700;line-height:1.2;min-height:20px}
.tool-body-v920 p{order:3;margin:5px 0 7px;min-height:27px;max-height:27px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#73859a;font-size:9px;line-height:1.3}
.tool-detail-v920{display:none}
.tool-card-v920::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:.6px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,#0b315f,#0871dc,#d7aa39);opacity:.9}

.tools-nav-v920{position:absolute;z-index:7;top:50%;width:64px;height:64px;display:grid;place-items:center;border:1px solid #eef5fc;border-radius:50%;background:#fff;color:#0868d8;font-family:Arial,sans-serif;font-size:45px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 9px 24px rgba(24,74,128,.16);transform:translateY(-50%);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.tools-nav-v920:hover:not(:disabled){transform:translateY(-50%) scale(1.06);box-shadow:0 13px 29px rgba(24,74,128,.22)}
.tools-nav-v920:focus-visible{outline:3px solid rgba(8,104,216,.2);outline-offset:3px}
.tools-nav-v920:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.tools-prev-v920{left:-31px}.tools-next-v920{right:-31px}
.tools-slider-footer-v920{display:flex;justify-content:center;align-items:center;gap:18px;min-height:22px;margin-top:9px;color:#71859b;font-size:10px;font-weight:700}
.tools-slider-footer-v920>span{display:none}
.tools-dots-v920{display:flex;align-items:center;justify-content:center;gap:9px}
.tools-dot-v920{width:13px;height:13px;padding:0;border:0;border-radius:50%;background:#c9d9ea;cursor:pointer;transition:width .2s ease,background .2s ease,transform .2s ease}
.tools-dot-v920:hover{transform:scale(1.08)}
.tools-dot-v920.active{width:13px;background:#0868d8}

@media(max-width:1500px){.tool-card-v920{flex-basis:calc((100% - 64px)/5)}}
@media(max-width:1180px){.tool-card-v920{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:920px){.tools-head-v920{align-items:flex-start;flex-direction:column}.tools-all-v920{align-self:flex-start}.tools-slider-wrap-v920{padding-left:25px;padding-right:25px}.tool-card-v920{flex-basis:calc((100% - 36px)/3)}.tools-nav-v920{width:52px;height:52px;font-size:37px}.tools-prev-v920{left:-25px}.tools-next-v920{right:-25px}}
@media(max-width:680px){.tools-section-v920{overflow:hidden}.tools-slider-wrap-v920{padding:14px 20px 16px;border-radius:17px}.tools-track-v920{gap:12px}.tool-card-v920{flex-basis:calc((100% - 24px)/3);height:345px;border-radius:14px}.tool-media-v920,.tool-image-v920{height:135px}.tool-body-v920{padding:29px 11px 8px}.tool-media-icon-v920{left:10px;bottom:-20px;width:42px;height:42px;border-radius:11px;font-size:19px}.tool-body-v920 h3{font-size:11px;min-height:27px}.tool-meta-v920{font-size:9px;min-height:21px}.tool-body-v920 p{font-size:8.8px;min-height:34px}.tool-badge-v920{padding:3px 8px;font-size:7.5px;border-width:.7px}.tools-nav-v920{width:46px;height:46px;font-size:33px}.tools-prev-v920{left:-22px}.tools-next-v920{right:-22px}.tools-head-v920 h2{font-size:29px}.tools-head-v920 p{font-size:12.5px}.tools-slider-footer-v920{margin-top:10px}}
@media(max-width:520px){.tool-card-v920{flex-basis:calc((100% - 12px)/2);height:350px}.tools-nav-v920{width:42px;height:42px;font-size:30px}.tools-prev-v920{left:-19px}.tools-next-v920{right:-19px}.tools-all-v920{padding:12px 15px}.tools-slider-footer-v920{flex-direction:column;gap:8px}}
@media(max-width:390px){.tool-card-v920{flex-basis:100%;height:345px}.tools-head-v920 h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.tools-track-v920,.tool-image-v920,.tool-card-v920,.tools-nav-v920{transition:none}}