@charset "UTF-8";

/* ===== Container / background ===== */
#steps_section + div {
  background: #f7f9fb;
  padding: 60px 20px !important;
}

#steps_section + div .composite_box01 .inner_item > a {
  pointer-events: none !important;
}

#steps_section + div .content_wrapper {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
}

/* ===== Section title ===== */
#steps_section + div .content_wrapper .heading.block_header_6.align-center {
  margin-bottom: 40px;
  order: 1;
}

#steps_section + div .heading.block_header_6.align-center h2.h {
  color: var(--i_main_color) !important;   /* was #15803D */
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* ===== Card row ===== */
#steps_section + div .content_wrapper .wrapper_item {
  display: flex;
  gap: 24px;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  order: 2;
}

#steps_section + div .composite_box01.block_images_1 .inner_item_txt {
  padding: 0px !important;
}

/* ===== Card ===== */
#steps_section + div .wrapper_item .inner_item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  padding: 40px 10px 32px;
  position: relative;
  flex: 1 1 220px;
  max-width: 260px;
  text-align: center;
  overflow: visible !important;
  margin-bottom: 0px !important;
}

/* Faint number top-right (replaces the old solid circle badge) */
#steps_section + div .wrapper_item .inner_item::before {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #222222 !important;
  background: none !important;
  width: auto;
  height: auto;
  border-radius: 0;
  line-height: 1;
  order: initial;
}

/* ===== Icon square ===== */
#steps_section + div .wrapper_item .inner_item_img {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border-radius: 14px;
  background: var(--i_main_color) ;   /* was #15803D */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#steps_section + div .wrapper_item .inner_item_img a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#steps_section + div .wrapper_item .inner_item_img img {
  width: 32px !important;
  padding: 10px !important;
  object-fit: contain !important;
}

/* ===== Text block ===== */
#steps_section + div .wrapper_item .inner_item_txt .heading.block_header_4 h3.h {
  font-size: 1.8rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 12px;
}

#steps_section + div .wrapper_item .inner_item_txt p {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.7;
}

#steps_section + div .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(4),
#steps_section + div .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(3),
#steps_section + div .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(2),
#steps_section + div .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(1) {
  width: 23.5% !important;
  margin-left: 0 !important;
}

[class*="dec2_"].composite_box01.block_images_1 .inner_item_txt {
  padding: 0px !important;
}

/* ===== Bottom note (real p.add_text element, reordered via flex, no content duplication) ===== */
#steps_section + div .content_wrapper p.add_text.align-center {
  order: 3;
  margin-top: 32px !important;
  color: #9ca3af !important;
  font-size: 1.6rem !important;
  line-height: 1.7 !important;
  text-align: center;
}
.composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(4), .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(2), .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(1)
 {
    margin-left: 0% !important;
}

/* ===== Responsive ===== */
@media (max-width: 1010px) {
  #steps_section + div .wrapper_item {
    flex-direction: column;
    align-items: center;
  }

  #steps_section + div .wrapper_item .inner_item {
    max-width: 100%;
    width: 100% !important;
  }

  #steps_section + div .composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_21):not(.block_images_22):not(.block_images_23):not(.block_images_24) .inner_item {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 900px) {
    .composite_box01.block_images_1 .inner_item:nth-of-type(2n), .composite_box01.block_images_2 .inner_item:nth-of-type(2n), .composite_box01.block_images_3 .inner_item:nth-of-type(2n), .composite_box01.block_images_4 .inner_item:nth-of-type(2n), .composite_box01.block_images_5 .inner_item:nth-of-type(2n), .composite_box01.block_images_6 .inner_item:nth-of-type(2n), .composite_box01.block_images_9 .inner_item:nth-of-type(2n), .composite_box01.block_images_14 .inner_item:nth-of-type(2n), .composite_box01.block_images_16 .inner_item:nth-of-type(2n)
Specificity: (0,4,0)
 {
         margin-left: 0% !important; 
    }
}

@media screen and (max-width: 920px) {
    .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(1) {
         margin-left: 0% !important; 
    }
}