.shortcode_card {
  display: block;
  background-color: #fff;
  margin-bottom: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}

.shortcode_sec {
  margin-bottom: 50px;
}

._btn {
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  background: var(--main-color);
  display: inline-block;
  margin-top: 10px;
  transition: 0.3s;
  text-decoration: none;
  cursor: pointer;
}

._btn:hover {
  background: var(--two-color);
  color: var(--main-color);
}

#monuments_to_the_grave {
  margin-bottom: 100px;
}

#monuments_to_the_grave .img {
  padding: 0 20px;
}

#monuments_gallery .gallery {
  --gap: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

#monuments_gallery .gallery .image {
  width: 100%;
  aspect-ratio: 4/3;
  background-position: center;
  background-size: cover;
}



#monuments_why_are_we .items {
  --gap: 30px;
  display: grid;
  gap: var(--gap);
  background-color: white;
  padding: 30px;
}

#monuments_why_are_we .item {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
}

#monuments_why_are_we .item .icon {
  margin-bottom: 30px;
}

#monuments_why_are_we .item .icon svg {
  height: 100px;
  width: 100px;
  margin: auto;
}

#monuments_why_are_we .item .title {
  height: 50px;
  background-color: #474B5E;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}


#ways_to_improve_the_grave .items {
  --gap: 30px;
  display: grid;
  gap: var(--gap);
}


#ways_to_improve_the_grave .item {
  display: flex;
  min-height: 250px;
}

#ways_to_improve_the_grave .item.without_img {
  min-height: auto;
}

#ways_to_improve_the_grave .picture img {
  padding-left: 15px;
}

#ways_to_improve_the_grave .picture {
  width: 70%;
  margin: auto;
}

#ways_to_improve_the_grave .picture img {
  width: 100%;
}

#ways_to_improve_the_grave .item .item_content {
  width: 100%;
  color: #4D4E5F;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}

#ways_to_improve_the_grave .item .item_text {
  margin-top: 25px;
  margin-bottom: 12px;
}

#ways_to_improve_the_grave .item .item_content .price {
  margin-top: 10px;
}

#ways_to_improve_the_grave .item .item_content .href-item {
  margin-left: auto;
}



#benefits_of_our_landscaping .shortcode_card {
  padding: 30px;
}

#steps_of_cremation .shortcode_card {
  padding: 30px;
}

#steps_of_cremation .items {
  gap: 30px;
  display: grid;
}

#steps_of_cremation .item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}


#steps_of_cremation .icon {
  --height: 80px;
  position: relative;
  margin: 0 auto;
  height: var(--height);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#steps_of_cremation .icon img {
  height: inherit !important;
}

#steps_of_cremation .num {
  position: absolute;
  left: -1.5rem;
  font-size: 35px;
  font-weight: bold;
  opacity: .2;
}

#steps_of_cremation .title {
  text-align: center;
}


@media screen and (min-width: 440px) {
  #monuments_gallery .gallery .image {
    width: calc(50% - var(--gap));
  }

  #monuments_to_the_grave .mobile {
    display: none;
  }

  #monuments_to_the_grave .tablet {
    display: block;
  }
}

@media screen and (min-width: 700px) {
  #monuments_gallery .gallery .image {
    width: calc(25% - var(--gap));
  }

  #monuments_to_the_grave .tablet {
    display: none;
  }

  #monuments_to_the_grave .desktop {
    display: block;
  }

  #monuments_why_are_we .items {
    grid-template-columns: repeat(2, 1fr);
  }

  #ways_to_improve_the_grave .items {
    grid-template-columns: repeat(2, 1fr);
  }

  #steps_of_cremation .items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1100px) {
  #monuments_why_are_we .items {
    grid-template-columns: repeat(4, 1fr);
  }

  #ways_to_improve_the_grave .items {
    grid-template-columns: repeat(3, 1fr);
  }

  #steps_of_cremation .items {
    grid-template-columns: repeat(3, 1fr);
  }

}