.pricing {
  width: 100%;
}

.pricing .section1{
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--padding-x);
  padding-bottom: 100px;
}
.pricing .section1 .content_wrap{
  display: flex;
  flex-flow: column;
}
.pricing .section1 .content_wrap h2{
  font-size: var(--font-size-4xl);
  font-weight: 500;
  color: #000;
  line-height: 1.3;
  text-align: center;
  margin-bottom: var(--gap-9);
}
.pricing .section1 .content_wrap .content_box{
  display: flex;
  justify-content: center;
  gap: var(--gap-5);
  margin-bottom: var(--gap-9);
}
.pricing .section1 .content_wrap .content_box .content{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: var(--primary-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: var(--font-size-3xl);
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricing .section1 .content_wrap p{
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: #000;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 768px) {
  .pricing .section1{
    padding-bottom: var(--gap-12);
  }
  .pricing .section1 .content_wrap h2{
    font-size: var(--font-size-lg);
    margin-bottom: var(--gap-7);
  }
  .pricing .section1 .content_wrap .content_box{
    gap: var(--gap-4);
    margin-bottom: var(--gap-7);
  }
  .pricing .section1 .content_wrap .content_box .content{
    width: 20vw;
    height: 20vw;
    font-size: var(--font-size-base);
  }
  .pricing .section1 .content_wrap p{
    font-size: var(--font-size-2xs);
  }
}


.pricing .section2{
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--padding-x);
  padding-bottom: 187px;
}
.pricing .section2 .content_wrap{
  display: flex;
  flex-flow: column;
  gap: 180px;
}
.pricing .section2 .content_wrap .content{
  display: flex;
  width: 100%;
}
.pricing .section2 .content_wrap .content img{
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .pricing .section2{
    padding-bottom: var(--gap-20);
  }
  .pricing .section2 .content_wrap{
    gap: var(--gap-12);
  }
}