@import url("platform-youtube-layout.css");

body.mg-service-telegram {
  --mg-service-accent: #229ed9;
  --mg-service-accent-2: #0088cc;
  --mg-service-deep: #075985;
  --mg-service-warm: #7dd3fc;
  --mg-service-soft: #eefaff;
  --mg-service-gradient: linear-gradient(135deg, #229ed9 0%, #0088cc 62%, #7dd3fc 100%);
  --mg-accent-rgb: 34, 158, 217;
  --mg-primary: #229ed9;
  --mg-primary-2: #0088cc;
  --mg-youtube: #229ed9;
}

body.mg-service-telegram.mg-pro-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .16), transparent 330px),
    radial-gradient(circle at 90% 14%, rgba(125, 211, 252, .12), transparent 360px),
    linear-gradient(180deg, #f0fbff 0%, #ffffff 40%, #f5fbff 100%) !important;
}

body.mg-service-telegram .mg-hero-section {
  background:
    radial-gradient(circle at 16% 14%, rgba(34, 158, 217, .26), transparent 310px),
    radial-gradient(circle at 84% 12%, rgba(125, 211, 252, .22), transparent 340px),
    linear-gradient(135deg, #f8fdff 0%, #eefaff 52%, #ffffff 100%) !important;
}

body.mg-service-telegram .mg-hero-section h1 {
  background: linear-gradient(90deg, #071827 0%, #229ed9 48%, #0088cc 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body.mg-service-telegram .mg-section,
body.mg-service-telegram section:not(.mg-hero-section):not(.mg-final-cta) {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .08), transparent 28rem),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 250, 255, .92)) !important;
}

body.mg-service-telegram .mg-pricing-card,
body.mg-service-telegram .pricing-box-style3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 253, 255, .96)) !important;
  border-color: rgba(34, 158, 217, .28) !important;
  box-shadow: 0 24px 68px rgba(34, 158, 217, .13), 0 10px 30px rgba(8, 136, 204, .08) !important;
}

body.mg-service-telegram .mg-price-grid .mg-pricing-card,
body.mg-service-telegram .pricing-box-style3.mg-pricing-card {
  border: 1px solid rgba(34, 158, 217, .30) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

body.mg-service-telegram .mg-price-grid .mg-pricing-card > li:first-child,
body.mg-service-telegram .pricing-box-style3.mg-pricing-card > li:first-child,
body.mg-service-telegram .mg-pricing-card > li.bg-dark-purple-blue,
body.mg-service-telegram .mg-pricing-card > li.tz-background-color {
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, .24), transparent 120px),
    linear-gradient(135deg, #229ed9 0%, #075985 58%, #7dd3fc 100%) !important;
  border-bottom: 1px solid rgba(125, 211, 252, .26) !important;
  color: #ffffff !important;
}

body.mg-service-telegram .mg-price-grid .mg-pricing-card > li:first-child p,
body.mg-service-telegram .mg-price-grid .mg-pricing-card > li:first-child b,
body.mg-service-telegram .pricing-box-style3.mg-pricing-card > li:first-child p,
body.mg-service-telegram .pricing-box-style3.mg-pricing-card > li:first-child b,
body.mg-service-telegram .mg-pricing-card > li:first-child .text-light-orange {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 10px 24px rgba(0, 0, 0, .34) !important;
}

