.Frames-module__HjmaPq__techStackSection{background:rgba(248,249,251,.32);justify-content:center;align-items:center;padding:50px 0;display:flex;position:relative;overflow:hidden}.Frames-module__HjmaPq__techStackLeft{flex-direction:column;gap:20px;width:45%;display:flex}.Frames-module__HjmaPq__techStackBadge{color:#444;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 4px rgba(0,0,0,.06)}.Frames-module__HjmaPq__techStackBadgeIcon{color:var(--primary-color);font-size:14px}.Frames-module__HjmaPq__techStackHeading{color:var(--text-color);letter-spacing:-.5px;margin:0;font-family:relway;font-size:55px;font-weight:500;line-height:1.15}.Frames-module__HjmaPq__techStackHeading span{color:var(--primary-color)}.Frames-module__HjmaPq__techStackDescription{color:#6b7280;max-width:400px;margin:0;font-family:zain-font;font-size:20px;line-height:1.25}.Frames-module__HjmaPq__techStackTabs{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.Frames-module__HjmaPq__techTab{border-radius:999px;padding:8px 20px;font-size:13px;font-weight:500}.Frames-module__HjmaPq__tabUi{color:var(--primary-color);background:rgba(235,50,67,.1);border:1.5px solid rgba(235,50,67,.3)}.Frames-module__HjmaPq__tabWeb{color:var(--secondary-color);background:rgba(0,189,224,.1);border:1.5px solid rgba(0,189,224,.3)}.Frames-module__HjmaPq__tabDev{color:#6366f1;background:rgba(99,102,241,.1);border:1.5px solid rgba(99,102,241,.3)}.Frames-module__HjmaPq__tabDash{color:#f59e0b;background:rgba(245,158,11,.1);border:1.5px solid rgba(245,158,11,.3)}.Frames-module__HjmaPq__techTab:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.Frames-module__HjmaPq__techTab.Frames-module__HjmaPq__active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.Frames-module__HjmaPq__techStackFeatures{flex-direction:column;gap:10px;display:flex}.Frames-module__HjmaPq__techFeatureItem{color:#374151;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.Frames-module__HjmaPq__techFeatureDot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.Frames-module__HjmaPq__techStackBtn{background:var(--text-color);color:#fff;letter-spacing:.2px;border-radius:8px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin-top:8px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.Frames-module__HjmaPq__techStackBtn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 24px rgba(235,50,67,.3)}.Frames-module__HjmaPq__techStackBtn svg{transition:transform .25s}.Frames-module__HjmaPq__techStackBtn:hover svg{transform:translate(4px)}.Frames-module__HjmaPq__techStackRight{width:45%;position:relative;overflow:hidden}.Frames-module__HjmaPq__techGridWrapper{background:linear-gradient(145deg,#eef1f7 0%,#e8ecf4 100%);border-radius:24px;height:440px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.04),0 8px 32px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.6)}.Frames-module__HjmaPq__techFadeTop,.Frames-module__HjmaPq__techFadeBottom{z-index:2;pointer-events:none;height:80px;position:absolute;left:0;right:0}.Frames-module__HjmaPq__techFadeTop{background:linear-gradient(#eef1f7 0%,transparent 100%);top:0}.Frames-module__HjmaPq__techFadeBottom{background:linear-gradient(transparent 0%,#eef1f7 100%);bottom:0}.Frames-module__HjmaPq__techGridInner{grid-template-columns:repeat(4,1fr);gap:12px;height:100%;display:grid}.Frames-module__HjmaPq__techCol{flex-direction:column;gap:12px;display:flex}@keyframes Frames-module__HjmaPq__scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes Frames-module__HjmaPq__scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.Frames-module__HjmaPq__scrollUp{animation:14s linear infinite Frames-module__HjmaPq__scrollUp}.Frames-module__HjmaPq__scrollUpSlow{animation:20s linear infinite Frames-module__HjmaPq__scrollUp}.Frames-module__HjmaPq__scrollDown{animation:17s linear infinite Frames-module__HjmaPq__scrollDown}.Frames-module__HjmaPq__techGridWrapper:hover .Frames-module__HjmaPq__techCol{animation-play-state:paused}.Frames-module__HjmaPq__techCard{aspect-ratio:1;cursor:default;background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:100%;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06)}.Frames-module__HjmaPq__techCard:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 28px rgba(0,0,0,.1)}.Frames-module__HjmaPq__techCard img{-o-object-fit:contain;object-fit:contain;width:36px;height:36px}@media (max-width:1024px){.Frames-module__HjmaPq__techStackSection{gap:40px;padding:50px 40px}}@media (max-width:768px){.Frames-module__HjmaPq__techStackSection{flex-direction:column;align-items:flex-start;padding:30px 24px}.Frames-module__HjmaPq__techStackLeft{text-align:center;flex-direction:column;align-items:center;width:95%;max-width:100%;margin:auto;display:flex}.Frames-module__HjmaPq__techStackRight{width:100%;max-width:100%}.Frames-module__HjmaPq__techGridWrapper{height:360px}}@media (max-width:600px){.Frames-module__HjmaPq__techStackSection{padding:10px 8px 30px}.Frames-module__HjmaPq__techStackHeading{font-size:30px}.Frames-module__HjmaPq__techStackTabs{justify-content:center}}
