.div-block-456 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  align-items: stretch;
  width: 75%;
  height: 450px;
  margin-bottom: -3%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}
.p-interaction {
  z-index: 5;
  background-color: #404040;
  border-radius: 6px;
  width: 240px;
  height: auto;
  position: absolute;
  inset: 28% auto auto -10%;
  overflow: hidden;
  box-shadow: 18px 18px 35px #0000001f;
}
.p-interaction.cc-01 {
  z-index: 9;
  transform-style: preserve-3d;
  border-radius: 6px;
  height: auto;
  top: 60px;
  left: 60px;
  overflow: hidden;
  transform: translateZ(6px);
}
.p-interaction.cc-onclick {
  border-radius: 6px;
  overflow: hidden;
}


.i-feature_visual-wrap.cc-in-3 {
  flex-direction: column;
  justify-content: center;
  display: flex;
  background: #E2EAF2;
}
.i-feature_visual-wrap.cc-in-4 {
  justify-content: flex-end;
  display: flex;
}
#w-node-_3a9a64aa-0ff9-d5a1-ae0d-593203467fef-a8b5e7a2 {
  grid-area: 4/1/7/3;
}
.img-grid-effect {
  width: 25%;
}

/* ------------------int */

/*  */
/* ------mobile-------------screen----------- */
@media screen and (max-width: 767px) {

/* ------------------ */
.div-block-456 {
align-items: flex-start;
height: auto;
}


/* ------------- */
}


@media screen and (max-width: 479px) {
h2 {
    font-size: 1.8rem;
}
}