body.mg-service-telegram .mg-pricing-card .btn,
body.mg-service-telegram .mg-button,
body.mg-service-telegram .btn.bg-light-orange,
body.mg-service-telegram .mg-primary-cta {
  background: linear-gradient(135deg, #229ed9 0%, #075985 56%, #7dd3fc 100%) !important;
  border-color: rgba(34, 158, 217, .34) !important;
  box-shadow: 0 16px 34px rgba(34, 158, 217, .22) !important;
  color: #ffffff !important;
}

body.mg-service-telegram .mg-pricing-section h2,
body.mg-service-telegram .mg-pricing-section h2 a,
body.mg-service-telegram .mg-pricing-section #prices {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}

body.mg-service-telegram .mg-final-card {
  background:
    radial-gradient(circle at 14% 8%, rgba(34, 158, 217, .20), transparent 280px),
    radial-gradient(circle at 92% 12%, rgba(125, 211, 252, .16), transparent 300px),
    linear-gradient(135deg, #061522 0%, #0b2a3f 58%, #04111c 100%) !important;
  border-color: rgba(125, 211, 252, .20) !important;
  box-shadow: 0 28px 86px rgba(0, 0, 0, .26), 0 12px 34px rgba(34, 158, 217, .12) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-band {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .10), transparent 28rem),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 250, 255, .95)) !important;
  padding: clamp(34px, 5vw, 62px) 0 !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-band--alt {
  background:
    radial-gradient(circle at 88% 0%, rgba(125, 211, 252, .14), transparent 26rem),
    linear-gradient(180deg, rgba(245, 251, 255, .98), rgba(255, 255, 255, .98)) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-band > .container {
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  width: 100% !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 158, 217, .14), transparent 240px),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 253, 255, .98)) !important;
  border: 1px solid rgba(34, 158, 217, .20) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 68px rgba(34, 158, 217, .12), 0 12px 34px rgba(8, 136, 204, .07) !important;
  margin: 0 auto !important;
  max-width: 1120px !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 44px) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-head {
  margin: 0 0 24px !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-kicker {
  background: rgba(34, 158, 217, .10) !important;
  border: 1px solid rgba(34, 158, 217, .24) !important;
  border-radius: 999px !important;
  color: #075985 !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  margin-bottom: 14px !important;
  padding: 8px 12px !important;
  text-transform: uppercase !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-panel h2 {
  background: linear-gradient(90deg, #071827 0%, #229ed9 58%, #0088cc 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.06 !important;
  margin: 0 !important;
  -webkit-text-fill-color: transparent !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-panel h2::after {
  background: var(--mg-service-gradient) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 4px !important;
  margin-top: 16px !important;
  width: min(180px, 42%) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-image {
  margin: 24px 0 !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-image img,
body.mg-telegram-sales-detail-page .mg-page-media-figure img {
  background: #2f343d !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 58px rgba(34, 158, 217, .15) !important;
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-tile-grid {
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-tile-grid--multi {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout {
  align-items: start !important;
  display: grid !important;
  gap: clamp(22px, 4vw, 38px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout--vertical {
  align-items: center !important;
  grid-template-columns: minmax(280px, 0.5fr) minmax(0, 0.5fr) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout--image-left {
  align-items: center !important;
  grid-template-columns: minmax(280px, 0.5fr) minmax(0, 0.5fr) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout .mg-generated-sales-seo-tile-grid {
  grid-template-columns: 1fr !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout--paragraph-copy {
  align-items: center !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-paragraph-copy {
  align-self: center !important;
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-paragraph-copy p {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #253244 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.82 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-paragraph-copy p:last-child {
  margin-bottom: 0 !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile {
  background: linear-gradient(135deg, rgba(34, 158, 217, .09), rgba(125, 211, 252, .07)) !important;
  border: 1px solid rgba(34, 158, 217, .15) !important;
  border-radius: 16px !important;
  padding: 20px !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile p {
  color: #253244 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile strong {
  color: #075985 !important;
  font-weight: 900 !important;
}

body.mg-telegram-sales-detail-page .mg-original-seo-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .10), transparent 28rem),
    linear-gradient(180deg, rgba(239, 250, 255, .98), rgba(255, 255, 255, .98)) !important;
  padding: clamp(34px, 5vw, 62px) 0 !important;
}

body.mg-telegram-sales-detail-page .mg-original-seo-container {
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  width: 100% !important;
}

body.mg-telegram-sales-detail-page .mg-original-seo-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 158, 217, .10), transparent 220px),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 253, 255, .98)) !important;
  border: 1px solid rgba(34, 158, 217, .20) !important;
  box-shadow: 0 24px 68px rgba(34, 158, 217, .11), 0 12px 34px rgba(8, 136, 204, .07) !important;
  color: #253244 !important;
}

body.mg-telegram-sales-detail-page .mg-original-seo-card h2,
body.mg-telegram-sales-detail-page .mg-original-seo-card h3,
body.mg-telegram-sales-detail-page .mg-original-seo-card h4 {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}

body.mg-telegram-sales-detail-page .mg-original-seo-card p,
body.mg-telegram-sales-detail-page .mg-original-seo-card li {
  color: #253244 !important;
}

html[data-mg-theme="dark"] body.mg-service-telegram.mg-pro-page,
body.mg-service-telegram.mg-dark-mode {
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 158, 217, .24), transparent 330px),
    radial-gradient(circle at 92% 14%, rgba(125, 211, 252, .14), transparent 360px),
    linear-gradient(180deg, #04101a 0%, #071827 48%, #030b12 100%) !important;
}

html[data-mg-theme="dark"] body.mg-service-telegram .mg-hero-section,
body.mg-service-telegram.mg-dark-mode .mg-hero-section {
  background:
    radial-gradient(circle at 16% 16%, rgba(34, 158, 217, .28), transparent 310px),
    radial-gradient(circle at 82% 9%, rgba(125, 211, 252, .14), transparent 350px),
    linear-gradient(135deg, #04101a 0%, #071827 56%, #020810 100%) !important;
}

html[data-mg-theme="dark"] body.mg-service-telegram .mg-hero-section h1,
body.mg-service-telegram.mg-dark-mode .mg-hero-section h1 {
  background: linear-gradient(90deg, #ffffff 0%, #7dd3fc 45%, #229ed9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-mg-theme="dark"] body.mg-service-telegram .mg-pricing-section h2,
html[data-mg-theme="dark"] body.mg-service-telegram .mg-pricing-section h2 a,
html[data-mg-theme="dark"] body.mg-service-telegram .mg-pricing-section #prices,
body.mg-service-telegram.mg-dark-mode .mg-pricing-section h2,
body.mg-service-telegram.mg-dark-mode .mg-pricing-section h2 a,
body.mg-service-telegram.mg-dark-mode .mg-pricing-section #prices {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .48) !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-band,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-split-band {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .12), transparent 28rem),
    linear-gradient(180deg, rgba(5, 17, 28, .98), rgba(7, 24, 39, .96)) !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-panel,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-split-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 158, 217, .17), transparent 240px),
    linear-gradient(180deg, rgba(7, 24, 39, .98), rgba(3, 11, 18, .98)) !important;
  border-color: rgba(125, 211, 252, .18) !important;
  box-shadow: 0 28px 82px rgba(0, 0, 0, .48), 0 12px 34px rgba(34, 158, 217, .10) !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-kicker,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-kicker {
  background: rgba(125, 211, 252, .10) !important;
  border-color: rgba(125, 211, 252, .20) !important;
  color: #7dd3fc !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-panel h2,
html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile strong,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-split-panel h2,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-copy-tile strong {
  background: linear-gradient(90deg, #ffffff 0%, #7dd3fc 52%, #229ed9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-copy-tile {
  background: linear-gradient(135deg, rgba(34, 158, 217, .12), rgba(255, 255, 255, .035)) !important;
  border-color: rgba(125, 211, 252, .12) !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-copy-tile p,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-copy-tile p {
  color: #d7e9f5 !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-paragraph-copy p,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-paragraph-copy p {
  color: #d7e9f5 !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-section,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-section {
  background:
    radial-gradient(circle at 12% 0%, rgba(34, 158, 217, .12), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(125, 211, 252, .08), transparent 26rem),
    linear-gradient(180deg, rgba(5, 17, 28, .98), rgba(3, 11, 18, .98)) !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card {
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 158, 217, .15), transparent 220px),
    linear-gradient(180deg, rgba(7, 24, 39, .98), rgba(3, 11, 18, .98)) !important;
  border-color: rgba(125, 211, 252, .18) !important;
  box-shadow: 0 28px 82px rgba(0, 0, 0, .48), 0 12px 34px rgba(34, 158, 217, .10) !important;
  color: #d7e9f5 !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card h2,
html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card h3,
html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card h4,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card h2,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card h3,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card h4 {
  background: linear-gradient(90deg, #ffffff 0%, #7dd3fc 52%, #229ed9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card p,
html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-original-seo-card li,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card p,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-original-seo-card li {
  color: #d7e9f5 !important;
}

html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-image img,
html[data-mg-theme="dark"] body.mg-telegram-sales-detail-page .mg-page-media-figure img,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-generated-sales-seo-split-image img,
body.mg-telegram-sales-detail-page.mg-dark-mode .mg-page-media-figure img {
  background: #2f343d !important;
  border-color: rgba(148, 163, 184, .38) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .34) !important;
}

@media (max-width: 900px) {
  body.mg-telegram-sales-detail-page .mg-generated-sales-seo-tile-grid--multi,
  body.mg-telegram-sales-detail-page .mg-generated-sales-seo-split-layout {
    grid-template-columns: 1fr !important;
  }

  body.mg-telegram-sales-detail-page .mg-generated-sales-seo-tile-grid {
    grid-template-columns: 1fr !important;
  }
}