.training p {
  font-family: 'Nunito Sans';
}

.training-approach {
  max-width: 800px;
  margin: 80px auto;
}

.training h2 {
  font-size: 3rem;
  color: var(--ee-blue);
  text-align: center;
  margin-bottom: 24px;
}

.training-approach .q-card {
  margin: 0 88px;
  /* margin-bottom: 24px; */
  border-left: solid 4px var(--highlight-blue);
  padding-left: 24px;
}

.training-approach .q-card p {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.training-approach .q-card p:first-child {
  margin-bottom: 0;
}

.training-approach .q-card p:last-child {
  color: var(--highlight-blue);
}

.training-approach .book-consultation {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 60px;
  margin-top: 60px;
}

.book-consultation a.round-btn.btn-yellow {
  font-size: 1rem !important;
}

.book-consultation .round-btn-container {
  width: fit-content;
  margin: 0 auto;
}

.book-consultation .round-btn-container:has(a:focus) {
  box-shadow: var(--focus-border);
}

.book-consultation > a {
  display: none !important;
}

@media (max-width: 600px) {
  .training-approach .book-consultation .training-icon-container .training-icon {
    /* padding: 8px 0; */
    /* min-height: 80px !important;
    min-width: 80px !important; */
    height: 80px !important;
    width: 80px !important;
  }

  .training h2 {
    font-size: 1.5rem;
  }

  .training h4 {
    font-size: 1.2rem;
  }
}

@media (max-width: 1200px) {
  .training-approach {
    padding: 0 20px;
  }

  .training-approach .q-card {
    margin: 0 8px;
  }

  .training-approach .book-consultation {
    flex-direction: column;
  }

  .book-consultation div a {
    display: none !important;
    margin: 0 auto !important;
  }

  .book-consultation > a {
    display: block !important;
  }

  .training-approach .q-card p {
    font-size: 1rem;
    line-height: 1.2;
  }

  .training-types .w-card {
    padding: 40px 25px !important;
  }
}

@media (max-width: 700px) {
  .video-item, .video-row {
    grid-template-columns: 1fr !important;
  }

  .video-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .topic-row {
    grid-template-columns: 1fr !important;
  }
}

.book-consultation h3 {
  line-height: 1.2;
  margin-bottom: 24px;
  color: var(--highlight-blue) !important;
}

.training-approach .book-consultation .training-icon-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.training-approach .book-consultation .training-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.training-approach .book-consultation .training-icon-container .training-icon {
  /* min-width: 120px;
  min-height: 120px; */
  width: 130px;
  height: 130px;
  margin: 0 auto;
  /* margin-bottom: 24px; */
  /* background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  /* border-radius: 50%; */
  /* box-shadow: 4px 4px 24px 8px #A2C1D880; */
}
.training-icon img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.training-approach .book-consultation .training-icon-container p {
  text-align: center;
  font-weight: 800;
  margin: auto;
  color: var(--highlight-blue);
}

.training-approach .book-consultation .training-icon-container .bottom-line {
  display: block;
  width: 40px;
  margin: 0 auto;
  border-bottom: solid 2px var(--highlight-blue);
}

.training-types {
  padding: 100px 0;
  background: var(--bg-light-gray);
}

.training-types .w-card {
  border-radius: 16px;
  padding: 60px 120px;
  max-width: 900px;
  background: white;
  margin: 0 auto;
  margin-bottom: 36px;
}

.training h4, .training h3 {
  color: var(--ee-blue);
}

.w-card > p, .w-card > h3 {
  max-width: 600px;
  margin: 32px auto;
}

.w-card hr {
  background-color: var(--highlight-blue);
  margin: 40px 0;
}

.video-item {
  display: grid;
  gap: 20px;
  align-items: center;
}
.video-row {
  display: grid;
  gap: 20px;
  align-items: flex-start;
}

.video-item {
  grid-template-columns: 1fr 400px;
}

.video-row {
  grid-template-columns: 1fr 1fr;
}

.video-item iframe,
.video-row iframe {
  border-radius: 10px;
}

.video-container a {
  font-size: 1rem;
  display: block;
  line-height: 1.2;
}

.demos {
  background: var(--bg-light-gray-2);
  padding: 80px 24px;
}

.demos > p {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ee-black);
  margin: 0 auto 40px;
  max-width: 600px;
}

