/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
.industries-banner {
  padding: 75px 0 75px 0;
  position: relative; }
  @media (min-width: 769px) {
    .industries-banner {
      padding: 75px 0 75px 0; } }
  .industries-banner .content h1 {
    font-weight: 400;
    font-size: clamp(2rem, calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320))), 2.5rem);
    line-height: 1.3; }
  .industries-banner .content h4 {
    margin-bottom: 1rem; }
  .industries-banner .bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1; }
    .industries-banner .bg-img img,
    .industries-banner .bg-img picture {
      max-height: 100% !important;
      height: 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      object-fit: cover;
      object-position: top center; }

.bread-crumb-row {
  margin-top: 0; }

.industries {
  padding: 75px 0 75px 0; }
  @media (min-width: 1025px) {
    .industries {
      padding: 75px 0 100px 0; } }
  .industries .img {
    padding: 7.5px; }
    .industries .img img, .industries .img picture {
      border-radius: 10px;
      height: 100% !important;
      max-height: 100% !important;
      object-fit: cover; }
  .industries .card-wrap {
    padding: 7.5px; }
    .industries .card-wrap .card {
      box-shadow: 0px 0px 10px #00000029;
      background-color: #ffffff;
      border-radius: 10px;
      height: 100%;
      padding: 3rem; }
      .industries .card-wrap .card h3 {
        margin-bottom: 2rem;
        z-index: 6;
        position: relative;
        font-weight: 700;
        display: flex;
        align-items: center; }
        .industries .card-wrap .card h3 i {
          margin-right: 1rem;
          border: solid 5px #EAEAEA;
          border-radius: 50%;
          height: 60px;
          width: 60px;
          color: #2D9F82;
          display: flex;
          justify-content: center;
          align-items: center; }
        .industries .card-wrap .card h3.dod i {
          width: 97px;
          height: 74px;
          font-size: 38px; }
      .industries .card-wrap .card .btn-arrow {
        color: #292929; }
        .industries .card-wrap .card .btn-arrow:hover {
          color: #2D9F82;
          border-bottom: solid 1px #2D9F82; }

.it-services {
  padding: 0 0 75px 0; }

.cta {
  padding: 100px 0;
  background-color: rgba(214, 214, 214, 0.12); }