@charset "UTF-8"; /*!
 * _descriptions.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 */
.g-info-desc {
  color: #131426;
  padding: 0 0 64px 0;
}
.g-info-desc__top .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 1279px) {
  .g-info-desc__top .items {
    flex-direction: column;
  }
}
.g-info-desc__top .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}
@media (max-width: 1279px) {
  .g-info-desc__top .items .item {
    padding: 32px 40px;
    display: flex;
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .g-info-desc__top .items .item {
    padding: 24px;
    flex-direction: column;
  }
}
.g-info-desc__top .items .item img {
  margin-bottom: 40px;
}
@media (max-width: 1279px) {
  .g-info-desc__top .items .item img {
    margin: 0 40px 0 0;
    max-width: 90px;
  }
}
@media (max-width: 767px) {
  .g-info-desc__top .items .item img {
    margin: 0 0 24px 0;
    max-width: 72px;
  }
}
.g-info-desc__top .items .item h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 16px;
}
@media (max-width: 1279px) {
  .g-info-desc__top .items .item h3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .g-info-desc__top .items .item h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.g-info-desc__top .items .item p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
}
@media (max-width: 767px) {
  .g-info-desc__top .items .item p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
}
.g-info-desc__bot {
  margin-top: 8px;
}
.g-info-desc__bot .items {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 767px) {
  .g-info-desc__bot .items {
    flex-direction: column;
  }
}
.g-info-desc__bot .items .item {
  flex: 1;
  padding: 40px;
  border-radius: 24px;
  background: #fff;
}
.g-info-desc__bot h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .g-info-desc__bot h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }
}
.g-info-desc__bot h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

/* DIFWEB-3: Lift cover content above the negative-margin .info-desc cards.
   `.info-desc` has `position: relative; z-index: 10; margin-top: -123px` and
   was overlaying the hero CTA at viewports where the intro min-height makes
   the CTA sit near the bottom of the cover (1024px-1280px laptop and mobile).
   Raising the intro container above the cards keeps the CTA both visible and
   clickable. Scoped via this file which only loads on the team-augmentation
   page (see app/services/team-augmentation/page.tsx). */
.intro__inner {
  z-index: 11;
}