.demos h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 auto 8px;
  width: fit-content;
}

a:has(.demo-card) {
  text-decoration: none;
}

a:has(.demo-card):focus,
a:has(.demo-card):hover {
  box-shadow: var(--focus-border);
  /* outline: solid 3px var(--highlight-blue);
  outline-offset: -3px;
  border-radius: 10px;
  box-shadow: none !important; */
}

a:has(.demo-card):focus img,
a:has(.demo-card):hover img {
  outline: none !important;
}

.row-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: calc((380px * 3) - 48px);
  justify-content: center;
  gap: 16px;
  width: fit-content;
  margin: 0 auto;
}

.row-cards .demo-card {
  display: flex;
  flex-direction: column;
  background: white;
  height: 100%;
  max-width: 380px;
  padding: 48px 30px;
  border-radius: 10px;
  box-shadow: 4px 4px 24px 8px #A2C1D880;
}

.row-cards .demo-card h3 {
  text-align: center;
  /* flex-grow: 1; */
  height: 92px;
  align-content: center;
}

.row-cards .demo-card p {
  margin: 0;
  margin-top: 16px;
}

.row-cards .demo-card img {
  width: 100%;
  height: 50%;
  object-fit: cover;
  border: 2px solid var(--bg-light-gray-2);
  border-radius: 10px;
}

.knowledge {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 80px 40px;
  gap: 48px;
  align-items: center;
  max-width: 940px;
  margin: 0 auto;
}

.knowledge h2 {
  text-align: start;
}

.knowledge img {
  box-shadow: 4px 4px 24px 8px #A2C1D880;
  width: 100%;
  border-radius: 10px;
}


.topics {
  background-color: var(--ee-blue);
  padding: 80px 20px;
}

.topics-content {
  max-width: 840px;
  margin: 0 auto;
}

.topics-content hr {
  background: white;
  height: 2px;
}

.topics h2 {
  margin-bottom: 60px;
}

.topics h3 {
  margin-bottom: 24px;
}

.topics h2, .topics h3, .topics h4, .topics li {
  color: white;
}

.topics h4 {
  margin-bottom: 8px;
}

.topics-content > p {
  max-width: 800px;
  margin: 0 auto 40px;
  font-size: .8em;
  font-weight: 700;
  color: white;
  font-family: 'Lato', sans-serif;
}

.topics-content a.round-btn.btn-yellow {
  display: block !important;
}

.topics-content .round-btn-container {
  width: fit-content;
  margin: 0 auto;
}

.topics-content .round-btn-container:has(a:focus) {
  box-shadow: var(--focus-border);
}

.topics .topic-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

.topic-card img {
  width: 100%;
  border-radius: 10px;
}

.topic-card ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

.topic-card ul li {
  border-bottom: solid 1px white;
  font-weight: 800;
  font-size: 1rem;
  padding: 10px 0;
}

.training-testimonials {
  background: var(--bg-light-gray);
  padding-top: 100px;
}

.training-testimonials .testimonials > p {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .row-cards {
    grid-template-columns: 1fr 1fr;
  }

  .row-cards .demo-card {
    padding: 30px;
  }

  .knowledge {
    grid-template-columns: 1fr !important;
  }

  .knowledge {
    padding: 40px 6px !important;
  }

  .knowledge div > h2, .knowledge div > p {
    padding: 0 24px !important;
  }
}

@media (max-width: 640px) {
  .row-cards {
    grid-template-columns: 1fr;
  }

  .row-cards .demo-card {
    padding: 24px 16px;
  }
}