.ai-detail-wrap {
  padding: 100px 20px;
  background-color: #fffcee;
}

.ai-detail-heading h2 {
  color: #1a353e;
  font-family: departure_monoregular;
  font-size: 64px;
  line-height: 72px;
  margin: 0;
}

.ai-detail-wrap .page-center {
  max-width: 1290px;
}

.ai-detail-cards {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.ai-detail-heading {
  margin-bottom: 80px;
}

.ai-detail-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 80px;
}

.ai-detail-left {
  flex: 0 calc(30% - 40px);
}

.ai-detail-right {
  flex: 0 calc(70% - 40px);
  border-top: 1px solid #1a353e;
  !a253e;!a253e;!a253;!a25;!a2;!a;!; }

.ai-detail-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-right: 30px;
}

.ai-detail-title {
  flex: 0 calc(32% - 40px);
}

.ai-detail-txt {
  flex: 0 calc(72% - 40px);
}

.ai-detail-txt ul {
}

.ai-detail-txt ul li {
  font-size: 20px;
  line-height: 32px;
  font-family: matter_monoregular;
  color: #1a353e;
}

.ai-detail-title h3 {
  font-size: 32px;
  line-height: 36px;
  color: #1a353e;
  font-family: matterregular;
}

.ai-detail-txt p {
  font-size: 20px;
  line-height: 32px;
  margin: 0px 0px 20px;
  font-family: matter_monoregular;
  color: #1a353e;
}
@media(max-width:1000px){
  .ai-detail-content {
    flex-direction: column;
  }
}
@media(max-width:812px){
  .ai-detail-wrap {
    padding: 50px 20px;
  }

  .ai-detail-heading h2 {
    font-size: 36px;
    line-height: 40px;
  }

  .ai-detail-section {
    flex-direction: column;
    gap: 30px;
  }

  .ai-detail-content {
    padding-top: 30px;
  }

  .ai-detail-heading {
    margin-bottom: 40px;
  }
}