:root {
  --tdl-webdev-primary: #006039;
  --tdl-webdev-primary-soft: #0b4a35;
  --tdl-webdev-primary-dark: #073326;
  --tdl-webdev-primary-deep: #05251d;
  --tdl-webdev-primary-light: #e6f1ec;
  --tdl-webdev-paper: #fbfbf8;
  --tdl-webdev-paper-shade: #f2f1ec;
  --tdl-webdev-border: #d5d5d2;
  --tdl-webdev-success: #2fc28c;
  --tdl-webdev-pricing-card-gradient:
    radial-gradient(at 88% 40%, var(--tdl-webdev-primary-deep) 0, transparent 85%),
    radial-gradient(at 49% 30%, var(--tdl-webdev-primary-dark) 0, transparent 85%),
    radial-gradient(at 14% 26%, var(--tdl-webdev-primary-deep) 0, transparent 85%),
    radial-gradient(at 0% 64%, rgba(0, 96, 57, 0.9) 0, transparent 85%),
    radial-gradient(at 41% 94%, rgba(47, 194, 140, 0.42) 0, transparent 85%),
    radial-gradient(at 100% 99%, rgba(11, 74, 53, 0.9) 0, transparent 85%);
}

html body.web-development-page .button,
html body.web-development-page [data-wf--button--variant="base"].button,
html body.web-development-page .contact-button {
  border-color: var(--tdl-webdev-primary) !important;
  background: var(--tdl-webdev-primary) !important;
  color: #f7f7f5 !important;
  box-shadow: 0 22px 42px rgba(5, 37, 29, 0.22) !important;
}

html body.web-development-page .button:hover,
html body.web-development-page [data-wf--button--variant="base"].button:hover,
html body.web-development-page .contact-button:hover {
  border-color: var(--tdl-webdev-primary-dark) !important;
  background: var(--tdl-webdev-primary-dark) !important;
  color: #ffffff !important;
}

html body.web-development-page a:focus-visible,
html body.web-development-page summary:focus-visible,
html body.web-development-page input:focus-visible,
html body.web-development-page textarea:focus-visible,
html body.web-development-page select:focus-visible,
html body.web-development-page button:focus-visible,
html body.web-development-page .button:focus-visible,
html body.web-development-page .text-link:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
  box-shadow: 0 0 0 4px rgba(0, 96, 57, 0.14) !important;
}

html body.web-development-page .webdev-service-hero {
  background:
    radial-gradient(circle at 74% 18%, rgba(0, 96, 57, 0.1), transparent 34%),
    linear-gradient(180deg, var(--tdl-webdev-paper) 0%, var(--tdl-webdev-paper-shade) 68%, var(--tdl-webdev-paper) 100%) !important;
}

html body.web-development-page .v3-service-hero-shadow-div:not(.background-blue) {
  background: var(--tdl-webdev-primary) !important;
  opacity: 0.16 !important;
}

html body.web-development-page .v3-service-hero-shadow-div.background-blue {
  background: var(--tdl-webdev-primary) !important;
  display: none !important;
}

html body.web-development-page .webdev-hero-image-card,
html body.web-development-page .webdev-service-grid .v3-services-card,
html body.web-development-page .webdev-process-item,
html body.web-development-page .webdev-output-section .blog-card-link,
html body.web-development-page .webdev-plan-compare summary,
html body.web-development-page .webdev-plan-feature-card,
html body.web-development-page .webdev-payment-policy {
  border-color: rgba(0, 96, 57, 0.16) !important;
  box-shadow: 0 20px 54px rgba(5, 37, 29, 0.12) !important;
}

html body.web-development-page .webdev-plan-compare summary {
  background: #fbfbf8 !important;
  color: var(--tdl-webdev-primary-dark) !important;
}

