.ai-dev-pitfall {

  padding: 35px 0;

}



.ai-dev-pitfall:has(+ .left-right-tabbing-section) {

  padding-bottom: 0;

}



.left-right-tabbing-section+.ai-dev-pitfall {

  margin-top: 35px;

}



.ai-dev-pitfall.bg-gray {

  background-color: var(--OffWhite);

  padding: 50px 0;

  margin-top: 35px;

}



.ai-dev-pitfall-list {

  max-width: 1328px;

  margin: 0 auto;

  display: grid;



  text-align: center;

  position: relative;

}



.ai-dev-pitfall-list__item {

  padding: 30px 12px;

  position: relative;

}



.ai-dev-pitfall-list__item-img {

  width: 50px;

  height: 50px;

  margin: 0 auto 10px;

}



.ai-dev-pitfall-list__item-img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(4860%) hue-rotate(239deg) brightness(101%) contrast(97%);

}



.ai-dev-pitfall-list__item-title {

  font-family: var(--poppins);

  font-size: 18px;

  font-weight: 700;

  line-height: 1.5;

  text-align: center;

  margin-top: 0;

}



.three-clm-layout .ai-dev-pitfall-list::before {

  inset: 0;

  width: calc(100% - 3px);

  opacity: 1;

  background: transparent;

  border: 2px solid var(--white);

  height: calc(100% - 2px);

  transform: unset;

  pointer-events: none;

  opacity: 0;

}



.three-clm-layout .ai-dev-pitfall-list {

  max-width: 100%;

  position: relative;

}



.three-clm-layout .ai-dev-pitfall-list::after {

  opacity: 0;

}



.three-clm-layout .ai-dev-pitfall-list__item-img {

  margin: 0 auto 20px;

}



.ai-dev-pitfall .btn {

  margin-top: 35px;

  text-align: center;

}



.ai-dev-pitfall.bg-dark {

  background-color: transparent;

  color: var(--BlueTextColor);

}



.ai-dev-pitfall.bg-dark .ai-dev-pitfall-list-wrap {

  background-color: var(--BlueTextColor);

  border-radius: 28px;

  color: var(--white);

  max-width: 100%;

  padding: 30px 20px;

}



.ai-dev-pitfall.bg-dark .ai-dev-pitfall-list__item {

  border-color: #ffffff08;

}



.ai-dev-pitfall.bg-dark .ai-dev-pitfall-list::before {

  border-color: var(--BlueTextColor);

}



.ai-dev-pitfall-list__item-count {

  font-family: var(--poppins);

  font-size: 48px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.02em;

  text-align: center;

  -webkit-text-fill-color: transparent;

  -webkit-text-stroke: 2px var(--BluePrimary);

  margin-bottom: 24px;

}



.ai-dev-pitfall .procees-img {

  max-width: 1150px;

  margin: 0 auto 30px;

}



.ai-dev-pitfall .procees-img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



