
/* ==========================================================
   DAWN — TEST AUTOMATION SERVICES
   APPROVED LANDING PAGE DESIGN SYSTEM
========================================================== */

/*
  Reuse the existing complete Performance Testing stylesheet.
  It contains the approved Functional Testing design system:
  hero, typography, section layouts, cards, animations,
  FAQ, CTA and responsive breakpoints.
*/

@import url("./performance-testing.css");

/* ==========================================================
   TEST AUTOMATION HERO IMAGE
========================================================== */

.dsre-page.dft-page.dta-page .dsre-hero-image {
  background-image:
    url("../images/software-testing.webp");
}

/* ==========================================================
   EXISTING AUTOMATION VALUE PROPOSITION
========================================================== */

.dsre-page.dft-page.dta-page .dta-proof-note {
  margin-top: 32px;
  padding: 27px 32px;
  border: 1px solid rgba(155, 184, 234, 0.24);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

.dsre-page.dft-page.dta-page .dta-proof-note strong {
  display: block;
  margin-bottom: 12px;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.dsre-page.dft-page.dta-page .dta-proof-note p {
  max-width: 1050px;
  margin: 0;
  color: #bbcee8;
  font-size: 13px;
  line-height: 1.85;
}

/* ==========================================================
   TOOLS NOTE
========================================================== */

.dsre-page.dft-page.dta-page .dta-tool-disclaimer {
  margin: 20px 0 0;
  color: #6a7a92;
  font-size: 12px;
  line-height: 1.8;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 650px) {

  .dsre-page.dft-page.dta-page .dta-proof-note {
    padding: 22px;
  }

  .dsre-page.dft-page.dta-page .dta-proof-note strong {
    font-size: 15px;
  }

  .dsre-page.dft-page.dta-page .dta-proof-note p {
    font-size: 12px;
  }

}