html body.web-development-page .webdev-plan-compare summary::after {
  background: var(--tdl-webdev-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(0, 96, 57, 0.24) !important;
}

html body.web-development-page .webdev-plan-compare summary:hover::after {
  background: var(--tdl-webdev-primary-dark) !important;
  box-shadow: 0 12px 28px rgba(0, 96, 57, 0.3) !important;
}

html body.web-development-page .webdev-hero-eyebrow,
html body.web-development-page .webdev-hero-tags span,
html body.web-development-page .webdev-plan-feature-group-label {
  border-color: rgba(0, 96, 57, 0.18) !important;
  background: rgba(0, 96, 57, 0.075) !important;
  color: var(--tdl-webdev-primary-dark) !important;
}

html body.web-development-page .text-link,
html body.web-development-page .blue-600-text,
html body.web-development-page .black-500-text,
html body.web-development-page .blog-heading-color,
html body.web-development-page .webdev-payment-policy-label,
html body.web-development-page .webdev-pricing-section .webdev-payment-policy-label,
html body.web-development-page .webdev-plan-feature-price,
html body.web-development-page .webdev-plan-compare-title {
  color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-pricing-section .webdev-payment-policy-label {
  border-color: var(--tdl-webdev-primary) !important;
  outline-color: var(--tdl-webdev-primary) !important;
  text-decoration-color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-skip-link {
  background: var(--tdl-webdev-primary) !important;
  color: #ffffff !important;
}

html body.web-development-page .webdev-service-grid .v3-services-card {
  background-color: var(--tdl-webdev-primary-deep) !important;
}

html body.web-development-page .webdev-service-grid .v3-services-detail-wrapper {
  background-image: linear-gradient(180deg, rgba(5, 37, 29, 0.04) 0%, rgba(5, 37, 29, 0.22) 42%, rgba(5, 37, 29, 0.92) 100%) !important;
}

html body.web-development-page .v3-services-icon-box,
html body.web-development-page .webdev-process-icon,
html body.web-development-page .v3-process-list-icon {
  border-color: rgba(230, 241, 236, 0.22) !important;
  background-color: rgba(230, 241, 236, 0.12) !important;
  color: #f2fff8 !important;
}

html body.web-development-page .v3-services-icon,
html body.web-development-page .v3-services-icon svg,
html body.web-development-page .v3-services-icon svg path {
  color: #f2fff8 !important;
  fill: none !important;
  stroke: currentColor !important;
}

html body.web-development-page .webdev-pricing-section {
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image: var(--tdl-webdev-pricing-card-gradient) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
}

html body.web-development-page .webdev-pricing-section .v1-pricing-card.v1-active-plan.website-growth-card {
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image: var(--tdl-webdev-pricing-card-gradient) !important;
}

html body.mobile-app-development-page .webdev-pricing-section .v1-pricing-card.v1-active-plan.mobileapp-mvp-card {
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image: var(--tdl-webdev-pricing-card-gradient) !important;
}

html body.seo-improvement-page .webdev-pricing-section .v1-pricing-card.v1-active-plan.seo-growth-card {
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image: var(--tdl-webdev-pricing-card-gradient) !important;
}

html body.web-development-page .webdev-pricing-section .website-growth-card::after {
  background-image: linear-gradient(0deg, transparent 0%, rgba(47, 194, 140, 0.72) 40%, rgba(47, 194, 140, 0.72) 60%, transparent 100%) !important;
}

html body.mobile-app-development-page .webdev-pricing-section .mobileapp-mvp-card::after {
  background-image: linear-gradient(0deg, transparent 0%, rgba(47, 194, 140, 0.72) 40%, rgba(47, 194, 140, 0.72) 60%, transparent 100%) !important;
}

html body.seo-improvement-page .webdev-pricing-section .seo-growth-card::after {
  background-image: linear-gradient(0deg, transparent 0%, rgba(47, 194, 140, 0.72) 40%, rgba(47, 194, 140, 0.72) 60%, transparent 100%) !important;
}

html body.web-development-page .webdev-pricing-section .v1-pricing-active-label,
html body.web-development-page .webdev-pricing-section .v1-pricing-active-circle {
  background-color: var(--tdl-webdev-primary) !important;
}

html body.mobile-app-development-page .webdev-hero-image-card,
html body.mobile-app-development-page .v1-cta-image-div {
  border-color: rgba(0, 96, 57, 0.16) !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(0, 96, 57, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(251, 251, 248, 0.96), rgba(230, 241, 236, 0.72)) !important;
}

html body.mobile-app-development-page .mobileapp-build-covers-section,
html body.mobile-app-development-page .webdev-process-section,
html body.mobile-app-development-page .webdev-output-section {
  background-color: var(--tdl-webdev-paper) !important;
}

html body.mobile-app-development-page .webdev-output-section .blog-card-link:hover {
  border-color: rgba(0, 96, 57, 0.28) !important;
  box-shadow: 0 24px 58px rgba(5, 37, 29, 0.16) !important;
}

html body.web-development-page .webdev-pricing-section .webdev-payment-policy {
  border-left-color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-scope-block {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background-color: #111318 !important;
  background-image:
    radial-gradient(at 88% 40%, hsl(220, 13%, 9%) 0, transparent 85%),
    radial-gradient(at 49% 30%, hsl(220, 13%, 9%) 0, transparent 85%),
    radial-gradient(at 14% 26%, hsl(220, 13%, 9%) 0, transparent 85%),
    radial-gradient(at 0% 64%, hsl(220, 9%, 46%) 0, transparent 85%),
    radial-gradient(at 41% 94%, hsl(215, 14%, 34%) 0, transparent 85%),
    radial-gradient(at 100% 99%, hsl(217, 19%, 27%) 0, transparent 85%),
    #111318 !important;
}

html body.web-development-page .webdev-scope-addons li {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.055) !important;
  background-image: none !important;
}

html body.web-development-page .webdev-plan-compare-section {
  background: transparent !important;
  margin-top: 1.25rem !important;
  padding-top: 0 !important;
}

html body.web-development-page .webdev-plan-compare-section::before {
  background: none !important;
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}

html body.web-development-page .webdev-plan-compare-section::after {
  background: none !important;
  opacity: 0 !important;
  transition: none !important;
}

html body.web-development-page .webdev-plan-compare-section.is-compare-open::before {
  opacity: 0 !important;
}

html body.web-development-page .webdev-plan-compare-section.is-compare-open::after {
  opacity: 0 !important;
}

html body.web-development-page .webdev-plan-feature-card {
  background: #ffffff !important;
}

html body.web-development-page .webdev-plan-compare-panel {
  border-color: rgba(0, 96, 57, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(251, 251, 248, 0.94), rgba(242, 247, 244, 0.98)),
    #f4f8f5 !important;
  box-shadow: 0 28px 74px rgba(5, 37, 29, 0.22) !important;
}

html body.web-development-page .webdev-plan-feature-card::after {
  background: radial-gradient(circle, rgba(0, 96, 57, 0.13) 0%, rgba(47, 194, 140, 0.08) 34%, rgba(0, 96, 57, 0.03) 56%, transparent 74%) !important;
}

html body.web-development-page .webdev-plan-feature-wrapper:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

html body.web-development-page .webdev-plan-feature-info {
  background-image:
    radial-gradient(circle at 16% 18%, rgba(0, 96, 57, 0.12), transparent 30%),
    linear-gradient(rgba(0, 96, 57, 0), rgba(0, 96, 57, 0.035)) !important;
}

html body.web-development-page .webdev-plan-feature-body {
  background-image: linear-gradient(90deg, rgba(0, 96, 57, 0), rgba(0, 96, 57, 0.024) 50%, rgba(0, 96, 57, 0)) !important;
}

html body.web-development-page .webdev-plan-feature-heading-row,
html body.web-development-page .webdev-plan-feature-row,
html body.web-development-page .webdev-plan-heading-cell,
html body.web-development-page .webdev-plan-feature-value,
html body.web-development-page .webdev-plan-feature-label {
  border-color: rgba(0, 96, 57, 0.12) !important;
}

html body.web-development-page .active-plan-feature {
  background: rgba(0, 96, 57, 0.06) !important;
  box-shadow: inset 1px 0 0 rgba(0, 96, 57, 0.07), inset -1px 0 0 rgba(0, 96, 57, 0.07) !important;
}

html body.web-development-page .background-gray {
  background-color: var(--tdl-webdev-paper-shade) !important;
}

html body.web-development-page .webdev-output-section .blog-card-link:hover,
html body.web-development-page .accordion-card.w--current,
html body.web-development-page .accordion-card:hover {
  border-color: rgba(0, 96, 57, 0.22) !important;
}

html body.web-development-page .webdev-faq-section .accordion-card,
html body.web-development-page .webdev-faq-section .accordion-heading-div,
html body.web-development-page .webdev-faq-section .accordion-detail-div,
html body.web-development-page .webdev-faq-section .accordion-card > div {
  color: #1b1c24 !important;
  border-color: rgba(0, 96, 57, 0.12) !important;
  outline-color: var(--tdl-webdev-primary) !important;
  text-decoration-color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-output-section .blog-card-link,
html body.web-development-page .webdev-output-section .blog-thumb-image-div,
html body.web-development-page .webdev-output-section .blog-thumb-image,
html body.web-development-page .webdev-output-section .blog-detail-wrapper,
html body.web-development-page .webdev-output-section .blog-detail-div,
html body.web-development-page .webdev-output-section .blog-category-div,
html body.web-development-page .webdev-output-section .blog-dot {
  color: var(--tdl-webdev-primary) !important;
  border-color: rgba(0, 96, 57, 0.14) !important;
  outline-color: var(--tdl-webdev-primary) !important;
  text-decoration-color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-output-section .blog-dot {
  background-color: var(--tdl-webdev-primary) !important;
}

html body.seo-improvement-page .webdev-output-section .blog-card-link {
  border-color: rgba(25, 25, 29, 0.08) !important;
  box-shadow: 0 18px 44px rgba(25, 25, 29, 0.06) !important;
}

html body.seo-improvement-page .webdev-output-section .blog-thumb-image-div {
  border-bottom: 6px solid #ffffff !important;
  transition: border-color 0.28s ease !important;
}

html body.seo-improvement-page .webdev-output-section .blog-card-link:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.seo-improvement-page .webdev-output-section .blog-card-link:hover {
    border-color: rgba(0, 96, 57, 0.24) !important;
    box-shadow: 0 28px 68px rgba(5, 37, 29, 0.16) !important;
    translate: 0 -12px !important;
    scale: 1.018 !important;
  }

  html body.seo-improvement-page .webdev-output-section .blog-card-link:hover .blog-thumb-image-div {
    border-bottom-color: var(--tdl-webdev-primary) !important;
  }

  html body.seo-improvement-page .webdev-output-section .blog-card-link:hover .blog-thumb-image {
    scale: 1.035 !important;
  }
}

html body.web-development-page .accordion-card.w--current .accordion-icon-box,
html body.web-development-page .accordion-card:hover .accordion-icon-box {
  border-color: rgba(0, 96, 57, 0.18) !important;
  background-color: var(--tdl-webdev-primary-light) !important;
  color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .webdev-cta-section,
html body.web-development-page section.dark-gray-background {
  border-top-color: rgba(0, 96, 57, 0.42) !important;
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image:
    radial-gradient(circle at 82% 12%, rgba(47, 194, 140, 0.14), transparent 28rem),
    radial-gradient(circle at 4% 92%, rgba(0, 96, 57, 0.22), transparent 24rem),
    linear-gradient(145deg, var(--tdl-webdev-primary-soft) 0%, var(--tdl-webdev-primary-dark) 50%, var(--tdl-webdev-primary-deep) 100%) !important;
}

html body.web-development-page .webdev-cta-section .v1-cta-heading-div h2,
html body.web-development-page section.dark-gray-background .v1-cta-heading-div h2 {
  color: rgba(242, 255, 248, 0.52) !important;
}

html body.web-development-page .webdev-template-rating-logo {
  background: var(--tdl-webdev-primary-light) !important;
}

html body.web-development-page .webdev-template-rating-stars span {
  background: #b9e7d0 !important;
}

html body.web-development-page .tdl-cta-expectation {
  color: rgba(242, 255, 248, 0.68) !important;
}

html body.web-development-page .navbar .tdl-services-card {
  background: linear-gradient(145deg, rgba(0, 96, 57, 0.96) 0%, rgba(11, 74, 53, 0.9) 48%, rgba(5, 37, 29, 0.96) 100%) !important;
}

html body.web-development-page .success-message {
  background-color: var(--tdl-webdev-primary) !important;
}

html body.web-development-page .footer {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background-color: #020403 !important;
  background-image: linear-gradient(180deg, #020403 0%, #010201 100%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

html body.web-development-page .footer .newsletter-heading,
html body.web-development-page .footer .newsletter-heading .white-400-text {
  color: #ffffff !important;
}

html body.web-development-page .footer .newsletter-paragraph,
html body.web-development-page .footer .small-paragraph,
html body.web-development-page .footer .white-400-text {
  color: rgba(255, 255, 255, 0.68) !important;
}

html body.web-development-page .footer .footer-link-wrapper a,
html body.web-development-page .footer .white-text {
  color: rgba(255, 255, 255, 0.9) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.web-development-page .footer .footer-link-wrapper a:hover,
html body.web-development-page .footer .footer-link-wrapper a:focus-visible {
  color: #7bd3b1 !important;
  text-decoration-color: #7bd3b1 !important;
}

html body.web-development-page .footer .white-700-text {
  color: rgba(255, 255, 255, 0.76) !important;
}

html body.web-development-page .footer .footer-line {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

html body.web-development-page .footer a,
html body.web-development-page .footer-logo-link,
html body.web-development-page .footer-logo {
  color: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(123, 211, 177, 0.2) !important;
  outline-color: #7bd3b1 !important;
  text-decoration-color: #7bd3b1 !important;
}

html body.web-development-page .tdl-page-transition-overlay {
  background-image: radial-gradient(circle at 50% 42%, rgba(0, 96, 57, 0.06) 0%, rgba(0, 96, 57, 0) 42%) !important;
}

html body.webdev-trust-post-page {
  background: var(--tdl-webdev-paper) !important;
}

html body.webdev-trust-post-page .navbar,
html body.webdev-trust-post-page .article-body-section,
html body.webdev-trust-post-page .blog-detail-section {
  background: var(--tdl-webdev-paper) !important;
}

html body.webdev-trust-post-page .article-hero-section {
  border-bottom-color: rgba(0, 96, 57, 0.1) !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(0, 96, 57, 0.12), transparent 32rem),
    linear-gradient(180deg, var(--tdl-webdev-paper) 0%, var(--tdl-webdev-paper-shade) 100%) !important;
}

html body.webdev-trust-post-page .blog-label-div,
html body.webdev-trust-post-page .blog-social-media-link,
html body.webdev-trust-post-page .trust-post-cta-actions .button,
html body.webdev-trust-post-page .button {
  background: var(--tdl-webdev-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 96, 57, 0.18) !important;
}

html body.webdev-trust-post-page .blog-social-media-link:hover,
html body.webdev-trust-post-page .button:hover {
  background: var(--tdl-webdev-primary-dark) !important;
  box-shadow: 0 16px 34px rgba(0, 96, 57, 0.24) !important;
}

html body.webdev-trust-post-page .blog-social-media-text,
html body.webdev-trust-post-page .blog-label-div .white-text {
  color: #ffffff !important;
}

html body.webdev-trust-post-page .blog-detail-hero-heading-div h1,
html body.webdev-trust-post-page .article-hero-content h1,
html body.webdev-trust-post-page .trust-content-panel h2,
html body.webdev-trust-post-page .blog-rich-text h2 {
  color: #151917 !important;
}

html body.webdev-trust-post-page .blog-detail-hero-paragraph,
html body.webdev-trust-post-page .blog-author-info-div .paragraph:not(.gray-950-text),
html body.webdev-trust-post-page .trust-post-route-card p,
html body.webdev-trust-post-page .blog-rich-text p,
html body.webdev-trust-post-page .blog-rich-text li {
  color: rgba(21, 25, 23, 0.72) !important;
}

html body.webdev-trust-post-page .blog-dot,
html body.webdev-trust-post-page .resources-card-meta .blog-dot {
  background-color: var(--tdl-webdev-primary) !important;
}

html body.webdev-trust-post-page .article-hero-image-wrap,
html body.webdev-trust-post-page .blog-main-image-div,
html body.webdev-trust-post-page .article-summary-grid > div,
html body.webdev-trust-post-page .article-grid > div,
html body.webdev-trust-post-page .article-checklist > div,
html body.webdev-trust-post-page .article-callout,
html body.webdev-trust-post-page .article-sidebar-card,
html body.webdev-trust-post-page .trust-post-route-intro,
html body.webdev-trust-post-page .trust-post-route-card {
  border-color: rgba(0, 96, 57, 0.12) !important;
  background-color: #ffffff !important;
  box-shadow: 0 18px 48px rgba(5, 37, 29, 0.08) !important;
}

html body.webdev-trust-post-page .trust-hero-proof-grid,
html body.webdev-trust-post-page .article-lede,
html body.webdev-trust-post-page .trust-content-panel,
html body.webdev-trust-post-page .trust-post-cta-panel {
  border-color: rgba(0, 96, 57, 0.12) !important;
}

html body.webdev-trust-post-page .trust-hero-proof-grid span,
html body.webdev-trust-post-page .trust-post-route-intro span,
html body.webdev-trust-post-page .trust-post-route-card span,
html body.webdev-trust-post-page .trust-content-panel > span,
html body.webdev-trust-post-page .trust-post-cta-panel > span,
html body.webdev-trust-post-page .blog-social-media-wrapper > .large-paragraph,
html body.webdev-trust-post-page .resources-card-meta .paragraph {
  color: rgba(7, 51, 38, 0.62) !important;
}

html body.webdev-trust-post-page .trust-hero-proof-grid strong,
html body.webdev-trust-post-page .trust-post-route-intro strong,
html body.webdev-trust-post-page .trust-post-route-card strong,
html body.webdev-trust-post-page .gray-950-text {
  color: var(--tdl-webdev-primary-dark) !important;
}

html body.webdev-trust-post-page .trust-post-route {
  border-color: rgba(0, 96, 57, 0.1) !important;
  background:
    radial-gradient(circle at 16% 42%, rgba(0, 96, 57, 0.08), transparent 28rem),
    var(--tdl-webdev-paper) !important;
}

html body.webdev-trust-post-page .trust-post-route::before {
  background:
    linear-gradient(
      100deg,
      rgba(0, 96, 57, 0.22) 0%,
      rgba(0, 96, 57, 0.15) 34%,
      rgba(47, 194, 140, 0.08) 62%,
      rgba(255, 255, 255, 0.2) 82%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
}

html body.webdev-trust-post-page .trust-post-route::after {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.06) 28%,
      rgba(0, 96, 57, 0.05) 50%,
      rgba(255, 255, 255, 0.08) 72%,
      transparent 100%
    ) !important;
}

html body.webdev-trust-post-page .trust-post-route-steps::before {
  background: linear-gradient(90deg, transparent 0%, rgba(0, 96, 57, 0.18) 10%, rgba(0, 96, 57, 0.2) 90%, transparent 100%) !important;
}

html body.webdev-trust-post-page .trust-post-route-steps::after {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 96, 57, 0) 12%,
      rgba(0, 96, 57, 0.85) 24%,
      rgba(47, 194, 140, 0.32) 34%,
      transparent 42%,
      transparent 52%,
      rgba(0, 96, 57, 0.72) 62%,
      rgba(47, 194, 140, 0.24) 72%,
      transparent 86%,
      transparent 100%
    ) !important;
  filter: drop-shadow(0 0 8px rgba(0, 96, 57, 0.34)) !important;
}

html body.webdev-trust-post-page .trust-post-cta-panel,
html body.webdev-trust-post-page .webdev-trust-cta-section,
html body.webdev-trust-post-page .webdev-template-cta-section {
  background-color: var(--tdl-webdev-primary-deep) !important;
  background-image:
    radial-gradient(circle at 82% 12%, rgba(47, 194, 140, 0.14), transparent 28rem),
    radial-gradient(circle at 4% 92%, rgba(0, 96, 57, 0.22), transparent 24rem),
    linear-gradient(145deg, var(--tdl-webdev-primary-soft) 0%, var(--tdl-webdev-primary-dark) 50%, var(--tdl-webdev-primary-deep) 100%) !important;
}

html body.webdev-trust-post-page .webdev-trust-cta-section {
  border-top-color: rgba(0, 96, 57, 0.42) !important;
}

html body.webdev-trust-post-page .webdev-template-rating-logo {
  background: var(--tdl-webdev-primary-light) !important;
}

html body.webdev-trust-post-page .webdev-template-rating-stars span {
  background: #b9e7d0 !important;
}

html body.webdev-trust-post-page .tdl-cta-expectation,
html body.webdev-trust-post-page .webdev-template-cta-phone,
html body.webdev-trust-post-page .common-rating-text,
html body.webdev-trust-post-page .v3-cta-paragraph {
  color: rgba(242, 255, 248, 0.72) !important;
}

html body.webdev-trust-post-page .v1-cta-heading-div h2,
html body.webdev-trust-post-page .trust-post-cta-panel h2 {
  color: rgba(242, 255, 248, 0.58) !important;
}

html body.webdev-trust-post-page .v1-cta-heading-div h2 .white-text,
html body.webdev-trust-post-page .trust-post-cta-panel h2 .white-text {
  color: #ffffff !important;
}

html body.webdev-trust-post-page .navbar .tdl-services-card {
  background: linear-gradient(145deg, rgba(0, 96, 57, 0.96) 0%, rgba(11, 74, 53, 0.9) 48%, rgba(5, 37, 29, 0.96) 100%) !important;
}

html body.webdev-trust-post-page a:focus-visible,
html body.webdev-trust-post-page button:focus-visible,
html body.webdev-trust-post-page .button:focus-visible,
html body.webdev-trust-post-page .blog-social-media-link:focus-visible {
  outline-color: rgba(0, 96, 57, 0.42) !important;
  box-shadow: 0 0 0 4px rgba(0, 96, 57, 0.14) !important;
}

html body.webdev-trust-post-page .success-message {
  background-color: var(--tdl-webdev-primary) !important;
}

html body.webdev-trust-post-page .footer {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background-color: #020403 !important;
  background-image: linear-gradient(180deg, #020403 0%, #010201 100%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

html body.webdev-trust-post-page .footer .newsletter-heading,
html body.webdev-trust-post-page .footer .newsletter-heading .white-400-text {
  color: #ffffff !important;
}

html body.webdev-trust-post-page .footer .newsletter-paragraph,
html body.webdev-trust-post-page .footer .small-paragraph,
html body.webdev-trust-post-page .footer .white-400-text {
  color: rgba(255, 255, 255, 0.68) !important;
}

html body.webdev-trust-post-page .footer .footer-link-wrapper a,
html body.webdev-trust-post-page .footer .white-text {
  color: rgba(255, 255, 255, 0.9) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.webdev-trust-post-page .footer .footer-link-wrapper a:hover,
html body.webdev-trust-post-page .footer .footer-link-wrapper a:focus-visible {
  color: #7bd3b1 !important;
  text-decoration-color: #7bd3b1 !important;
}

html body.webdev-trust-post-page .footer .white-700-text {
  color: rgba(255, 255, 255, 0.76) !important;
}

html body.webdev-trust-post-page .footer .footer-line {
  background-color: rgba(255, 255, 255, 0.12) !important;
}

html body.webdev-trust-post-page .footer a,
html body.webdev-trust-post-page .footer-logo-link,
html body.webdev-trust-post-page .footer-logo {
  border-color: rgba(123, 211, 177, 0.2) !important;
  outline-color: #7bd3b1 !important;
  text-decoration-color: #7bd3b1 !important;
}

html body.webdev-trust-post-page .tdl-page-transition-overlay {
  background-image: radial-gradient(circle at 50% 42%, rgba(0, 96, 57, 0.06) 0%, rgba(0, 96, 57, 0) 42%) !important;
}