*
{
  margin: 0;
  padding:0;
}
.how_it_works 
{
  padding: 3% 0;
  width: 100%;
  float: left;
}
.how_it_works .how_it_works_desc
{
  align-self: center;
}
.how_it_works .how_it_works_desc .content_title,
.about_app .content_title
{
  /* color: var(--color-violet); */
  color: var(--color-white);
  font-family: var(--font-family-italic);
  font-size: var(--font-size-24px);
  line-height: var(--line-height-29px);
  font-weight: normal;
}
.how_it_works .how_it_works_desc .content_title
{
  /* color: var(--color-violet); */
  color: var(--color-bright-pink);
  font-family: var(--font-family-italic);
  font-size: var(--font-size-24px);
  line-height: var(--line-height-29px);
  font-weight: normal;
}

.about_app_desc p
{
  word-break: break-word;
}
.about_app .about_app_desc .about_app_desc_content ul
{
  padding-left: 1rem !important;
}
.about_app .about_app_desc .about_app_desc_content
{
  padding-right: 1rem;
}
.how_it_works .how_it_works_desc_content,
.about_app .about_app_desc .about_app_desc_content
{
  color: var(--color-white);
  font-family: var(--font-family-light);
  font-size: var( --font-size-m);
  line-height: var(--line-height-26px);
  font-weight: normal;
  /* word-break: break-word; */
}
.how_it_works .how_it_works_desc_content
{
  color: var(--color-grey-dark);
  font-family: var(--font-family-light);
  font-size: var( --font-size-m);
  line-height: var(--line-height-26px);
  font-weight: normal;
  /* word-break: break-word; */
}
.how_it_works .how_it_works_img
{
  float: left;
  text-align: center;
}
.how_it_works .how_it_works_img img
{
  width: 100%;
  /* height: 400px; */
}
.about_app_desc .about_app_desc_content li
{
  margin-bottom: 1rem;
  padding-right: 2rem;
}
/* .how_it_works .how_it_works_desc_content
{
  padding-right: 4rem !important;
} */
.about_app
{
  padding:3% 0px;
  /* background-color: var(--color-yellow); */
  background-color: var(--color-pink);
  clip-path: polygon(0% 0.3%, 87.9% 0%, 100% 35.3%, 100% 100%, 0% 100%, 0% 50%);
  width: 100%;
  float: left;
}
.about_app .about_app_img img
{
  width:100%;
  height: 100%;
  object-fit: cover;
}
.about_app .about_app_img
{
  align-self: center;
  /* height: 400px; */
}
@media screen and (min-width:0px) and (max-width:767px)
{
  .how_it_works 
  {
    padding: 1.5rem 5% 1rem;
  }
  .about_app
  {
    padding: 5%;
    clip-path: none;
  }
  .about_app .about_app_img
  {
    text-align: center;
    padding-bottom: 2rem;
  }
  .about_app .about_app_img img
  {
    width: 100%;
  }
  .how_it_works_desc_content
  {
    margin-top: 10%;
  }
  .how_it_works .how_it_works_img img
  {
    height: auto;
   }
   .about_app .about_app_desc.about_app_desc_content 
   {
    padding-top: 2rem;
   }
   /* .how_it_works .how_it_works_desc .content_title
   {
    padding-bottom: 4% !important;
  } */
  /* .how_it_works .how_it_works_desc_content
  {
    padding-right: 0px !important;
  } */

}
@media screen and (min-width:768px) and (max-width:1023px) 
{
  .banner,
  .about_app,
  .trending
  {
    clip-path: none !important;
  }
  .how_it_works .how_it_works_img img
  {
    height: 300px;
  }
}
@media screen and (min-width:0px) and (max-width:1023px) 
{
  .about_app .about_app_desc .about_app_desc_content,
  .about_app_desc .about_app_desc_content li
  {
    padding-right: 0px !important;
  }
}
@media screen and (min-width:0px) and (max-width:1023px) 
{
  .how_it_works .works_content
  {
    flex-direction: column-reverse;
  }
}