@media screen and (min-width: 768px) {

  /* .ai-dev-pitfall .section-title:not(:empty) {

    margin-bottom: 30px;

  } */



  .ai-dev-pitfall {

    padding: 50px 0;

  }



  .left-right-tabbing-section+.ai-dev-pitfall {

    margin-top: 50px;

  }



  .ai-dev-pitfall.bg-gray {

    background-color: var(--OffWhite);

    padding: 70px 0;

    margin-top: 50px;

  }



  .ai-dev-pitfall-list__item {

    padding: 40px 30px;

    /* border: 1px dashed var(--LightGrey); */

  }



  .ai-dev-pitfall-list {

    grid-template-columns: repeat(2, 1fr);

  }



  .ai-dev-pitfall-list::before {

    position: absolute;

    content: '';

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    inset: 0;

    font-size: 0;

    border: 1px solid var(--white);

    opacity: 1;

    pointer-events: none;

    opacity: 0;

  }



  .ai-dev-pitfall.bg-gray .ai-dev-pitfall-list::before {

    border: 1px solid var(--OffWhite);

  }



  .ai-dev-pitfall-list__item-count {

    font-size: 60px;

  }



  section:not(.three-clm-layout).bg-dark .ai-dev-pitfall-list__item::after {

    border-color: #383838 !important;

  }



  section:not(.three-clm-layout).bg-dark .ai-dev-pitfall-list__item:nth-child(even)::before {

    border-color: #383838;

  }



  /*  */

  section:not(.three-clm-layout) .ai-dev-pitfall-list__item::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item {

    border: 0;

    position: relative;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:nth-child(even)::before {

    border-left: 1px dashed #dcdcdc;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:last-child::before {

    height: 70%;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:nth-child(2)::before {

    bottom: 0;

    top: unset;

    height: 70%;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item::after {

    position: absolute;

    content: '';

    border-bottom: 1px dashed #dcdcdc;

    width: 90%;

    height: 1px;

    left: 0;

    bottom: 0;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:nth-child(odd)::after {

    left: unset;

    right: 0;

  }



  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:last-child::after,

  section:not(.three-clm-layout) .ai-dev-pitfall-list__item:nth-last-child(2)::after {

    opacity: 0;

  }



  /*  */



  .three-clm-layout .ai-dev-pitfall-list__item {

    padding: 20px 30px;

  }



  .ai-dev-pitfall-list__item-title {

    font-size: 24px;

  }



  .three-clm-layout .ai-dev-pitfall-list {

    grid-template-columns: repeat(2, 1fr);

  }



  .ai-dev-pitfall-list__item-img {

    width: 70px;

    height: 70px;

    margin: 0 auto 30px;

  }



  .ai-dev-pitfall .btn {

    margin-top: 50px;

  }



  .ai-dev-pitfall.bg-dark .ai-dev-pitfall-list-wrap {

    padding: 40px;

  }



  /*  */

  .three-clm-layout .ai-dev-pitfall-list__item:not(:nth-child(1))::before,

  .three-clm-layout .ai-dev-pitfall-list__item:not(:nth-child(2))::before {

    bottom: unset;

    top: 0;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(1)::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(2)::before {

    bottom: 0;

    top: unset;

    height: 70%;

  }



  .three-clm-layout .ai-dev-pitfall-list__item::before {

    position: absolute;

    right: 0;

    bottom: 0;

    top: unset;

    border-right: 1px dashed #dcdcdc;

    border-bottom: 1px dashed #dcdcdc;

    content: '';

    height: 100%;

    width: 80%;

    pointer-events: none;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(2n)::before {

    width: 100%;

    border-right: none;

  }



  .three-clm-layout.bg-dark .ai-dev-pitfall-list__item::before {

    border-color: #383838 !important;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:last-child::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-last-child(2)::before {

    border-bottom: none;

    height: 70%;

  }



  /*  */

  .ai-dev-pitfall .procees-img {

    margin: 0 auto 50px;

  }

}



@media screen and (min-width: 992px) {}



@media screen and (min-width: 1200px) {

  .ai-dev-pitfall-list__item {

    padding: 40px 50px;

  }



  .three-clm-layout .ai-dev-pitfall-list {

    grid-template-columns: repeat(3, 1fr);

  }



  .ai-dev-pitfall.bg-dark .ai-dev-pitfall-list-wrap {

    padding: 50px 60px;

  }



  .ai-dev-pitfall-list__item-count {

    font-size: 68px;

  }



  /*  */



  .three-clm-layout .ai-dev-pitfall-list__item:not(:nth-child(1))::before,

  .three-clm-layout .ai-dev-pitfall-list__item:not(:nth-child(2))::before,

  .three-clm-layout .ai-dev-pitfall-list__item:not(:nth-child(3))::before {

    bottom: unset;

    top: 0;

    width: 100%;

    height: 100%;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(1)::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(2)::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(3)::before {

    bottom: 0;

    top: unset;

    height: 70%;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:last-child::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-last-child(2)::before,

  .three-clm-layout .ai-dev-pitfall-list__item:nth-last-child(3)::before {

    border-bottom: none;

    height: 70%;

  }



  .three-clm-layout .ai-dev-pitfall-list__item::before {

    content: '';

    height: 70%;

    width: 80%;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(2n)::before {

    width: 100%;

    border-right: 1px dashed #dcdcdc;

  }



  .three-clm-layout .ai-dev-pitfall-list__item:nth-child(3n)::before {

    border-right: none;

    left: 0;

  }



  /*  */



  .ai-dev-pitfall .procees-img {

    margin: 0 auto 70px;

  }

}



@media screen and (min-width: 1400px) {

  .ai-dev-pitfall {

    padding: 75px 0;

  }



  .ai-dev-pitfall-list__item-count {

    font-size: 80px;

  }



  .left-right-tabbing-section+.ai-dev-pitfall {

    margin-top: 75px;

  }



  .ai-dev-pitfall.bg-gray {

    background-color: var(--OffWhite);

    padding: 100px 0;

    margin-top: 75px;

  }



  .ai-dev-pitfall-list__item-title {

    font-size: 24px;

  }



  .three-clm-layout .ai-dev-pitfall-list__item {

    padding: 40px 50px;

  }



  .ai-dev-pitfall-list__item-img {

    margin: 0 auto 40px;

  }



  .ai-dev-pitfall.bg-dark .ai-dev-pitfall-list-wrap {

    padding: 50px 100px;

  }



  .ai-dev-pitfall .procees-img {

    margin: 0 auto 100px;

  }

}