@import url('theme-style.css');
h1.main-title{
  line-height: 1.2
}
.border-bottom-gray{
  border-bottom: 1px solid #ededed
}
.search-compare{
  display: block;
  width: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--ds-primary) 50%, #fff 50%);
  padding: 20px
}
.search-compare .title{
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 60px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(125,125,125,0.5)
}
.search-compare .title img{
  width: 30px;
}

.point {
  display: flex;
  gap: 10px;
  min-height: 140px;
}
.count {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e0f4ff;
  color: var(--ds-secondary);
  align-items: center;
  justify-content: center;
}
.item_content.white .count{
  color: var(--ds-primary)
}
.point p{
  color: var(--ds-secondary);
}
.item_content.white .point p{
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .search-compare{
    flex-direction: column;
    background: transparent
  }
  .search-compare .col-xl-6:first-child{
    background: var(--ds-primary);
    padding: 20px;
    border-radius: 6px 6px 0 0
  }
  .search-compare .col-xl-6:last-child{
    background: #fff;
    padding: 20px;
    border-radius: 0 0 6px 6px
  }
  .search-compare .point{
    min-height: 10px;
    margin-bottom: 20px
  }
}
@media screen and (max-width: 575px) {
  .search-compare .col-xl-6:first-child,
  .search-compare .col-xl-6:last-child{
    padding: 20px 15px;
  }
}