/* styles for desktop (larger than laptop screen) */

:root {
  --fontSize: 1.4rem;
  --lineHeight: 2.5rem;
  --fontSizeLarger: 2.1rem;
  --lineHeightLarger: 3.4rem;
}
@media only screen and (min-width: 1370px) {
  /* homePage */
  section#page-footer .page-footer__form .form-columns__row input::placeholder,
  section#page-footer
    .page-footer__form
    .form-columns__row
    textarea::placeholder,
  section#page-footer .page-footer__form .form-columns__row input,
  section#page-footer .page-footer__form .form-columns__row textarea {
    font-size: 30px;
    font-weight: 400;
  }
  section#page-footer .social-links img {
    max-width: 75%;
  }
  section#page-footer .social-links {
    column-gap: 1.425rem;
  }
  body #site-footer #sub-footer {
    justify-content: flex-start;
  }
  section#page-footer .social-links a {
    align-items: end;
  }

  body section#quotes h2.quotes__title {
    font-size: 6.375rem;
  }

  /* service Single Page */
  body #intro {
    background-color: #fff6e7;
    color: #0e294b !important;
    height: 45rem !important;
  }
  body.service-template-default section#primary {
    background-color: #fff6e7;
  }
  body.service-template-default .line-left:before {
    display: none;
  }
  body.service-template-default section#primary > .container > div {
    margin-left: 0;
    max-width: 80% !important;
  }
  body #intro > .container > div {
    /* max-width: 100% !important; */
    margin-left: 0;
  }

  .text-medium,
  .text-medium p {
    font-size: var(--fontSize) !important;
    line-height: var(--lineHeight) !important;
    /* font-size: 25px !important;
        line-height: 30px !important; */
    font-weight: 300;
  }

  /* case study single page */
  body .study-challenge__content p,
  body .study-solution__content p {
    font-size: var(--fontSizeLarger);
    line-height: var(--lineHeightLarger);
  }
}
@media only screen and (min-width: 1024px) {
  body .study-challenge__content p,
  body .study-solution__content p {
    font-size: var(--fontSizeLarger);
    line-height: var(--lineHeightLarger);
  }
  .text-medium,
  .text-medium p {
    font-size: var(--fontSize) !important;
    line-height: var(--lineHeight) !important;
    /* font-size: 25px !important;
        line-height: 30px !important; */
    font-weight: 300;
  }
}

/* mobile css */

@media screen and (max-width: 767px) {
  /* homepage */
  body .approach__title h2 {
    font-size: 2.225rem;
    line-height: 1.3;
  }
  .padd {
    padding-bottom: 9.375rem !important;
    background-color: #fff !important;
    color: #0a1d35 !important;
  }
}