.block-image-text-with-modal {
  padding: 120px 40px;
  overflow-x: clip;
  z-index: 3;
}
    
.block-image-text-with-modal.has-gradient  {
 padding-top: 30px;
}

.block-image-text-with-modal:has(.gradient) {
  min-height: calc(100vh + 160px);
}

.block-image-text-with-modal .curve-effect.gradient {
  z-index: -1;
}

.itwi-wrapper {
  max-width: 1512px;
  margin: 0 auto;
}

.itwi-accordion h1{
  color: var(--neutral-w);
}

.itwi-image {
  width: 555px;
  min-width: 555px;
  height: 555px;
  object-fit: cover;
}
.itwi-image-wrapper.reduce_image img {
  width: 355px;
  min-width: 355px;
  height: 355px;
}

.itwi-wrapper > * {
  flex: 0 0 calc(50% - 40px); /* 2 per riga */
  box-sizing: border-box;
}

.itwi-image-wrapper {
  margin: auto;
  text-align: center;
}

.itwi-texts {
  width: 670px;
}

.itwi-ctas .cta_wrapper {
  padding-top: 0;
}

.block-image-text-with-modal .bb-modal-box {
  color: var(--neutral-k10);
}

.itwi-text-content ul {
  list-style: outside;
  margin-left: 1em;
}


@media screen and (max-width: 1024px) {
  .itwi-wrapper {
    flex-direction: column;
    max-width: min-content;
  }

  .itwi-image {
    width: 100%;
    height: 100%;
  }

  .itwi-texts {
    width: unset;
  }

  .itwi-texts-wrapper,
  .itwi-image-wrapper {
    width: 100%;
  }

  .itwi-image-wrapper.reduce_image img {
    width: 100%;
    min-width: 100%;
    height: auto;
  }

  .textual-module-block .text-wrapper.extra-box {
    padding: 24px 16px 24px;
  }
}

@media screen and (max-width: 1000px) {

  .block-image-text-with-modal {
    padding: 80px 24px;
  }
  .block-image-text-with-modal.has-gradient  {
 padding-top: 80px;
}
  .itwi-wrapper {
    flex-direction: column;
    max-width: unset;
    width: 100%;
    height: auto;
  }

  .itwi-texts {
    gap: 24px;
  }

  .itwi-image {
    min-width: unset;
    height: auto;
    object-fit: cover;
  }

  .itwi-ctas {
    flex-wrap: wrap;
  }

  .dialog-itwi-ctas {
    flex-direction: column;
  }

  .dialog-itwi-ctas .cta_wrapper {
    padding-top: 0;
  }

  .dialog-itwi-ctas .cta_wrapper .cta_btn {
    width: 100%;
  }
}

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

  .block-image-text-with-modal:has(.gradient) {
    height: fit-content;
  }

  .itwi-ctas .cta_wrapper,
  .itwi-ctas .cta_wrapper .cta_btn {
    width: 100%;
  }
}