/* Use separate css file to avoid kapa css from doc page */
#search.CoveoSearchInterface .coveo-search-section {
  padding: 0 !important;
  display: block !important;
  background-color: #d2d2d2;
}

#search.CoveoSearchInterface .CoveoSearchbox {
  padding: 32px 25px !important;
}

#kapa-container {
  height: 180px;
  background-color: #01328b;
  display: flex;
  flex-direction: column;
  text-align: center;
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; */
  position: relative;
  overflow: hidden;
  color: #fff;
  margin: 0 0 19px 0;
}

#kapa-container::before {
  content: '';
  position: absolute;
  width: 40%;
  height: inherit;
  background-image: linear-gradient(to right, #0e61fd, #023188);
  z-index: 0;
}

#kapa-container::after {
  content: "";
  position: absolute;
  width: 330px;
  height: 355px;
  top: -63px;
  right: -6%;
  transform: rotate(-30deg);
  background-image: url('/assets/images/kapa-ai-book.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right;
  z-index: 0;
}

.kapa-left-container {
  margin-top: 30px;
  z-index: 1;
}

.kapa-left-container-text1 {
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1;
}

.kapa-left-container-text2 {
  margin-top: 5px;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
}

.ask-ai {
  margin-top: 24px;
  padding: 3px 110px;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 0 4px 6px rgb(0 0 0 / 0.3);
  background-color: #1062fe;
  color: #fff;
  padding: 3px 110px;
  font-size: 1.125rem;
  line-height: 1.55;
  border: none;
  cursor: pointer;
}

.kapa-right-container {
  z-index: 1;
  margin-top: 18px;
}

.kapa-right-container-text {
  display: none;
}

.kapa-ai-logo {
  height: 24px;
}

div[dir="ltr"] .mantine-Group-root .mantine-Image-image {
  background-color: #c9c9c9;
  width: 32px;
  height: 32px;
  object-position: 0;
}

div[dir="ltr"] [type='text'],
textarea {
  font-weight: 400;
}

div[dir="ltr"] [type='radio']+label {
  display: block;
  margin: 0;
}

@media (min-width: 992px) {
  #kapa-container {
      flex-direction: row;
      justify-content: center;
      gap: 18%;
  }

  #kapa-container::before {
      left: 0;
      width: 80%;
  }

  #kapa-container::after {
      right: 28%;
      width: 355px;
      top: -50px;
  }

  .kapa-left-container {
    margin-top: 26px;
  }

  .kapa-left-container-text1 {
      font-size: 1.2rem;
  }

  .kapa-left-container-text2 {
      font-size: 2.4rem;
  }

  .ask-ai {
      font-size: 1.3rem;
      padding: 3px 150px;
      margin-top: 22px;
  }

  .kapa-right-container-text {
      display: block;
      font-weight: 400;
      font-size: 1.1rem;
  }

  .kapa-right-container {
      margin-top: 90px;
      text-align: right;
  }

  .kapa-ai-logo {
      height: 40px;
  }
}