.tsss{width:100%;margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);border-radius:24px;overflow:hidden;border:1px solid #dbe4f3;background:#fff;box-shadow:0 18px 40px rgba(17,24,39,.06);font-family:inherit} .tsss__intro{position:relative;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px 36px;background:linear-gradient(150deg,#224191 0%,#172e6b 100%);color:#fff;overflow:hidden} .tsss__intro::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;border:28px solid rgba(255,255,255,.06)} .tsss__badge{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.12)} .tsss__badge svg{width:28px;height:28px} .tsss__title{margin:0;font-size:26px;line-height:1.25;font-weight:700;color:#fff} .tsss__sub{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.82)} .tsss__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 20px;border-radius:10px;background:#20722c;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease;position:relative;z-index:1} .tsss__cta svg{width:18px;height:18px} .tsss__cta:hover,.tsss__cta:focus-visible{background:#1a5e24;transform:translateY(-2px)} .tsss__grid{list-style:none;margin:0;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#f7f9fd} .tsss__grid li{margin:0;padding:0} .tsss__grid li::before{display:none} .tsss__card{position:relative;display:flex;flex-direction:column;gap:4px;height:100%;padding:22px 22px 24px;background:#fff;border:1px solid #e1e7f2;border-radius:18px;text-decoration:none;color:#111;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .tsss__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;border-radius:12px;background:#eef3ff;color:#224191;transition:background .2s ease,color .2s ease} .tsss__icon svg{width:24px;height:24px} .tsss__city{font-size:18px;line-height:1.3;font-weight:700} .tsss__region{font-size:14px;color:#52525b} .tsss__go{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #e1e7f2;color:#9aa5b8;transition:all .2s ease} .tsss__go svg{width:16px;height:16px} .tsss__card:hover,.tsss__card:focus-visible{transform:translateY(-4px);border-color:#20722c;box-shadow:0 12px 26px rgba(34,65,145,.12)} .tsss__card:hover .tsss__icon,.tsss__card:focus-visible .tsss__icon{background:#20722c;color:#fff} .tsss__card:hover .tsss__go,.tsss__card:focus-visible .tsss__go{background:#20722c;border-color:#20722c;color:#fff} .tsss__card:focus-visible,.tsss__cta:focus-visible{outline:2px solid #fff;outline-offset:3px} @media (max-width:991px){.tsss{grid-template-columns:1fr}.tsss__intro{padding:32px 24px}} @media (max-width:478px){.tsss__grid{grid-template-columns:1fr;padding:16px;gap:12px}.tsss__title{font-size:22px}}