.we-serve-main{display:flex;padding:64px 80px;flex-direction:column;justify-content:center;align-items:center;gap:48px}.top-serve{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.top-serve .title-serve{color:var(--Yellow-yellow-500, #5CF4E4);font-size:32px;font-style:normal;font-weight:600;line-height:160%;text-align:center}.top-serve .title-serve span{color:var(--Black-black-1, #FFF);font-size:32px;font-style:normal;font-weight:600;line-height:160%}.top-serve .subtitle-serve{color:var(--Black-black-4, #F1F2F2);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:150%;max-width:600px}.frame-serve{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;align-items:start;gap:32px;align-self:stretch;max-width:100%}@media (min-width: 1200px){.frame-serve{grid-template-columns:repeat(3,1fr);gap:32px}}@media (max-width: 1199px) and (min-width: 769px){.we-serve-main{padding:48px 40px}.frame-serve{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.we-serve-main{padding:40px 20px;gap:32px}.top-serve{gap:12px}.top-serve .title-serve,.top-serve .title-serve span{font-size:24px;line-height:140%}.top-serve .subtitle-serve{font-size:14px;line-height:140%;max-width:100%;padding:0 10px}.frame-serve{grid-template-columns:repeat(2,1fr);gap:24px;width:100%}}@media (max-width: 300px){.we-serve-main{padding:32px 16px;gap:24px}.frame-serve{grid-template-columns:1fr;gap:16px}.top-serve .title-serve{font-size:22px}.top-serve .subtitle-serve{font-size:13px}}.card-serve{display:flex;padding:24px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;transition:all .3s ease}.card-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;height:100%}.card-serve.with-bg{background:var(--Black-black-13, #191F20)}.card-serve.without-bg{background:transparent;border:1px solid transparent}.card-serve img{width:35.8px;height:36.7px;flex-shrink:0;transition:transform .3s ease}.card-serve .topic-serve{color:var(--Black-black-1, #FFF);font-size:20px;font-style:normal;font-weight:600;line-height:160%;transition:color .3s ease}.card-serve:hover .topic-serve{color:var(--Yellow-yellow-500, #5CF4E4)}.card-serve .description-serve{color:var(--Black-black-1, #FFF);font-size:16px;font-style:normal;font-weight:400;line-height:160%;max-width:324px;flex-grow:1}.card-serve.mobile{padding:20px;min-height:120px}.card-serve.mobile .description-serve{display:none}.card-serve.mobile img{width:32px;height:32px}.card-serve.mobile .topic-serve{font-size:16px;line-height:140%}[dir=rtl] .card-content{align-items:flex-start}[dir=rtl] .card-serve .topic-serve,[dir=rtl] .card-serve .description-serve,[dir=rtl] .card-serve.mobile .topic-serve{text-align:right}