:root {
  --mg-footer-accent: #1877f2;
  --mg-footer-bg: #ffffff;
  --mg-footer-border: rgba(15, 23, 42, .12);
  --mg-footer-text: #111827;
  --mg-footer-muted: #5b6472;
}

.mg-original-seo-section {
  background: transparent !important;
  padding: 34px 20px 54px !important;
}

.mg-original-seo-container {
  display: grid !important;
  gap: 26px !important;
  margin: 0 auto !important;
  max-width: 1140px !important;
  width: 100% !important;
}

.mg-original-seo-card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--mg-service-accent, #2979ff) 7%, var(--mg-card, #ffffff)), var(--mg-card, #ffffff)) !important;
  border: 1px solid color-mix(in srgb, var(--mg-service-accent, #2979ff) 16%, var(--mg-border, rgba(15, 23, 42, .12))) !important;
  border-radius: var(--mg-radius, 22px) !important;
  box-shadow: var(--mg-shadow, 0 18px 45px rgba(15, 23, 42, .12)) !important;
  color: var(--mg-text, #111827) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

.mg-original-seo-card h2 {
  color: var(--mg-text, #111827) !important;
  font-size: clamp(25px, 3vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  margin: 0 0 20px !important;
  text-align: left !important;
}

.mg-original-seo-card h2::after {
  background: var(--mg-service-accent, #2979ff) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 4px !important;
  margin-top: 14px !important;
  width: 76px !important;
}

.mg-original-seo-card h3,
.mg-original-seo-card h4 {
  color: var(--mg-text, #111827) !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  margin: 28px 0 12px !important;
}

.mg-original-seo-card p {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--mg-muted, #374151) !important;
  font-size: 17px !important;
  height: auto !important;
  line-height: 1.82 !important;
  margin: 0 0 18px !important;
  overflow: visible !important;
  padding: 0 !important;
  text-align: left !important;
}

.mg-original-seo-card p:last-child {
  margin-bottom: 0 !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-page:not(.mg-service-youtube) .mg-original-seo-card,
body.mg-pro-page.mg-service-page.mg-dark-mode:not(.mg-service-youtube) .mg-original-seo-card {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--mg-service-accent, #2979ff) 24%, var(--mg-card, #101826)),
      color-mix(in srgb, var(--mg-service-deep, var(--mg-service-accent, #2979ff)) 18%, var(--mg-soft, #0d1320))) !important;
  border-color: color-mix(in srgb, var(--mg-service-accent, #2979ff) 28%, rgba(255, 255, 255, .12)) !important;
  box-shadow: 0 22px 58px color-mix(in srgb, var(--mg-service-accent, #2979ff) 22%, rgba(0, 0, 0, .28)) !important;
  color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-youtube .mg-original-seo-card,
body.mg-pro-page.mg-service-youtube.mg-dark-mode .mg-original-seo-card {
  background: linear-gradient(180deg, rgba(19, 19, 25, .96), rgba(12, 12, 17, .96)) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .34) !important;
  color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-page:not(.mg-service-youtube) .mg-original-seo-card h2,
html[data-mg-theme="dark"] body.mg-pro-page.mg-service-page:not(.mg-service-youtube) .mg-original-seo-card h3,
html[data-mg-theme="dark"] body.mg-pro-page.mg-service-page:not(.mg-service-youtube) .mg-original-seo-card h4,
body.mg-pro-page.mg-service-page.mg-dark-mode:not(.mg-service-youtube) .mg-original-seo-card h2,
body.mg-pro-page.mg-service-page.mg-dark-mode:not(.mg-service-youtube) .mg-original-seo-card h3,
body.mg-pro-page.mg-service-page.mg-dark-mode:not(.mg-service-youtube) .mg-original-seo-card h4 {
  color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-youtube .mg-original-seo-card h2,
html[data-mg-theme="dark"] body.mg-pro-page.mg-service-youtube .mg-original-seo-card h3,
html[data-mg-theme="dark"] body.mg-pro-page.mg-service-youtube .mg-original-seo-card h4,
body.mg-pro-page.mg-service-youtube.mg-dark-mode .mg-original-seo-card h2,
body.mg-pro-page.mg-service-youtube.mg-dark-mode .mg-original-seo-card h3,
body.mg-pro-page.mg-service-youtube.mg-dark-mode .mg-original-seo-card h4 {
  color: #ffffff !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-page:not(.mg-service-youtube) .mg-original-seo-card p,
body.mg-pro-page.mg-service-page.mg-dark-mode:not(.mg-service-youtube) .mg-original-seo-card p {
  color: rgba(255, 255, 255, .84) !important;
}

html[data-mg-theme="dark"] body.mg-pro-page.mg-service-youtube .mg-original-seo-card p,
body.mg-pro-page.mg-service-youtube.mg-dark-mode .mg-original-seo-card p {
  color: #d4d4d8 !important;
}

body.mg-service-youtube {
  --mg-footer-accent: #ff0033;
}

body.mg-service-facebook {
  --mg-footer-accent: #1877f2;
}

body.mg-service-instagram {
  --mg-footer-accent: #dd2a7b;
}

body.mg-service-twitter {
  --mg-footer-accent: #1da1f2;
}

body.mg-service-tiktok {
  --mg-footer-accent: #00f2ea;
}

body.mg-service-telegram {
  --mg-footer-accent: #229ed9;
}

body.mg-service-linkedin {
  --mg-footer-accent: #0a66c2;
}

body.mg-service-soundcloud {
  --mg-footer-accent: #ff5500;
}

body.mg-service-pinterest {
  --mg-footer-accent: #e60023;
}

body.mg-service-spotify {
  --mg-footer-accent: #1db954;
}

body.mg-service-snapchat {
  --mg-footer-accent: #facc15;
}

body.mg-service-github {
  --mg-footer-accent: #24292f;
}

html[data-mg-theme="dark"] body,
body.mg-dark-mode {
  --mg-footer-bg: #0f172a;
  --mg-footer-border: rgba(255, 255, 255, .12);
  --mg-footer-text: rgba(255, 255, 255, .86);
  --mg-footer-muted: rgba(255, 255, 255, .72);
}

html[data-mg-theme="dark"] body.mg-service-github,
body.mg-service-github.mg-dark-mode {
  --mg-footer-bg: #0d1117;
  --mg-footer-border: rgba(240, 246, 252, .18);
  --mg-footer-text: #f0f6fc;
  --mg-footer-muted: #c9d1d9;
  --mg-footer-accent: #58a6ff;
}

body.mg-pro-page footer#footer-section4.footer-style4,
footer#footer-section4.footer-style4.mg-universal-footer {
  background: var(--mg-footer-bg) !important;
  border-top: 1px solid var(--mg-footer-border) !important;
  clear: both !important;
  color: var(--mg-footer-muted) !important;
  display: block !important;
  overflow: visible !important;
  padding: 60px 0 104px !important;
  position: relative !important;
  width: 100% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .ydescriptions,
footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions {
  float: none !important;
  margin: 0 auto 28px !important;
  max-width: 1180px !important;
  overflow: visible !important;
  padding: 0 22px !important;
  width: 100% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .row,
footer#footer-section4.footer-style4.mg-universal-footer .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .ydescriptions .row > div,
body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > div,
footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions .row > div,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  float: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .ydescriptions .row > div,
footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions .row > div {
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 33.33333333% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 ul,
footer#footer-section4.footer-style4.mg-universal-footer ul {
  list-style: none !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 li,
footer#footer-section4.footer-style4.mg-universal-footer li {
  margin-bottom: 6px !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 a,
footer#footer-section4.footer-style4.mg-universal-footer a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--mg-footer-accent) !important;
  display: inline !important;
  font-size: 14px !important;
  padding: 0 !important;
  text-decoration: none !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 a:hover,
footer#footer-section4.footer-style4.mg-universal-footer a:hover {
  background: transparent !important;
  color: var(--mg-footer-accent) !important;
  text-decoration: underline !important;
}

body:not(.mg-service-youtube) footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions a {
  font-size: 17px !important;
  line-height: 1.55 !important;
}

body:not(.mg-service-youtube) footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions a strong {
  font-size: inherit !important;
  line-height: inherit !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .mg-all-services-preview,
footer#footer-section4.footer-style4.mg-universal-footer .mg-all-services-preview {
  color: #16a34a !important;
  display: inline-block !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .container,
footer#footer-section4.footer-style4.mg-universal-footer .container {
  margin: 0 auto !important;
  max-width: 1180px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
  width: 100% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-12,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding: 0 15px 24px !important;
  text-align: center !important;
  width: 100% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-12 a,
body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-12 .tz-text,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-12 a,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-12 .tz-text {
  font-size: 17px !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-3,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-3 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 25% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-6,
footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 50% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .display-table,
footer#footer-section4.footer-style4.mg-universal-footer .display-table {
  display: flex !important;
  min-height: 70px !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .display-table-cell-vertical-middle,
footer#footer-section4.footer-style4.mg-universal-footer .display-table-cell-vertical-middle {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .text-center .display-table-cell-vertical-middle,
body.mg-pro-page footer#footer-section4.footer-style4 .col-lg-12 .display-table-cell-vertical-middle,
footer#footer-section4.footer-style4.mg-universal-footer .text-center .display-table-cell-vertical-middle,
footer#footer-section4.footer-style4.mg-universal-footer .col-lg-12 .display-table-cell-vertical-middle {
  justify-content: center !important;
  text-align: center !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .text-right .display-table-cell-vertical-middle,
footer#footer-section4.footer-style4.mg-universal-footer .text-right .display-table-cell-vertical-middle {
  justify-content: flex-end !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 img.mg-theme-logo.mg-footer-logo.mg-official-logo,
footer#footer-section4.footer-style4.mg-universal-footer img.mg-theme-logo.mg-footer-logo.mg-official-logo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: 52px !important;
  max-height: 52px !important;
  max-width: 236px !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  width: 236px !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .mg-business-milestone,
body.mg-pro-page footer#footer-section4.footer-style4 .mg-copyright-line,
body.mg-pro-page footer#footer-section4.footer-style4 span.tz-text,
footer#footer-section4.footer-style4.mg-universal-footer .mg-business-milestone,
footer#footer-section4.footer-style4.mg-universal-footer .mg-copyright-line,
footer#footer-section4.footer-style4.mg-universal-footer span.tz-text {
  color: var(--mg-footer-text) !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .social,
footer#footer-section4.footer-style4.mg-universal-footer .social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  justify-content: flex-end !important;
}

body.mg-pro-page footer#footer-section4.footer-style4 .social a,
footer#footer-section4.footer-style4.mg-universal-footer .social a {
  align-items: center !important;
  color: var(--mg-footer-accent) !important;
  display: inline-flex !important;
  font-size: 18px !important;
  justify-content: center !important;
  line-height: 1 !important;
}

html[data-mg-theme="dark"] body.mg-pro-page footer#footer-section4.footer-style4 img.mg-theme-logo.mg-footer-logo.mg-official-logo,
body.mg-pro-page.mg-dark-mode footer#footer-section4.footer-style4 img.mg-theme-logo.mg-footer-logo.mg-official-logo,
html[data-mg-theme="dark"] footer#footer-section4.footer-style4.mg-universal-footer img.mg-theme-logo.mg-footer-logo.mg-official-logo {
  filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .58)) drop-shadow(0 0 12px rgba(255, 255, 255, .08)) !important;
}

@media (max-width: 991px) {
  body.mg-pro-page footer#footer-section4.footer-style4 .ydescriptions .row > div,
  body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-3,
  body.mg-pro-page footer#footer-section4.footer-style4 .container > .row > .col-lg-6,
  footer#footer-section4.footer-style4.mg-universal-footer .ydescriptions .row > div,
  footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-3,
  footer#footer-section4.footer-style4.mg-universal-footer .container > .row > .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.mg-pro-page footer#footer-section4.footer-style4 .display-table-cell-vertical-middle,
  body.mg-pro-page footer#footer-section4.footer-style4 .text-right .display-table-cell-vertical-middle,
  body.mg-pro-page footer#footer-section4.footer-style4 .social,
  footer#footer-section4.footer-style4.mg-universal-footer .display-table-cell-vertical-middle,
  footer#footer-section4.footer-style4.mg-universal-footer .text-right .display-table-cell-vertical-middle,
  footer#footer-section4.footer-style4.mg-universal-footer .social {
    justify-content: center !important;
    text-align: center !important;
  }
}
