/* Banner */
section.dynamiq-ai-banner {
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.7) 100%
    ),
    url("https://dynamiqes.com/wp-content/themes/dynamiqes/assets/images/dynamiq-ai/ai-tech-pc.jpg")
      no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 140px 0 0 !important;
  color: #fff;
  /* height: 650px; */
}

/* section.dynamiq-ai-banner .row {
  align-items: center;
} */

section.dynamiq-ai-banner .dynamiq-ai-banner-container img {
  /*    height: 610px;*/
}

section.dynamiq-ai-banner .dynamiq-ai-banner-content {
  padding-right: 100px;
}

section.dynamiq-ai-banner .dynamiq-ai-banner-content h1 {
  padding-bottom: 20px;
  text-transform: uppercase;
}

section.dynamiq-ai-banner .dynamiq-ai-banner-content p {
  padding: 15px 0;
}
/* Banner */

/* An Overview of IQ AI */
section.dynamiq-ai-overview {
  padding: 100px 0;
}

section.dynamiq-ai-overview .row {
  align-items: center;
}

section.dynamiq-ai-overview .ai-overview-content h2 {
  padding-bottom: 15px;
  color: #f88f10;
}
section.dynamiq-ai-overview .ai-overview-content p {
  padding: 15px 0;
}

section.dynamiq-ai-overview .ai-overview-content {
  padding-left: 100px;
}
/* An Overview of IQ AI*/

/* Key Capabilities of IQ AI */
section.dynamiq-capabilities {
  /* background: url('https://dynamiqes.com/wp-content/themes/dynamiqes/assets/images/dynamiq-ai/key-capabilities-bg.jpg') no-repeat center center; */
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.6) 100%
    ),
    url("https://dynamiqes.com/wp-content/themes/dynamiqes/assets/images/dynamiq-ai/key-ai.jpg")
      no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
  color: #fff;
}

section.dynamiq-capabilities .row {
  align-items: center;
}

/* .dynamiq-capabilities .ai-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
} */

.dynamiq-capabilities .ai-icon {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.dynamiq-capabilities .row {
  --bs-gutter-x: 60px;
}

.dynamiq-capabilities-container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.dynamiq-capabilities-container .row.d-lg-none {
  justify-content: center;
  align-items: start;
  --bs-gutter-y: 60px;
}

.dynamiq-capabilities-container .block-lg {
  flex-direction: column;
  gap: 60px;
}
/* Key Capabilities of IQ AI */

@media (min-width: 992px) and (max-width: 1399px) {
    .dynamiq-ai-banner-content {
        padding-bottom: 100px;
    }
}

@media all and (max-width: 991px) {
  section.dynamiq-ai-banner .row {
    flex-direction: column-reverse;
  }

  section.dynamiq-ai-banner .row .col-md-6 {
    width: 100%;
  }

  section.dynamiq-ai-banner .dynamiq-ai-banner-content {
    padding-right: 0;
  }

  section.dynamiq-ai-banner .col-md-6 img {
    padding-bottom: 30px;
    width: 80%;
    object-fit: contain;
    /* height: unset; */
  }

  section.dynamiq-ai-banner {
    padding: 70px 0 !important;
    /* height: 100%; */
  }

  section.dynamiq-ai-overview .row {
    flex-direction: column;
  }

  /* section.dynamiq-ai-overview .col-lg-6 img {
        padding-bottom: 10px;
    } */

  section.dynamiq-ai-overview .ai-overview-content {
    padding-left: 0;
  }

  section.dynamiq-ai-overview .ai-overview-content h2 {
    padding-top: 30px;
  }

  .dynamiq-capabilities .key-icons {
    margin-top: 60px;
  }
}

@media all and (max-width: 768px) {
  section.dynamiq-ai-banner {
    padding: 50px 0 !important;
  }

  section.dynamiq-ai-overview .ai-overview-content h2 {
    padding-bottom: 0;
  }
}

@media (max-width: 992px) {
  .dynamiq-capabilities-container {
    gap: 70px;
  }
}

@media (max-width: 767px) {
  .dynamiq-capabilities-container {
    gap: 50px;
  }
  .dynamiq-capabilities-container .row.d-lg-none {
    --bs-gutter-y: 50px;
  }
}

@media (max-width: 575px) {
  .dynamiq-capabilities .ai-icon {
    justify-content: center;
  }
}