.cd-portfolio{box-sizing:border-box;width:100%;font-family:var(--font-jakarta),"Segoe UI",Arial,sans-serif;color:#121826;background:radial-gradient(circle at 8% 0,#ff3b3b21,#0000 30%),radial-gradient(circle at 92% 8%,#2563eb21,#0000 31%),radial-gradient(circle at 55% 100%,#10b9811a,#0000 36%),linear-gradient(#fff 0%,#f7f9fd 100%);margin-left:0;padding:52px clamp(14px,4vw,58px);font-weight:400}.cd-wrap{max-width:1380px;margin:auto}.cd-head{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:26px;display:grid}.cd-kicker{color:#e72735;letter-spacing:.2px;background:#ffffffe6;border:1px solid #e8ecf4;border-radius:999px;align-items:center;gap:8px;margin-bottom:13px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #0f172a0f}.cd-kicker:before{content:"";background:linear-gradient(135deg,#ef233c,#f97316);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ef233c1f}.cd-title{font-family:var(--font-sora),var(--font-jakarta),Arial,sans-serif;letter-spacing:-.02em;color:#0f172a;margin:0;font-size:clamp(30px,3.8vw,56px);font-weight:800;line-height:1.04}.cd-title span{background:linear-gradient(135deg,#ef233c,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text}.cd-sub{color:#667085;max-width:740px;margin:13px 0 0;font-size:15.5px;font-weight:400;line-height:1.75}.cd-stats{gap:12px;display:flex}.cd-stat{background:#ffffffeb;border:1px solid #e8ecf4;border-radius:18px;min-width:116px;padding:14px 15px;box-shadow:0 14px 32px #0f172a12}.cd-stat strong{font-family:var(--font-sora),var(--font-jakarta),Arial,sans-serif;color:#0f172a;font-size:23px;font-weight:700;line-height:1;display:block}.cd-stat small{color:#747c8d;margin-top:6px;font-size:12px;font-weight:500;display:block}.cd-services{scrollbar-width:thin;gap:11px;margin-bottom:23px;padding:4px 2px 17px;display:flex;overflow-x:auto}.cd-services button{color:#172033;letter-spacing:-.01em;cursor:pointer;background:#ffffffeb;border:1px solid #e6eaf2;border-radius:999px;flex:none;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;box-shadow:0 10px 24px #0f172a0e}.cd-services button:hover,.cd-services button.active{color:#fff;background:linear-gradient(135deg,var(--a),var(--b));border-color:#0000;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a24}.cd-layout{grid-template-columns:305px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cd-left{background:#fffffff0;border:1px solid #e8ecf4;border-radius:24px;max-height:735px;padding:12px;position:sticky;top:18px;overflow:auto;box-shadow:0 18px 45px #0f172a1a}.cd-left button{color:#172033;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:17px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid}.cd-no{color:#fff;background:linear-gradient(135deg,var(--ia),var(--ib));border-radius:11px;place-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:grid;box-shadow:0 8px 18px #0f172a1f}.cd-left strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.cd-left em{color:#697386;background:#f3f6fb;border-radius:999px;place-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;font-style:normal;font-weight:600;display:grid}.cd-left button:not(.active):hover{background:#fff;border-color:#dfe5ef;transform:translate(2px);box-shadow:0 10px 24px #0f172a13}.cd-left button.active{color:#fff;background:#101624;border-color:#101624;box-shadow:0 14px 30px #0f172a3d}.cd-left button.active strong{font-weight:600}.cd-left button.active em{color:#fff;background:#ffffff2b}.cd-toolbar{background:#fffffff2;border:1px solid #e8ecf4;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex;box-shadow:0 12px 28px #0f172a0f}.cd-toolbar strong{font-family:var(--font-sora),var(--font-jakarta),Arial,sans-serif;color:#0f172a;font-size:15.5px;font-weight:700;display:block}.cd-toolbar small{color:#667085;margin-top:4px;font-size:13px;font-weight:400;display:block}.cd-toolbar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef233c,#f97316);border:0;border-radius:999px;padding:11px 15px;font-size:13px;font-weight:600;box-shadow:0 12px 24px #ef233c33}.cd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.cd-card{background:#fff;border:1px solid #e8ecf4;border-radius:24px;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 18px 45px #0f172a1b}.cd-card:hover{transform:translateY(-6px);box-shadow:0 28px 62px #0f172a29}.cd-imgbox{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--ca),var(--cb)) border-box;border-bottom:1px solid #e8ecf4;height:370px;padding:12px;overflow:hidden}.cd-frame{background:#f2f4f8;border:1px solid #ffffffe6;border-radius:18px;height:100%;overflow:hidden}.cd-frame img{object-fit:cover;object-position:top center;width:100%;min-height:100%;transition:transform 5.5s;display:block}.cd-card:hover .cd-frame img{transform:translateY(calc(346px - 100%))}.cd-body{padding:15px}.cd-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.cd-domain{text-overflow:ellipsis;white-space:nowrap;color:#667085;min-width:0;font-size:13px;font-weight:400;overflow:hidden}.cd-chip{color:#fff;background:linear-gradient(135deg,var(--ca),var(--cb));border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:600}.cd-card a{color:#fff;background:#101624;border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:46px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .22s,background .22s;display:flex}.cd-card a:hover{background:linear-gradient(135deg,var(--ca),var(--cb));transform:translateY(-1px)}@media (max-width:1180px){.cd-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.cd-portfolio{padding:34px 14px}.cd-head{grid-template-columns:1fr}.cd-stats{padding-bottom:4px;overflow-x:auto}.cd-layout{grid-template-columns:1fr;gap:16px}.cd-left{gap:9px;max-height:none;padding:10px;display:flex;position:relative;top:auto;overflow-x:auto}.cd-left button{flex:0 0 230px;margin-bottom:0}.cd-left button:not(.active):hover{transform:none}.cd-grid{grid-template-columns:1fr;gap:18px}.cd-imgbox{height:330px}.cd-card:hover .cd-frame img{transform:none}}@media (max-width:520px){.cd-title{font-size:30px}.cd-sub{font-size:14px}.cd-toolbar{display:block}.cd-toolbar button{width:100%;margin-top:12px}.cd-imgbox{height:300px;padding:10px}}.cd-left button:not(.active):hover{box-shadow:0 10px 24px #0f172a13;color:#101624!important;background:#fff!important;border-color:#dfe5ef!important}.cd-left button:not(.active):hover strong{color:#101624!important}.cd-left button:not(.active):hover em{color:#475467!important;background:#eef2f7!important}.cd-left button:not(.active):hover .cd-no{color:#fff!important}
.pf-title{text-align:center;background:#fff;padding:50px 10px 10px}.pf-title h1{font-family:var(--font-teko), sans-serif;letter-spacing:0;text-transform:none;color:#000;margin:0;font-size:40px;font-weight:500;line-height:1}.pf-tabs{margin-top:35px;margin-bottom:10px}@media (min-width:1025px){.pf-tabs{display:none}}.pf-tabs-heading{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pf-tab{font-family:var(--font-roboto), sans-serif;color:#141414;cursor:pointer;background:#f5faff;border:0;border-radius:10px;padding:5px 10px;font-size:16px;font-weight:500;line-height:24px;transition:background .2s,color .2s;box-shadow:0 0 10px #0003}.pf-tab:hover,.pf-tab[aria-selected=true]{color:#fff;box-shadow:none;background:#f4320b}.pf-tabs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px;padding:0 20px;display:grid}.pf-tabs-grid[hidden]{display:none}.pf-tabs-grid img{border-radius:3px;width:100%;height:auto;display:block}.pf-tabs-grid.pf-first{gap:12px}.pf-tabs-grid.pf-first img{object-fit:cover;object-position:top center;border:2px solid #cacaca;height:160px}.pf-tabs-grid{grid-template-rows:repeat(4,1fr)}.pf-tabs-grid.pf-first{grid-template-rows:repeat(5,1fr)}@media (min-width:768px) and (max-width:1024px){.pf-tabs-grid,.pf-tabs-grid.pf-first{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}}.cd-portfolio .cd-title{text-transform:none}