main {
  background-image: url("../images/home-bg.webp");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (max-width: 768px) {
  main {
    background-image: none;
  }
}

.home__title {
  color: #2c3443;
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0;
}

@media (max-width: 768px) {
  .home__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.home__toolbar {
  padding: 24px 48px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(33% - 53px) calc(33% - 53px) calc(33% - 53px) 135px;
  grid-template-columns: calc(33% - 53px) calc(33% - 53px) calc(33% - 53px) 135px;
  gap: 12px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  background-color: #fff;
}

@media (max-width: 1280px) {
  .home__toolbar {
    padding: 24px 24px;
  }
}

@media (max-width: 968px) {
  .home__toolbar {
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
}

@media (max-width: 768px) {
  .home__toolbar {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.home__input {
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
}

.home__input::-webkit-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.home__input:-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.home__input::-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.home__input::placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.home__input:hover {
  border: 1px solid #8d8d8d;
}

.home__input:hover::-webkit-input-placeholder {
  color: #8d8d8d;
}

.home__input:hover:-ms-input-placeholder {
  color: #8d8d8d;
}

.home__input:hover::-ms-input-placeholder {
  color: #8d8d8d;
}

.home__input:hover::placeholder {
  color: #8d8d8d;
}

.home__input:focus {
  border: 1px solid #000;
}

.home__search-btn {
  border-radius: 2px;
  background-color: #ff8921;
  border: 1px solid #ff8921;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
}

.home__search-btn:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

.home__search-btn::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -3px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_645)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9844 14.2969C15.9844 14.4844 15.9844 14.6719 15.9844 14.8594C15.7903 15.4956 15.358 15.8393 14.6875 15.8906C14.3212 15.8767 14.0035 15.7464 13.7344 15.5C12.5312 14.2969 11.3281 13.0938 10.125 11.8906C8.28863 13.0901 6.32509 13.3453 4.23438 12.6563C1.78183 11.6464 0.365159 9.82867 -0.015625 7.20314C-0.015625 6.77604 -0.015625 6.34898 -0.015625 5.92189C0.331828 3.44445 1.63391 1.66841 3.89062 0.593761C6.36991 -0.349096 8.64075 0.00507247 10.7031 1.65626C12.655 3.48851 13.3164 5.71248 12.6875 8.32814C12.512 8.91229 12.2672 9.46439 11.9531 9.98439C13.2027 11.2496 14.4579 12.51 15.7188 13.7656C15.8418 13.9285 15.9304 14.1056 15.9844 14.2969ZM6.14062 2.20314C7.96784 2.17108 9.34806 2.93149 10.2812 4.48439C11.1046 6.19682 10.9483 7.81142 9.8125 9.32814C8.39594 10.8554 6.70322 11.2669 4.73438 10.5625C2.88717 9.64501 2.01737 8.15023 2.125 6.07814C2.41109 4.26104 3.41631 3.03707 5.14062 2.40626C5.47216 2.30781 5.8055 2.2401 6.14062 2.20314Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_645'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.home__sorter {
  padding: 20px 0;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .home__sorter {
    padding: 16px 0;
  }
}

.home__sorter-btn {
  outline: none;
  background-color: transparent;
  border: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.home__sorter-btn::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  display: inline-block;
  color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.65931 0.0532226L7.33304 0.0532225L7.33304 12.6539L5.3434 12.6539L7.99617 15.9698L10.649 12.6539L8.65931 12.6539L8.65931 0.0532226Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.home__sorter-btn.asc::after {
  transform: rotate(0deg);
}

.home__sorter-btn.desc::after {
  transform: rotate(180deg);
}

.home__card-list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 19.5px));
  gap: 26px;
}

@media (max-width: 1280px) {
  .home__card-list {
    grid-template-columns: repeat(3, calc(33.3% - 17.3px));
  }
}

@media (max-width: 968px) {
  .home__card-list {
    grid-template-columns: repeat(2, calc(50% - 13px));
  }
}

@media (max-width: 768px) {
  .home__card-list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 16px;
  }
}

.home__card {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  min-height: 550px;
}

@media (max-width: 768px) {
  .home__card {
    min-height: auto;
  }
}

.home__card-image-wrap {
  position: relative;
}

.home__card-medal-list {
  position: absolute;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.home__card-medal {
  border-radius: 50%;
  border: 1px solid #eaeaea;
  background-color: #fff;
  width: 42px;
  height: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
#single-image .home__card-medal {
  width: 60px;
  height: 60px;
}

.home__medal-image {
  height: 38px;
}

.home__card-image {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 298px;
  -o-object-fit: cover;
  object-fit: cover;
}

.home__card-body {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 26px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.home__card-birth,
.home__card-address,
.home__card-name {
  padding-left: 28px;
  position: relative;
}

.home__card-birth::before,
.home__card-address::before,
.home__card-name::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
}

.home__card-name {
  color: #000;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home__card-name::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35484 0.0279219C11.3651 -0.161956 12.9446 0.616588 14.0934 2.36356C14.2094 2.59615 14.3132 2.83449 14.4049 3.07855C14.4842 3.79206 14.5583 4.50705 14.6274 5.22352C14.7431 5.75462 14.9285 6.25511 15.1835 6.725C15.091 6.87839 14.9575 6.97372 14.7831 7.011C14.4781 7.06033 14.1814 7.02854 13.8932 6.91567C13.5177 6.50788 13.0727 6.22189 12.5584 6.05768C11.7068 6.00501 10.854 5.98117 10 5.98618C9.16075 5.98084 8.3228 6.00467 7.48609 6.05768C6.99003 6.1644 6.57477 6.41861 6.24026 6.82034C5.926 7.02435 5.58487 7.08788 5.21691 7.011C5.07461 6.97058 4.94856 6.89908 4.83871 6.7965C4.80903 6.74884 4.80903 6.70117 4.83871 6.6535C5.10282 6.24992 5.2808 5.80505 5.37263 5.31885C5.21695 2.90982 6.17357 1.24946 8.24249 0.337751C8.61348 0.21064 8.98429 0.107362 9.35484 0.0279219Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70856 6.70117C9.31212 6.67891 10.9139 6.70274 12.5139 6.77267C12.884 6.89875 13.1955 7.12116 13.4483 7.43999C13.5482 7.48952 13.6446 7.54515 13.7375 7.60683C13.5696 9.4392 12.6723 10.6547 11.0456 11.2533C9.18714 11.6969 7.74109 11.0693 6.70745 9.37047C6.42229 8.81988 6.27399 8.23197 6.26251 7.60683C6.56427 7.39481 6.85348 7.16444 7.13014 6.91567C7.32351 6.82815 7.5163 6.75665 7.70856 6.70117Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3971 11.3724C8.15746 11.6287 8.91386 11.8988 9.66629 12.1828C9.68106 12.708 9.66625 13.2324 9.6218 13.7557C8.5971 13.2703 7.57375 12.7857 6.55172 12.3019C6.84253 11.9983 7.12431 11.6885 7.3971 11.3724Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4249 11.3724C12.486 11.365 12.5454 11.3729 12.6029 11.3963C12.8847 11.6981 13.1665 12.0001 13.4483 12.3019C12.4262 12.7857 11.4029 13.2703 10.3782 13.7557C10.3337 13.2324 10.3189 12.708 10.3337 12.1828C11.0438 11.9399 11.7408 11.6698 12.4249 11.3724Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.15128 12.7071C6.27457 12.7033 6.39319 12.7272 6.50723 12.7786C7.54358 13.2678 8.58175 13.7525 9.6218 14.2324C9.66629 16.1547 9.68111 18.0772 9.66629 20C7.27844 20 4.89063 20 2.50278 20C2.49537 18.5699 2.50278 17.1399 2.52503 15.7101C2.61923 15.1642 2.86395 14.7114 3.25918 14.3516C4.16107 13.6778 5.12507 13.1297 6.15128 12.7071ZM5.9733 13.6127C6.01228 13.6065 6.04195 13.6224 6.06229 13.6604C6.15439 13.8849 6.25081 14.1073 6.3515 14.3277C6.38625 14.3966 6.37882 14.4601 6.32925 14.5184C5.57054 14.8533 4.84382 15.2505 4.14905 15.7101C3.99515 15.4518 3.84685 15.1897 3.70411 14.9236C4.4363 14.4361 5.1927 13.9991 5.9733 13.6127Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6262 12.7071C14.7771 13.0137 15.8153 13.5619 16.7408 14.3516C17.152 14.7002 17.3967 15.153 17.475 15.7101C17.4972 17.1399 17.5046 18.5699 17.4972 20C15.1094 20 12.7216 20 10.3337 20C10.3189 18.0772 10.3337 16.1547 10.3782 14.2324C11.4701 13.7347 12.5528 13.2262 13.6262 12.7071ZM14.0712 13.6127C14.8954 13.9748 15.6815 14.4117 16.4294 14.9236C16.2903 15.1978 16.1346 15.46 15.9622 15.7101C15.2434 15.2336 14.4944 14.8126 13.7152 14.4469C13.8403 14.1712 13.9589 13.8931 14.0712 13.6127Z' fill='%23ff8921'/%3E%3C/svg%3E");
}

.home__card-birth,
.home__card-address {
  color: #000;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home__card-birth::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C10.7 3.8 15 5.8 15 11C15 14.866 11.866 18 8 18C4.13401 18 1 14.866 1 11C1 7.5 3.5 5.2 5 2.5C5.5 5 7 6.3 8.2 7.5C8.7 4.3 9.1 1.8 10 0Z' fill='%23ff8921'/%3E%3Cpath d='M10 10C11 11.3 12.5 12.5 12.5 14.8C12.5 16.5673 11.0673 18 9.3 18C7.53269 18 6.1 16.5673 6.1 14.8C6.1 13.2 7.1 12 7.8 10.9C8.3 11.7 9.1 12.3 9.9 12.9C10.1 11.9 10.1 11 10 10Z' fill='white' fill-opacity='0.25'/%3E%3C/svg%3E");
}

.home__card-address::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.42766 0.00305606C12.8738 -0.0745321 15.3744 1.32525 16.9294 4.20241C17.6643 5.82977 17.7112 7.47398 17.0703 9.13499C16.3252 10.8564 15.4329 12.5006 14.3936 14.0676C13.0221 16.1097 11.5546 18.0871 9.99117 20C7.93259 17.5048 6.06595 14.8829 4.39126 12.1345C3.84043 11.1588 3.34736 10.1589 2.91204 9.13499C1.89561 5.84376 2.84653 3.1886 5.76482 1.16954C6.90087 0.518671 8.12179 0.129843 9.42766 0.00305606ZM9.63897 4.33573C11.3687 4.31793 12.4605 5.09554 12.9144 6.6687C13.0471 8.31972 12.284 9.39729 10.6251 9.90154C9.31178 10.0852 8.26696 9.67411 7.49058 8.6684C6.65975 7.11424 6.97673 5.81443 8.44151 4.76899C8.83033 4.57636 9.22944 4.43191 9.63897 4.33573Z' fill='%23ff8921'/%3E%3C/svg%3E");
}

.home__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.home__card-btn {
  color: #ff8921;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-left: auto;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  position: relative;
  padding-right: 24px;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.home__card-btn::after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0.0377808 7.34835L0.0377808 8.67462L12.6385 8.67462V10.6643L15.9544 8.01149L12.6385 5.35864V7.34835L0.0377808 7.34835Z' fill='%23ff8921'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.home__card-btn:hover {
  color: rgba(202, 15, 70, 0.75);
}

.home__card-btn:hover::after {
  opacity: 0.7;
}

.home__pagination {
  margin: 0 auto;
  padding: 0;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  margin-top: 26px;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .home__pagination {
    margin-bottom: 40px;
    margin-top: 16px;
  }
}

.home__pagination-item {
  display: inline;
}

.home__pagination-item:first-child .home__pagination-link,
.home__pagination-item:last-child .home__pagination-link {
  line-height: 16px;
}

.home__pagination-link {
  min-width: 40px;
  height: 100%;
  display: block;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 10px;
  color: #b9b9b9;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.home__pagination-link.active {
  background-color: #ff8921;
  color: #fff;
  font-weight: 700;
  border: 1px solid #ff8921;
}

.home__pagination-link:hover:not(.active) {
  color: #ff8921;
  border: 1px solid #ff8921;
}

.home__offer {
  padding: 64px 48px;
  border-radius: 5px;
  background: linear-gradient(
    79deg,
    #3f2457 -20.42%,
    rgba(36, 48, 87, 0.8) 48.52%,
    rgba(56, 146, 229, 0.3) 122.98%
  ),
  url("../images/offer-bg.webp") lightgray 50% / cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 64px;
}

@media (max-width: 768px) {
  .home__offer {
    margin-bottom: 40px;
    padding: 16px;
    gap: 12px;
  }
}

.home__offer-title {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  margin: 0;
}

@media (max-width: 768px) {
  .home__offer-title {
    text-align: center;
    font-size: 28px;
  }
}

.home__offer-description {
  max-width: 700px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .home__offer-description {
    text-align: center;
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  .home__offer-btn {
    width: 100%;
  }
}


/*add hero*/

.add-hero {
  margin-top: 20px;
  margin-bottom: 60px;
}

@media (max-width: 550px) {
  .add-hero {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}

.add-hero__title {
  color: #2C3443;
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 12px;
  line-height: normal;
}

@media (max-width: 768px) {
  .add-hero__title {
    font-size: 24px;
  }
}

.add-hero__suptitle {
  margin-bottom: 32px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1024px) {
  .add-hero__suptitle {
    margin-bottom: 16px;
  }
}

.add-hero__form {
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  background-color: #FFF;
  padding: 24px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .add-hero__form {
    padding: 12px;
  }
}

@media (max-width: 1024px) {
  .add-hero__form {
    gap: 8px;
  }
}

.add-hero__form-info {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.add-hero__form-card {
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  padding: 12px;
}

@media (max-width: 768px) {
  .add-hero__form-card {
    padding: 8px;
  }
}

.add-hero__form-title {
  color: #2C3443;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .add-hero__form-title {
    margin-bottom: 8px;
    font-size: 20px;
  }
}

.add-hero__form-info-svo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(50% - 12px))[2];
  grid-template-columns: repeat(2, calc(50% - 12px));
  gap: 24px;
}

@media (max-width: 1024px) {
  .add-hero__form-info-svo {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}

.add-hero__form-info-left {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 12px;
}

.add-hero__form-info-left .add-hero__base-textarea {
  height: 300px;
}

@media (max-width: 1024px) {
  .add-hero__form-info-left {
    gap: 8px;
  }
}

.add-hero__info-drop-zone {
  height: 665px;
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23E0E0E0FF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1024px) {
  .add-hero__info-drop-zone {
    height: 400px;
  }
}

.add-hero__info-drop-zone.have-image {
  background-size: cover;
  cursor: default;
}

.add-hero__info-drop-zone.have-image .add-hero__drop-zone-prompt {
  opacity: 0;
}

.add-hero__info-drop-zone.have-image .add-hero__info-update-image-btn {
  visibility: visible;
}

.add-hero__info-drop-zone.have-image .add-hero__drop-zone-input {
  display: none;
}

.add-hero__info-drop-zone.drag-over, .add-hero__info-drop-zone:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%238D8D8DFF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
}

.add-hero__info-drop-zone.drag-over .add-hero__drop-zone-prompt, .add-hero__info-drop-zone:hover .add-hero__drop-zone-prompt {
  color: #8d8d8d;
}

.add-hero__drop-zone-input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.add-hero__drop-zone-prompt {
  display: block;
  max-width: 316px;
  color: #B7B7B7;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-top: 68px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.add-hero__drop-zone-prompt::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64 38.7725C64 40.0565 64 41.3406 64 42.6246C63.093 48.0715 60.3013 52.1589 55.625 54.8869C53.9624 55.7129 52.2124 56.2266 50.375 56.4278C45.6669 56.492 40.9585 56.5134 36.25 56.492C36.25 51.6983 36.25 46.9046 36.25 42.111C37.8339 42.1324 39.4173 42.111 41 42.0468C41.9484 41.7896 42.3025 41.169 42.0625 40.1849C39.0134 35.683 35.8675 31.2532 32.625 26.8954C31.8129 26.6074 31.167 26.8428 30.6875 27.6016C27.7709 31.7961 24.8541 35.9904 21.9375 40.1849C21.6975 41.169 22.0516 41.7896 23 42.0468C24.5828 42.111 26.1661 42.1324 27.75 42.111C27.75 46.9046 27.75 51.6983 27.75 56.492C22.4999 56.5134 17.2499 56.492 12 56.4278C6.71322 55.6197 3.02572 52.6878 0.9375 47.6322C0.543072 46.4384 0.230573 45.24 0 44.037C0 42.8386 0 41.6401 0 40.4417C0.771065 36.2255 2.89606 32.9299 6.375 30.5548C5.16202 26.2272 6.28702 22.6961 9.75 19.9617C12.22 18.4024 14.845 18.0385 17.625 18.8702C19.3674 15.6033 21.784 12.9711 24.875 10.9735C31.1531 7.55173 37.3615 7.68013 43.5 11.3587C48.2292 14.6304 50.9376 19.1887 51.625 25.0335C56.7266 26.1859 60.4141 29.1819 62.6875 34.0217C63.3211 35.5653 63.7586 37.1489 64 38.7725Z' fill='%23B7B7B7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 0;
  width: 64px;
  height: 64px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.add-hero__info-update-image-btn {
  border-radius: 2px;
  background-color: #ff8921;
  border: 1px solid #ff8921;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 4px 12px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  border-radius: 5px;
  visibility: hidden;
  cursor: pointer;
}

.add-hero__info-update-image-btn:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

.add-hero__info-swiper {
  margin: 12px 0;
  height: 94px;
}

.add-hero__info-swiper-wrapper {
  padding: 0 32px;
}

.add-hero__info-swiper-button-next, .add-hero__info-swiper-button-prev {
  width: 25px;
  height: 96px;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  padding-right: 1px;
}

.add-hero__info-swiper-button-next .add-hero__info-swiper-btn, .add-hero__info-swiper-button-prev .add-hero__info-swiper-btn {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 1px center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: none;
  pointer-events: visible;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.add-hero__info-swiper-button-next .add-hero__info-swiper-btn:hover, .add-hero__info-swiper-button-prev .add-hero__info-swiper-btn:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}

.add-hero__info-swiper-button-prev .add-hero__info-swiper-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8494 7.99991L11.0608 3.08356L11.749 3.73285L7.22592 7.99991L11.749 12.267L11.0608 12.9163L5.8494 7.99991Z' fill='%23D5DADC'/%3E%3C/svg%3E%0A");
}

.add-hero__info-swiper-button-next {
  left: auto;
  right: 0;
}

.add-hero__info-swiper-button-next .add-hero__info-swiper-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1506 7.99985L5.93923 12.9162L5.25098 12.2669L9.77408 7.99985L5.25098 3.73279L5.93923 3.0835L11.1506 7.99985Z' fill='%23D5DADC'/%3E%3C/svg%3E%0A");
  background-position: 4px center;
}

.add-hero__info-swiper-slide {
  width: 94px !important;
  height: 94px;
  position: relative;
  border-radius: 5px;
}

.add-hero__info-swiper-slide[data-empty="true"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F7F7F7;
}

.add-hero__info-swiper-slide[data-empty="true"] .add-hero__info-swiper-img-remove {
  display: none;
}

.add-hero__info-swiper-slide[data-empty="true"] .add-hero__info-swiper-img {
  width: 35px;
  height: 35px;
}

.add-hero__info-swiper-img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.add-hero__info-swiper-img-remove {
  width: 23px;
  height: 23px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 4px;
  top: 4px;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_197_108)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5393 0.0119629C7.52257 0.0119629 8.50584 0.0119629 9.48911 0.0119629C9.98044 0.149757 10.3236 0.457028 10.5185 0.933779C10.6253 1.23879 10.7226 1.54606 10.8104 1.85559C11.8244 1.85048 12.8384 1.85559 13.8524 1.87096C14.4106 2.01947 14.764 2.37283 14.9125 2.93105C14.933 3.40219 14.933 3.87336 14.9125 4.3445C14.8664 4.47254 14.7793 4.55959 14.6513 4.60568C10.3892 4.61084 6.12838 4.6262 1.86877 4.65177C1.6835 4.63339 1.49914 4.6078 1.31568 4.57495C1.22862 4.52886 1.16204 4.46227 1.11595 4.37522C1.09546 3.89382 1.09546 3.41245 1.11595 2.93105C1.26446 2.37283 1.61783 2.01947 2.17604 1.87096C3.18998 1.85559 4.20397 1.85048 5.21803 1.85559C5.33144 1.40773 5.49021 0.97755 5.6943 0.565052C5.9171 0.285043 6.19878 0.10068 6.5393 0.0119629ZM6.84657 0.933779C7.67753 0.919776 8.50716 0.93514 9.33547 0.979869C9.42956 1.01246 9.50638 1.0688 9.56593 1.14887C9.65829 1.3799 9.73511 1.61548 9.79638 1.85559C8.60825 1.85559 7.42016 1.85559 6.23203 1.85559C6.2933 1.61548 6.37012 1.3799 6.46248 1.14887C6.56892 1.03179 6.69696 0.960093 6.84657 0.933779Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0702 15.7443C9.3662 15.7443 6.66221 15.7443 3.95822 15.7443C3.3484 15.5901 2.98479 15.2009 2.8674 14.5767C2.61643 11.5855 2.3655 8.59477 2.11458 5.60431C6.04766 5.60431 9.98075 5.60431 13.9138 5.60431C13.6629 8.59477 13.412 11.5855 13.161 14.5767C13.0436 15.2009 12.68 15.5901 12.0702 15.7443ZM5.09512 6.55685C5.4416 6.50179 5.64133 6.6452 5.6943 6.98704C5.7148 9.13794 5.7148 11.2888 5.6943 13.4397C5.59988 13.848 5.35919 13.9658 4.97221 13.7931C4.87063 13.6975 4.81431 13.5797 4.80321 13.4397C4.78272 11.2888 4.78272 9.13794 4.80321 6.98704C4.81753 6.78344 4.91485 6.64006 5.09512 6.55685ZM7.86057 6.55685C8.20705 6.50179 8.40678 6.6452 8.45975 6.98704C8.48024 9.13794 8.48024 11.2888 8.45975 13.4397C8.36532 13.848 8.12464 13.9658 7.73766 13.7931C7.63608 13.6975 7.57975 13.5797 7.56866 13.4397C7.54817 11.2888 7.54817 9.13794 7.56866 6.98704C7.58298 6.78344 7.68029 6.64006 7.86057 6.55685ZM10.626 6.55685C10.9616 6.51682 11.1613 6.66022 11.2252 6.98704C11.2457 9.13794 11.2457 11.2888 11.2252 13.4397C11.1308 13.848 10.8901 13.9658 10.5031 13.7931C10.4015 13.6975 10.3452 13.5797 10.3341 13.4397C10.3136 11.2888 10.3136 9.13794 10.3341 6.98704C10.3484 6.78344 10.4457 6.64006 10.626 6.55685Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_197_108'%3E%3Crect width='15.7323' height='15.7323' fill='white' transform='translate(0.163574 0.0273438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.add-hero__base-input {
  background-color: #fff;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
}

.add-hero__base-input::-webkit-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-input:-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-input::-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-input::placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-input:hover {
  border: 1px solid #8d8d8d;
}

.add-hero__base-input:hover::-webkit-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-input:hover:-ms-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-input:hover::-ms-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-input:hover::placeholder {
  color: #8d8d8d;
}

.add-hero__base-input:focus {
  border: 1px solid #000;
}

.add-hero__base-input[type="date" i] {
  font-weight: 400;
}

.add-hero__base-input[type="date"] {
  width: 100%;
  position: relative;
}

.add-hero__base-input[type="date"]::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0;
  display: none;
}

.add-hero__base-input[type="date"]::before {
  content: attr(data-placeholder);
  width: calc(100% - 32px - 32px);
  height: 24px;
  position: absolute;
  left: 16px;
  top: 8px;
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

@media (min-width: 768px) {
  .add-hero__base-input[type="date"] {
    color: transparent;
  }
  .add-hero__base-input[type="date"]:valid {
    color: #000;
  }
  .add-hero__base-input[type="date"]:valid::before {
    display: none;
  }
  .add-hero__base-input[type="date"]:focus {
    color: #000;
  }
  .add-hero__base-input[type="date"]:focus::before {
    display: none;
  }
}

@media (max-width: 768px) {
  .add-hero__base-input[type="date"] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    height: 42px;
  }
  .add-hero__base-input[type="date"]::-webkit-input-placeholder {
    text-align: left;
  }
  .add-hero__base-input[type="date"]:-ms-input-placeholder {
    text-align: left;
  }
  .add-hero__base-input[type="date"]::-ms-input-placeholder {
    text-align: left;
  }
  .add-hero__base-input[type="date"]::placeholder {
    text-align: left;
  }
  .add-hero__base-input[type="date"]::-webkit-inner-spin-button {
    display: none;
  }
  .add-hero__base-input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
  }
  .add-hero__base-input[type="date"]::after {
    opacity: 1;
    display: block;
  }
  .add-hero__base-input[type="date"]:valid {
    color: #000;
  }
  .add-hero__base-input[type="date"]:invalid {
    color: transparent;
  }
  .add-hero__base-input[type="date"]:valid::before {
    opacity: 0;
  }
}

.add-hero__base-textarea {
  width: 100%;
  display: block;
  resize: vertical;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
}

.add-hero__base-textarea::-webkit-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-textarea:-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-textarea::-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-textarea::placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-hero__base-textarea:hover {
  border: 1px solid #8d8d8d;
}

.add-hero__base-textarea:hover::-webkit-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-textarea:hover:-ms-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-textarea:hover::-ms-input-placeholder {
  color: #8d8d8d;
}

.add-hero__base-textarea:hover::placeholder {
  color: #8d8d8d;
}

.add-hero__base-textarea:focus {
  border: 1px solid #000;
}

.add-hero__burial-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 12px;
}

.add-hero__burial-info .add-hero__base-textarea {
  height: 150px;
}

@media (max-width: 1024px) {
  .add-hero__burial-info {
    gap: 8px;
  }
}

.add-hero__burial-inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(50% - 6px))[2];
  grid-template-columns: repeat(2, calc(50% - 6px));
  gap: 12px;
}

@media (max-width: 1024px) {
  .add-hero__burial-inputs {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}

.add-hero__burial-drop-zone {
  height: 270px;
  max-width: 620px;
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23E0E0E0FF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin: 0 auto;
  padding: 152px;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .add-hero__burial-drop-zone {
    max-width: 100%;
    width: 100%;
    padding: 12px;
    margin-bottom: 0;
  }
}

.add-hero__burial-drop-zone.have-image {
  background-size: cover;
  cursor: default;
}

.add-hero__burial-drop-zone.have-image .add-hero__drop-zone-prompt {
  opacity: 0;
}

.add-hero__burial-drop-zone.have-image .add-hero__info-update-image-btn {
  visibility: visible;
}

.add-hero__burial-drop-zone.have-image .add-hero__drop-zone-input {
  display: none;
}

.add-hero__burial-drop-zone.drag-over, .add-hero__burial-drop-zone:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%238D8D8DFF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
}

.add-hero__burial-drop-zone.drag-over .add-hero__drop-zone-prompt, .add-hero__burial-drop-zone:hover .add-hero__drop-zone-prompt {
  color: #8d8d8d;
}

.add-hero__gallery-upload {
  display: block;
  width: 100%;
  padding: 12px 32px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  cursor: pointer;
  margin-bottom: 12px;
}

.add-hero__gallery-upload::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: -3px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_197_1310)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5 9.56813C16.5 9.88913 16.5 10.2101 16.5 10.5311C16.2732 11.8929 15.5753 12.9147 14.4062 13.5967C13.9906 13.8032 13.5531 13.9316 13.0938 13.9819C11.9167 13.998 10.7396 14.0033 9.5625 13.998C9.5625 12.7996 9.5625 11.6011 9.5625 10.4027C9.95847 10.4081 10.3543 10.4027 10.75 10.3867C10.9871 10.3224 11.0756 10.1673 11.0156 9.92123C10.2533 8.79576 9.46688 7.6883 8.65625 6.59884C8.45322 6.52684 8.29175 6.58571 8.17188 6.77539C7.44272 7.82402 6.71353 8.87261 5.98438 9.92123C5.92438 10.1673 6.01291 10.3224 6.25 10.3867C6.64569 10.4027 7.04153 10.4081 7.4375 10.4027C7.4375 11.6011 7.4375 12.7996 7.4375 13.998C6.12497 14.0033 4.81247 13.998 3.5 13.9819C2.17831 13.7799 1.25643 13.0469 0.734375 11.7831C0.635768 11.4846 0.557643 11.185 0.5 10.8842C0.5 10.5847 0.5 10.285 0.5 9.98544C0.692766 8.93139 1.22402 8.10746 2.09375 7.5137C1.79051 6.43179 2.07176 5.54903 2.9375 4.86542C3.555 4.47559 4.21125 4.38462 4.90625 4.59256C5.34184 3.77583 5.946 3.11777 6.71875 2.61839C8.28828 1.76293 9.84037 1.79503 11.375 2.71469C12.5573 3.53261 13.2344 4.67217 13.4062 6.13338C14.6817 6.42148 15.6035 7.17048 16.1719 8.38041C16.3303 8.76632 16.4397 9.16222 16.5 9.56813Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_197_1310'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.add-hero__gallery-upload-message {
  display: block;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.add-hero__contact-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 12px;
}

.add-hero__contact-info .add-hero__base-textarea {
  height: 42px;
  resize: none;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .add-hero__contact-info {
    gap: 8px;
  }
  .add-hero__contact-info .add-hero__base-textarea {
    height: 87px;
    overflow-y: auto;
  }
}

.add-hero__contact-inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(50% - 6px))[2];
  grid-template-columns: repeat(2, calc(50% - 6px));
  gap: 12px;
}

@media (max-width: 1024px) {
  .add-hero__contact-inputs {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}

.add-hero__submit-box {
  width: 410px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .add-hero__submit-box {
    width: 100%;
    padding-top: 12px;
  }
}




.add-hero__submit-disabled {
  cursor: not-allowed;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .add-hero__submit-disabled {
    margin-bottom: 24px;
  }
}

.add-hero__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16px calc(100% - 16px - 8px);
  grid-template-columns: 16px calc(100% - 16px - 8px);
  gap: 8px;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .add-hero__bottom {
    margin-bottom: 8px;
  }
}

.add-hero__privacy {
  color: #B7B7B7;
  font-size: 14px;
  font-weight: 400;
}

.add-hero__privacy-link {
  color: #ff8921;
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.add-hero__checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #E0E0E0;
  cursor: pointer;
  border-radius: 2px;
}

.add-hero__checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.add-hero__checkbox-input:checked + .add-hero__checkbox-shape {
  opacity: 1;
}

.add-hero__checkbox-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #ff8921;
  border-radius: 2px;
  opacity: 0;
}

.add-hero__modal {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.add-hero__modal::after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
  vertical-align: middle;
}

.add-hero__modal[data-active="true"] {
  display: block;
}

.add-hero__modal-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 500px;
  padding: 32px 48px;
  border-radius: 5px;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: inline-block;
}

@media (max-width: 768px) {
  .add-hero__modal-content {
    max-width: 94%;
    padding: 16px;
  }
}

.add-hero__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit {
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
}

.add-hero__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit .hero-svo__modal-submit-disabled {
  display: none;
}

.add-hero__modal-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.18s linear;
  transition: all 0.18s linear;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.add-hero__modal-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3397 3L13 3.66034L8.66034 8L13 12.3397L12.3397 13L8 8.66034L3.66034 13L3 12.3397L7.33966 8L3 3.66034L3.66034 3L8 7.33966L12.3397 3Z' fill='black'/%3E%3C/svg%3E%0A");
}

.add-hero__modal-title {
  color: #2C3443;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .add-hero__modal-title {
    margin-bottom: 16px;
    line-height: 25px;
    padding: 0 20px;
  }
}

.add-hero__modal-submit {
  border-radius: 2px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
  margin-bottom: 12px;
}

.add-hero__modal-submit:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

.add-hero__modal-cancel {
  border-radius: 5px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  cursor: pointer;
  pointer-events: all;
  background-color: #fff;
  color: #000;
  border-color: #EAEAEA;
}

.add-hero__modal-cancel:hover {
  background-color: #EAEAEA;
}


@media (max-width: 550px) {
  .hero-svo {
    margin-top: 10px;
  }
}

.hero-svo__warrior-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 514px calc(100% - 26px - 514px);
  grid-template-columns: 514px calc(100% - 26px - 514px);
  gap: 26px;
  margin-bottom: 26px;
}

@media (max-width: 1024px) {
  .hero-svo__warrior-wrap {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-bottom: 12px;
    gap: 12px;
  }
}

.hero-svo__warrior-left {
  /*min-height: 787px;*/
  position: relative;
}

@media (max-width: 1024px) {
  .hero-svo__warrior-left {
    /*max-height: 520px;*/
    /*min-height: 520px;*/
  }
}

.hero-svo__warrior-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

.hero-svo__medal-list {
  position: absolute;
  bottom: 0;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  gap: 4px;
}

.hero-svo__medal {
  border-radius: 50%;
  border: 1px solid #EAEAEA;
  background-color: #FFF;
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.hero-svo__medal::before {
  content: attr(data-text);
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px;
  border-radius: 6px;
  padding: 6px 8px;
  color: #fff;
  opacity: 0;
  font-size: 14px;
  bottom: calc(100% + 16px);
  left: 50%;
  -webkit-transform: translateY(20%) translateX(-50%);
  transform: translateY(20%) translateX(-50%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  max-width: 200px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}

.hero-svo__medal[data-text]:not([data-text=""])::before {
  opacity: 0;
  visibility: hidden;
}

.hero-svo__medal[data-text]:not([data-text=""]):hover::before {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%) translateX(-50%);
  transform: translateY(0%) translateX(-50%);
}

.hero-svo__medal::after {
  position: absolute;
  bottom: calc(100% + 8px);
  inset-inline-start: 0;
  width: 16px;
  height: calc(16px / 2);
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");
  clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");
  content: "";
  left: calc(50% - 16px);
  -webkit-transform: rotateZ(180deg) translateX(-50%) translateY(20%);
  transform: rotateZ(180deg) translateX(-50%) translateY(20%);
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  z-index: 1;
  visibility: hidden;
}

.hero-svo__medal[data-text]:not([data-text=""]):hover::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateZ(180deg) translateX(-50%) translateY(0);
  transform: rotateZ(180deg) translateX(-50%) translateY(0);
}

.hero-svo__medal-image {
  height: 55px;
}

.hero-svo__warrior-right {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: calc(100% - 335px - 26px);
  grid-template-rows: calc(100% - 335px - 26px);
  gap: 26px;
  border-radius: 5px;
  border: 1px solid #EAEAEA;
}

@media (max-width: 1024px) {
  .hero-svo__warrior-right {
    -ms-grid-rows: calc(100% - 190px - 12px);
    grid-template-rows: calc(100% - 190px - 12px);
    gap: 12px;
  }
}

.hero-svo__warrior-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 426px;
  padding: 24px 32px;
}

@media (max-width: 1024px) {
  .hero-svo__warrior-info {
    padding: 16px;
    min-height: auto;
    gap: 12px;
  }
}

.hero-svo__info-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (50%)[2];
  grid-template-columns: repeat(2, 50%);
  grid-template-areas: "title title";
  gap: 10px;
}

@media (max-width: 1024px) {
  .hero-svo__info-wrap {
    grid-template-areas: "title"
    "list1";
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 12px;
  }
}
#single-image a {
  display: block;
  cursor: default;
}
#single-image {
  height: auto !important;
  position: relative;
}

.hero-svo__warrior-name {
  color: #2C3443;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: title;
}

@media (max-width: 1024px) {
  .hero-svo__warrior-name {
    font-size: 24px;
  }
}

.hero-svo__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1024px) {
  .hero-svo__info-list:last-child {
    grid-area: list1;
  }
}

.hero-svo__info-item {
  padding-left: 28px;
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.hero-svo__info-item::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
}

.hero-svo__info-contact {
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  color: #ff8921;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 400;
  padding-right: 20px;
}

.hero-svo__info-contact::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00234 2.50244C7.33498 2.49593 12.6676 2.50244 18.0003 2.52197C19.1104 2.76211 19.777 3.40653 20 4.45525C16.6797 6.49316 13.3468 8.51107 10.0013 10.5089C6.65582 8.51107 3.32294 6.49316 0.00260442 4.45525C0.233191 3.40598 0.89977 2.75505 2.00234 2.50244Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.00260441 5.90032C3.25973 7.87934 6.52321 9.85167 9.79299 11.8173C10.0333 11.8652 10.2555 11.8261 10.4596 11.7002C13.6328 9.76688 16.806 7.8336 19.9792 5.90032C20.0069 9.14198 20.0069 12.3836 19.9792 15.6253C19.7361 16.6342 19.0765 17.2526 18.0003 17.4805C12.6676 17.5065 7.33498 17.5065 2.00234 17.4805C0.926096 17.2526 0.266457 16.6342 0.023435 15.6253C0.00260441 12.3837 -0.00434051 9.14202 0.00260441 5.90032Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__warrior-video {
  background-color: #000;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.hero-svo__warrior-iframe {
  position: absolute;
}

@media (max-width: 768px) {

}

.hero-svo__info-btn {
  text-align: right;
  color: #a3a3a3;
}
.hero-svo__info-btn:hover {
  color: #303030;
}
.hero-svo__info-item[data-birth]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_872)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.920198 3.44595C1.02902 3.17388 1.24133 3.06566 1.55712 3.12136C1.76407 3.22 1.97638 3.32822 2.19404 3.44595C2.40634 2.90495 2.61865 2.36399 2.83095 1.823C3.52651 1.62561 4.16342 1.842 4.74171 2.47218C4.92833 2.40424 5.08756 2.29604 5.2194 2.14759C6.80135 3.43491 8.2875 4.84145 9.67784 6.36725C10.2208 7.04129 10.5924 7.79869 10.7924 8.63938C10.4154 9.27667 10.15 9.92585 9.99629 10.5869C10.5702 10.1684 10.9417 9.62746 11.1109 8.96396C12.8167 6.562 13.8252 3.8571 14.1363 0.849232C14.4247 0.163696 14.9024 -0.106794 15.5693 0.037759C18.0761 3.7804 18.3415 7.72955 16.3655 11.8853C15.4136 13.1806 14.1929 14.1003 12.7032 14.6443C13.1278 15.0771 13.5524 15.5099 13.977 15.9426C15.6667 16.0214 17.259 16.4543 18.7539 17.241C19.582 18.1735 19.582 19.0932 18.7539 20C17.0204 19.8011 15.375 19.1519 13.8178 18.0525C13.1693 18.1997 12.5855 18.4702 12.0663 18.8639C12.5311 19.1273 12.6373 19.3978 12.3847 19.6754C11.549 19.4883 11.3368 19.0555 11.7478 18.3771C8.25069 18.38 5.4907 16.9193 3.46787 13.9951C2.85489 13.4774 2.21797 13.4233 1.55712 13.8328C1.33158 13.0562 1.54389 12.353 2.19404 11.723C3.42104 11.5323 4.58872 11.6405 5.69709 12.0476C5.12603 11.1402 4.43605 10.3288 3.6271 9.61314C2.89678 7.4755 1.99448 5.41977 0.920198 3.44595Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.55712 3.12136C1.24133 3.06566 1.02902 3.17388 0.920198 3.44595C0.479226 3.18553 0.532303 2.96916 1.07943 2.79677C1.32299 2.81946 1.48222 2.92767 1.55712 3.12136Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7924 8.63938C11.0048 8.63938 11.1109 8.74756 11.1109 8.96396C10.9417 9.62746 10.5702 10.1684 9.99629 10.5869C10.15 9.92585 10.4154 9.27667 10.7924 8.63938Z' fill='%23ff8921'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_872'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.hero-svo__info-item[data-birth]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C10.7 3.8 15 5.8 15 11C15 14.866 11.866 18 8 18C4.13401 18 1 14.866 1 11C1 7.5 3.5 5.2 5 2.5C5.5 5 7 6.3 8.2 7.5C8.7 4.3 9.1 1.8 10 0Z' fill='%23ff8921'/%3E%3Cpath d='M10 10C11 11.3 12.5 12.5 12.5 14.8C12.5 16.5673 11.0673 18 9.3 18C7.53269 18 6.1 16.5673 6.1 14.8C6.1 13.2 7.1 12 7.8 10.9C8.3 11.7 9.1 12.3 9.9 12.9C10.1 11.9 10.1 11 10 10Z' fill='white' fill-opacity='0.25'/%3E%3C/svg%3E");
}


.hero-svo__info-item[data-location]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.42778 0.00305606C12.8739 -0.0745321 15.3745 1.32525 16.9295 4.20241C17.6644 5.82977 17.7113 7.47398 17.0704 9.13499C16.3253 10.8564 15.4331 12.5006 14.3937 14.0676C13.0222 16.1097 11.5547 18.0871 9.99129 20C7.93271 17.5048 6.06607 14.8829 4.39139 12.1345C3.84055 11.1588 3.34748 10.1589 2.91217 9.13499C1.89573 5.84376 2.84666 3.1886 5.76495 1.16954C6.90099 0.518671 8.12191 0.129843 9.42778 0.00305606ZM9.6391 4.33573C11.3689 4.31793 12.4607 5.09554 12.9145 6.6687C13.0472 8.31972 12.2842 9.39729 10.6252 9.90154C9.31191 10.0852 8.26708 9.67411 7.4907 8.6684C6.65988 7.11424 6.97685 5.81443 8.44163 4.76899C8.83046 4.57636 9.22956 4.43191 9.6391 4.33573Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__info-item[data-department]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.15234 3.06641C8.70445 3.0599 11.2566 3.06641 13.8086 3.08594C13.8538 3.67548 13.8603 4.26793 13.8281 4.86328C11.2723 4.90875 8.71367 4.91527 6.15234 4.88281C6.10055 4.27734 6.10055 3.67188 6.15234 3.06641Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.01172 5.25391C8.9909 5.25391 10.97 5.25391 12.9492 5.25391C12.9492 9.1341 12.9492 13.0143 12.9492 16.8945C12.4935 16.8945 12.0378 16.8945 11.582 16.8945C11.582 15.4753 11.582 14.056 11.582 12.6367C11.1523 12.6367 10.7227 12.6367 10.293 12.6367C10.293 14.056 10.293 15.4753 10.293 16.8945C10.0846 16.8945 9.87629 16.8945 9.66797 16.8945C9.66797 15.4753 9.66797 14.056 9.66797 12.6367C9.23828 12.6367 8.80859 12.6367 8.37891 12.6367C8.37891 14.056 8.37891 15.4753 8.37891 16.8945C7.92316 16.8945 7.46746 16.8945 7.01172 16.8945C7.01172 13.0143 7.01172 9.1341 7.01172 5.25391ZM9.62891 7.05078C10.6294 6.95504 11.339 7.35867 11.7578 8.26172C12.0507 9.23199 11.7838 10.0068 10.957 10.5859C9.95254 11.0655 9.09969 10.8767 8.39844 10.0195C7.85367 9.00664 8.01641 8.12773 8.88672 7.38281C9.11926 7.22973 9.36664 7.11906 9.62891 7.05078Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.19141 7.08984C3.01432 7.08984 4.83723 7.08984 6.66016 7.08984C6.66016 10.3581 6.66016 13.6263 6.66016 16.8945C4.83723 16.8945 3.01432 16.8945 1.19141 16.8945C1.19141 13.6263 1.19141 10.3581 1.19141 7.08984ZM2.32422 8.69141C2.75391 8.69141 3.18359 8.69141 3.61328 8.69141C3.61328 9.02996 3.61328 9.36848 3.61328 9.70703C3.18359 9.70703 2.75391 9.70703 2.32422 9.70703C2.32422 9.36848 2.32422 9.02996 2.32422 8.69141ZM4.23828 8.69141C4.65496 8.69141 5.0716 8.69141 5.48828 8.69141C5.48828 9.02996 5.48828 9.36848 5.48828 9.70703C5.0716 9.70703 4.65496 9.70703 4.23828 9.70703C4.23828 9.36848 4.23828 9.02996 4.23828 8.69141ZM2.32422 10.332C2.75391 10.332 3.18359 10.332 3.61328 10.332C3.61328 10.6706 3.61328 11.0091 3.61328 11.3477C3.18359 11.3477 2.75391 11.3477 2.32422 11.3477C2.32422 11.0091 2.32422 10.6706 2.32422 10.332ZM4.23828 10.332C4.65496 10.332 5.0716 10.332 5.48828 10.332C5.48828 10.6706 5.48828 11.0091 5.48828 11.3477C5.0716 11.3477 4.65496 11.3477 4.23828 11.3477C4.23828 11.0091 4.23828 10.6706 4.23828 10.332ZM2.32422 12.6367C2.75391 12.6367 3.18359 12.6367 3.61328 12.6367C3.61328 12.9753 3.61328 13.3138 3.61328 13.6523C3.18359 13.6523 2.75391 13.6523 2.32422 13.6523C2.32422 13.3138 2.32422 12.9753 2.32422 12.6367ZM4.23828 12.6367C4.65496 12.6367 5.0716 12.6367 5.48828 12.6367C5.48828 12.9753 5.48828 13.3138 5.48828 13.6523C5.0716 13.6523 4.65496 13.6523 4.23828 13.6523C4.23828 13.3138 4.23828 12.9753 4.23828 12.6367ZM2.32422 14.2773C2.75391 14.2773 3.18359 14.2773 3.61328 14.2773C3.61328 14.6159 3.61328 14.9544 3.61328 15.293C3.18359 15.293 2.75391 15.293 2.32422 15.293C2.32422 14.9544 2.32422 14.6159 2.32422 14.2773ZM4.23828 14.2773C4.65496 14.2773 5.0716 14.2773 5.48828 14.2773C5.48828 14.6159 5.48828 14.9544 5.48828 15.293C5.0716 15.293 4.65496 15.293 4.23828 15.293C4.23828 14.9544 4.23828 14.6159 4.23828 14.2773Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3008 7.08984C15.1237 7.08984 16.9466 7.08984 18.7695 7.08984C18.7695 10.3581 18.7695 13.6263 18.7695 16.8945C16.9466 16.8945 15.1237 16.8945 13.3008 16.8945C13.3008 13.6263 13.3008 10.3581 13.3008 7.08984ZM14.4727 8.69141C14.8893 8.69141 15.306 8.69141 15.7227 8.69141C15.7227 9.02996 15.7227 9.36848 15.7227 9.70703C15.306 9.70703 14.8893 9.70703 14.4727 9.70703C14.4727 9.36848 14.4727 9.02996 14.4727 8.69141ZM16.3477 8.69141C16.7773 8.69141 17.207 8.69141 17.6367 8.69141C17.6367 9.02996 17.6367 9.36848 17.6367 9.70703C17.207 9.70703 16.7773 9.70703 16.3477 9.70703C16.3477 9.36848 16.3477 9.02996 16.3477 8.69141ZM14.4727 10.332C14.8893 10.332 15.306 10.332 15.7227 10.332C15.7227 10.6706 15.7227 11.0091 15.7227 11.3477C15.306 11.3477 14.8893 11.3477 14.4727 11.3477C14.4727 11.0091 14.4727 10.6706 14.4727 10.332ZM16.3477 10.332C16.7773 10.332 17.207 10.332 17.6367 10.332C17.6367 10.6706 17.6367 11.0091 17.6367 11.3477C17.207 11.3477 16.7773 11.3477 16.3477 11.3477C16.3477 11.0091 16.3477 10.6706 16.3477 10.332ZM14.4727 12.6367C14.8893 12.6367 15.306 12.6367 15.7227 12.6367C15.7227 12.9753 15.7227 13.3138 15.7227 13.6523C15.306 13.6523 14.8893 13.6523 14.4727 13.6523C14.4727 13.3138 14.4727 12.9753 14.4727 12.6367ZM16.3477 12.6367C16.7773 12.6367 17.207 12.6367 17.6367 12.6367C17.6367 12.9753 17.6367 13.3138 17.6367 13.6523C17.207 13.6523 16.7773 13.6523 16.3477 13.6523C16.3477 13.3138 16.3477 12.9753 16.3477 12.6367ZM14.4727 14.2773C14.8893 14.2773 15.306 14.2773 15.7227 14.2773C15.7227 14.6159 15.7227 14.9544 15.7227 15.293C15.306 15.293 14.8893 15.293 14.4727 15.293C14.4727 14.9544 14.4727 14.6159 14.4727 14.2773ZM16.3477 14.2773C16.7773 14.2773 17.207 14.2773 17.6367 14.2773C17.6367 14.6159 17.6367 14.9544 17.6367 15.293C17.207 15.293 16.7773 15.293 16.3477 15.293C16.3477 14.9544 16.3477 14.6159 16.3477 14.2773Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.94141 7.83203C9.97562 7.82691 10.0017 7.83992 10.0195 7.87109C10.1344 8.08773 10.2385 8.3091 10.332 8.53516C10.6062 8.58406 10.8797 8.63617 11.1523 8.69141C10.969 8.90078 10.7737 9.09609 10.5664 9.27734C10.6235 9.53676 10.6756 9.79715 10.7227 10.0586C10.4716 9.95262 10.2242 9.83543 9.98047 9.70703C9.73672 9.83543 9.48934 9.95262 9.23828 10.0586C9.28535 9.79715 9.33746 9.53676 9.39453 9.27734C9.18727 9.09609 8.99195 8.90078 8.80859 8.69141C9.08125 8.63617 9.35469 8.58406 9.62891 8.53516C9.73355 8.29992 9.8377 8.06555 9.94141 7.83203Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__info-item[data-rank]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_898)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.9414 -0.0195312C9.96745 -0.0195312 9.99347 -0.0195312 10.0195 -0.0195312C10.3972 0.735855 10.7748 1.49106 11.1523 2.24609C11.97 2.38244 12.7903 2.50614 13.6133 2.61719C13.6448 2.6292 13.6709 2.64873 13.6914 2.67578C13.0675 3.27368 12.4555 3.88566 11.8555 4.51172C12.0087 5.34316 12.1519 6.17648 12.2851 7.01172C11.5146 6.63293 10.7463 6.2423 9.98046 5.83984C9.2146 6.2423 8.44636 6.63293 7.67577 7.01172C7.80898 6.17648 7.95218 5.34316 8.10546 4.51172C7.50546 3.88566 6.89347 3.27368 6.26952 2.67578C7.11116 2.51458 7.95753 2.37135 8.80859 2.24609C9.18609 1.49106 9.5637 0.735855 9.9414 -0.0195312Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.94921 6.50391C5.30308 7.68086 7.64683 8.87875 9.98046 10.0977C12.3112 8.89973 14.6419 7.70184 16.9726 6.50391C17.0182 7.3109 17.0247 8.11816 16.9922 8.92578C14.6566 10.1294 12.3193 11.3273 9.98046 12.5195C7.65116 11.3288 5.32042 10.1374 2.98827 8.94531C2.94947 8.13445 2.93645 7.32066 2.94921 6.50391Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.94921 10.2148C5.30144 11.391 7.64519 12.5889 9.98046 13.8086C12.3157 12.5889 14.6595 11.391 17.0117 10.2148C17.0247 11.0225 17.0117 11.8298 16.9726 12.6367C14.6466 13.8453 12.3159 15.0432 9.98046 16.2305C7.64503 15.0432 5.31433 13.8453 2.98827 12.6367C2.94922 11.8298 2.9362 11.0225 2.94921 10.2148Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0586 19.9805C10.0065 19.9805 9.95441 19.9805 9.90234 19.9805C7.60003 18.7902 5.29534 17.5988 2.98827 16.4062C2.94297 15.5693 2.93646 14.7294 2.96874 13.8867C5.30437 15.0903 7.64159 16.2882 9.98046 17.4805C12.3316 16.3082 14.6688 15.1103 16.9922 13.8867C17.0244 14.7294 17.018 15.5693 16.9726 16.4062C14.6656 17.5988 12.3609 18.7902 10.0586 19.9805Z' fill='%23ff8921'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_898'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.hero-svo__info-item[data-position]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35484 0.0279219C11.3651 -0.161956 12.9446 0.616588 14.0934 2.36356C14.2094 2.59615 14.3132 2.83449 14.4049 3.07855C14.4842 3.79206 14.5583 4.50705 14.6274 5.22352C14.7431 5.75462 14.9285 6.25511 15.1835 6.725C15.091 6.87839 14.9575 6.97372 14.7831 7.011C14.4781 7.06033 14.1814 7.02854 13.8932 6.91567C13.5177 6.50788 13.0727 6.22189 12.5584 6.05768C11.7068 6.00501 10.854 5.98117 10 5.98618C9.16075 5.98084 8.3228 6.00467 7.48609 6.05768C6.99003 6.1644 6.57477 6.41861 6.24026 6.82034C5.926 7.02435 5.58487 7.08788 5.21691 7.011C5.07461 6.97058 4.94856 6.89908 4.83871 6.7965C4.80903 6.74884 4.80903 6.70117 4.83871 6.6535C5.10282 6.24992 5.2808 5.80505 5.37263 5.31885C5.21695 2.90982 6.17357 1.24946 8.24249 0.337751C8.61348 0.21064 8.98429 0.107362 9.35484 0.0279219Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70856 6.70117C9.31212 6.67891 10.9139 6.70274 12.5139 6.77267C12.884 6.89875 13.1955 7.12116 13.4483 7.43999C13.5482 7.48952 13.6446 7.54515 13.7375 7.60683C13.5696 9.4392 12.6723 10.6547 11.0456 11.2533C9.18714 11.6969 7.74109 11.0693 6.70745 9.37047C6.42229 8.81988 6.27399 8.23197 6.26251 7.60683C6.56427 7.39481 6.85348 7.16444 7.13014 6.91567C7.32351 6.82815 7.5163 6.75665 7.70856 6.70117Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3971 11.3724C8.15746 11.6287 8.91386 11.8988 9.66629 12.1828C9.68106 12.708 9.66625 13.2324 9.6218 13.7557C8.5971 13.2703 7.57375 12.7857 6.55172 12.3019C6.84253 11.9983 7.12431 11.6885 7.3971 11.3724Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4249 11.3724C12.486 11.365 12.5454 11.3729 12.6029 11.3963C12.8847 11.6981 13.1665 12.0001 13.4483 12.3019C12.4262 12.7857 11.4029 13.2703 10.3782 13.7557C10.3337 13.2324 10.3189 12.708 10.3337 12.1828C11.0438 11.9399 11.7408 11.6698 12.4249 11.3724Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.15128 12.7071C6.27457 12.7033 6.39319 12.7272 6.50723 12.7786C7.54358 13.2678 8.58175 13.7525 9.6218 14.2324C9.66629 16.1547 9.68111 18.0772 9.66629 20C7.27844 20 4.89063 20 2.50278 20C2.49537 18.5699 2.50278 17.1399 2.52503 15.7101C2.61923 15.1642 2.86395 14.7114 3.25918 14.3516C4.16107 13.6778 5.12507 13.1297 6.15128 12.7071ZM5.9733 13.6127C6.01228 13.6065 6.04196 13.6224 6.06229 13.6604C6.15439 13.8849 6.25081 14.1073 6.3515 14.3277C6.38625 14.3966 6.37882 14.4601 6.32925 14.5184C5.57054 14.8533 4.84382 15.2505 4.14905 15.7101C3.99515 15.4518 3.84685 15.1897 3.70411 14.9236C4.4363 14.4361 5.1927 13.9991 5.9733 13.6127Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6262 12.7071C14.7771 13.0137 15.8153 13.5619 16.7408 14.3516C17.152 14.7002 17.3967 15.153 17.475 15.7101C17.4972 17.1399 17.5046 18.5699 17.4972 20C15.1094 20 12.7216 20 10.3337 20C10.3189 18.0772 10.3337 16.1547 10.3782 14.2324C11.4701 13.7347 12.5528 13.2262 13.6262 12.7071ZM14.0712 13.6127C14.8954 13.9748 15.6815 14.4117 16.4294 14.9236C16.2903 15.1978 16.1346 15.46 15.9622 15.7101C15.2434 15.2336 14.4944 14.8126 13.7152 14.4469C13.8403 14.1712 13.9589 13.8931 14.0712 13.6127Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__info-item[data-medal]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.13683 0.605435C6.1264 0.605435 7.11601 0.605435 8.10558 0.605435C8.11858 3.33993 8.10558 6.0743 8.06651 8.80856C7.06921 8.13032 6.06663 7.45977 5.0587 6.79684C5.03425 6.76754 5.01472 6.73497 5.00011 6.69919C4.93554 4.76137 4.92253 2.82126 4.96104 0.878873C4.98175 0.758365 5.04034 0.66722 5.13683 0.605435Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.73058 0.605435C9.57694 0.605435 10.4233 0.605435 11.2696 0.605435C11.2762 3.47005 11.2696 6.33461 11.2501 9.19918C10.9701 9.40102 10.6902 9.60282 10.4103 9.80465C10.7578 10.7235 11.1094 11.6415 11.465 12.5586C11.4992 12.5879 11.5382 12.6074 11.5821 12.6172C12.6502 12.704 13.7179 12.7951 14.7853 12.8906C15.0929 13.1044 15.0929 13.3257 14.7853 13.5547C14.017 14.1145 13.2488 14.6745 12.4806 15.2343C12.4259 15.2758 12.3869 15.3279 12.3634 15.3906C12.7749 16.5861 13.1785 17.7839 13.5743 18.9843C13.4956 19.2841 13.3134 19.3752 13.0275 19.2578C12.017 18.577 11.0014 17.9064 9.98058 17.2461C8.9598 17.9064 7.94417 18.577 6.9337 19.2578C6.6478 19.3752 6.46554 19.2841 6.38683 18.9843C6.77358 17.7655 7.16421 16.548 7.5587 15.332C6.70382 14.6861 5.85097 14.0351 5.00011 13.3789C4.97405 13.2617 4.97405 13.1445 5.00011 13.0273C5.04753 12.9668 5.10612 12.9213 5.17589 12.8906C6.27183 12.7975 7.36558 12.6868 8.45714 12.5586C8.81808 11.6384 9.18265 10.7204 9.55089 9.80465C9.29581 9.62122 9.03538 9.44543 8.76964 9.27731C8.73058 6.3868 8.71757 3.49618 8.73058 0.605435Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8556 0.605435C12.8747 0.586619 13.8903 0.60615 14.9025 0.664029C14.9269 0.693342 14.9464 0.725896 14.961 0.761685C14.9676 1.75127 14.9741 2.74085 14.9806 3.73044C14.9867 4.74938 14.9672 5.76501 14.922 6.77731C13.9064 7.45438 12.8907 8.13149 11.8751 8.80856C11.8556 6.07422 11.8491 3.33984 11.8556 0.605435Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__history {
  padding: 32px 48px;
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  margin-bottom: 60px;
}

@media (max-width: 1024px) {
  .hero-svo__history {
    padding: 16px;
    margin-bottom: 40px;
  }
}

.hero-svo__history-title {
  color: #2C3443;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .hero-svo__history-title {
    font-size: 24px;
    margin-bottom: 12px;
  }
}

.hero-svo__history-description {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.hero-svo__gallery {
  margin-bottom: 60px;
}

@media (max-width: 1024px) {
  .hero-svo__gallery {
    margin-bottom: 40px;
  }
}

.hero-svo__gallery-title {
  color: #2C3443;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
}

.hero-svo__gallery-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(20% - 20.8px))[5];
  grid-template-columns: repeat(5, calc(20% - 20.8px));
  gap: 26px;
}

@media (max-width: 1024px) {
  .hero-svo__gallery-list {
    -ms-grid-columns: (calc(50% - 6px))[2];
    grid-template-columns: repeat(2, calc(50% - 6px));
    gap: 12px;
  }
}

.hero-svo__gallery-image {
  border-radius: 5px;
  height: 233px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .hero-svo__gallery-image {
    height: 164px;
  }
}

.hero-svo__burials {
  padding: 32px 48px;
  border-radius: 5px;
  margin-bottom: 60px;
  background-color: #F7F7F7;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% - 340px - 26px) 340px;
  grid-template-columns: calc(100% - 340px - 26px) 340px;
  gap: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .hero-svo__burials {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 12px;
    margin-bottom: 40px;
    padding: 16px;
  }
}

.hero-svo__burials-left .hero-svo__burials-image {
  display: none;
}

@media (max-width: 1024px) {
  .hero-svo__burials-left .hero-svo__burials-image {
    display: block;
  }
}

@media (max-width: 1024px) {
  .hero-svo__burials-right {
    display: none;
  }
}

.hero-svo__burials-title {
  color: #2C3443;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .hero-svo__burials-title {
    text-align: center;
    margin-bottom: 12px;
  }
}

.hero-svo__burials-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1024px) {
  .hero-svo__burials-info {
    gap: 12px;
  }
}

.hero-svo__burials-info-item {
  padding-left: 28px;
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.hero-svo__burials-info-item::before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
}

.hero-svo__burials-description {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  border-left: 3px solid #ff8921;
  padding-left: 24px;
  margin-top: 24px;
}

@media (max-width: 1024px) {
  .hero-svo__burials-description {
    margin-top: 12px;
  }
}

.hero-svo__burials-image {
  height: 225px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .hero-svo__burials-image {
    margin-bottom: 12px;
  }
}

.hero-svo__burials-info-item[data-grave]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_632)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.82469 0C10.838 0.0450041 11.8492 0.121392 12.8585 0.229167C13.1918 0.334154 13.3719 0.563321 13.3987 0.916666C13.2786 2.02815 13.1955 3.13926 13.1494 4.25C14.4356 4.37925 15.724 4.49729 17.0144 4.60416C17.3318 4.62762 17.5465 4.78733 17.6585 5.08333C17.6219 6.05691 17.5526 7.02916 17.4507 8C17.3836 8.44012 17.1273 8.64845 16.6819 8.625C15.3661 8.50887 14.05 8.39775 12.7338 8.29166C12.5484 10.6695 12.3406 13.0445 12.1104 15.4167C12.0896 15.4305 12.0689 15.4445 12.0481 15.4583C10.7256 15.3298 9.40262 15.3159 8.07922 15.4167C8.29836 12.9163 8.52004 10.4163 8.74416 7.91666C7.37177 7.81241 6.00033 7.69437 4.62985 7.5625C4.45339 7.51258 4.32177 7.40841 4.23504 7.25C4.17058 6.96175 4.15674 6.67008 4.19348 6.375C4.25773 5.61066 4.32701 4.84675 4.40127 4.08333C4.49478 3.76162 4.70952 3.58108 5.04543 3.54166C6.38928 3.669 7.733 3.794 9.07663 3.91666C9.18173 2.77856 9.28563 1.63967 9.38832 0.5C9.4699 0.272654 9.61536 0.105987 9.82469 0Z' fill='%23ff8921'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.57793 16C10.9873 15.8616 13.3561 16.1047 15.6845 16.7292C17.0421 17.1043 18.2889 17.7015 19.4248 18.5208C19.5965 18.6513 19.7558 18.7971 19.9027 18.9583C20.1072 19.4128 19.9894 19.7531 19.5494 19.9792C13.1771 20.0069 6.80474 20.0069 0.432414 19.9792C0.0591255 19.7928 -0.0724786 19.4942 0.0376063 19.0833C0.16727 18.8561 0.340428 18.6686 0.557091 18.5208C1.98363 17.5343 3.54899 16.8537 5.25323 16.4792C6.35678 16.2427 7.46503 16.083 8.57793 16Z' fill='%23ff8921'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_632'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.hero-svo__burials-info-item[data-location]::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.42778 0.00305606C12.8739 -0.0745321 15.3745 1.32525 16.9295 4.20241C17.6644 5.82977 17.7113 7.47398 17.0704 9.13499C16.3253 10.8564 15.4331 12.5006 14.3937 14.0676C13.0222 16.1097 11.5547 18.0871 9.99129 20C7.93271 17.5048 6.06607 14.8829 4.39139 12.1345C3.84055 11.1588 3.34748 10.1589 2.91217 9.13499C1.89573 5.84376 2.84666 3.1886 5.76495 1.16954C6.90099 0.518671 8.12191 0.129843 9.42778 0.00305606ZM9.6391 4.33573C11.3689 4.31793 12.4607 5.09554 12.9145 6.6687C13.0472 8.31972 12.2842 9.39729 10.6252 9.90154C9.31191 10.0852 8.26708 9.67411 7.4907 8.6684C6.65988 7.11424 6.97685 5.81443 8.44163 4.76899C8.83046 4.57636 9.22956 4.43191 9.6391 4.33573Z' fill='%23ff8921'/%3E%3C/svg%3E%0A");
}

.hero-svo__modal {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.hero-svo-thanks__modal {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
.hero-svo-thanks__modal[data-active="true"] {
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}

.hero-svo__modal::after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
  vertical-align: middle;
}

.hero-svo__modal[data-active="true"] {
  display: block;
}

.hero-svo__modal-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 500px;
  padding: 32px 48px;
  border-radius: 5px;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: inline-block;
}

@media (max-width: 768px) {
  .hero-svo__modal-content {
    max-width: 94%;
    padding: 16px;
  }
}

.hero-svo__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit {
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
}

.hero-svo__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit .hero-svo__modal-submit-disabled {
  display: none;
}

.hero-svo__modal-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.18s linear;
  transition: all 0.18s linear;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.hero-svo__modal-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3397 3L13 3.66034L8.66034 8L13 12.3397L12.3397 13L8 8.66034L3.66034 13L3 12.3397L7.33966 8L3 3.66034L3.66034 3L8 7.33966L12.3397 3Z' fill='black'/%3E%3C/svg%3E%0A");
}

.hero-svo__modal-title {
  color: #2C3443;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .hero-svo__modal-title {
    margin-bottom: 16px;
    line-height: 25px;
  }
}

.hero-svo__modal-textarea {
  width: 100%;
  display: block;
  resize: none;
  border-radius: 2px;
  border: 1px solid #B9B9B9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
  margin-bottom: 12px;
}

.hero-svo__modal-textarea::-webkit-input-placeholder {
  color: #B9B9B9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hero-svo__modal-textarea:-ms-input-placeholder {
  color: #B9B9B9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hero-svo__modal-textarea::-ms-input-placeholder {
  color: #B9B9B9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hero-svo__modal-textarea::placeholder {
  color: #B9B9B9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hero-svo__modal-textarea:hover {
  border: 1px solid #8D8D8D;
}

.hero-svo__modal-textarea:hover::-webkit-input-placeholder {
  color: #8D8D8D;
}

.hero-svo__modal-textarea:hover:-ms-input-placeholder {
  color: #8D8D8D;
}

.hero-svo__modal-textarea:hover::-ms-input-placeholder {
  color: #8D8D8D;
}

.hero-svo__modal-textarea:hover::placeholder {
  color: #8D8D8D;
}

.hero-svo__modal-textarea:focus {
  border: 1px solid #000;
}

.hero-svo__modal-submit {
  border-radius: 2px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
}

.hero-svo__modal-submit:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

.hero-svo__modal-submit-disabled {
  margin-bottom: 12px;
  cursor: not-allowed;
}

.hero-svo__modal-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16px calc(100% - 16px - 8px);
  grid-template-columns: 16px calc(100% - 16px - 8px);
  gap: 8px;
}

.hero-svo__modal-privacy {
  color: #B7B7B7;
  font-size: 14px;
  font-weight: 400;
}

.hero-svo__modal-privacy-link {
  color: #ff8921;
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.hero-svo__modal-checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #E0E0E0;
  cursor: pointer;
  border-radius: 2px;
}

.hero-svo__modal-checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.hero-svo__modal-checkbox-input:checked + .hero-svo__modal-checkbox-shape {
  opacity: 1;
}

.hero-svo__modal-checkbox-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #ff8921;
  border-radius: 2px;
  opacity: 0;
}

.lg-backdrop {
  z-index: 99999 !important;
}

.lg-outer {
  z-index: 99999 !important;
}



.edit-hero {
  margin-top: 20px;
  margin-bottom: 60px;
}

@media (max-width: 550px) {
  .edit-hero {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}

.edit-hero__title {
  color: #2C3443;
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 12px;
  line-height: normal;
}

@media (max-width: 768px) {
  .edit-hero__title {
    font-size: 24px;
  }
}

.edit-hero__suptitle {
  margin-bottom: 32px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 1024px) {
  .edit-hero__suptitle {
    margin-bottom: 16px;
  }
}

.edit-hero__form {
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  background-color: #FFF;
  padding: 24px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .edit-hero__form {
    padding: 12px;
  }
}

@media (max-width: 1024px) {
  .edit-hero__form {
    gap: 8px;
  }
}

.edit-hero__form-info {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.edit-hero__form-card {
  border-radius: 5px;
  border: 1px solid #EAEAEA;
  padding: 12px;
}

@media (max-width: 768px) {
  .edit-hero__form-card {
    padding: 8px;
  }
}

.edit-hero__form-title {
  color: #2C3443;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .edit-hero__form-title {
    margin-bottom: 8px;
    font-size: 20px;
  }
}

.edit-hero__form-info-svo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(33.3% - (24px / 3)))[3];
  grid-template-columns: repeat(3, calc(33.3% - (24px / 3)));
  gap: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__form-info-svo {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}

.edit-hero__drop-zone-input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.edit-hero__drop-zone-prompt {
  display: block;
  max-width: 316px;
  color: #B7B7B7;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 74px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1024px) {
  .edit-hero__drop-zone-prompt {
    font-size: 14px;
  }
}

.edit-hero__drop-zone-prompt::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64 38.7725C64 40.0565 64 41.3406 64 42.6246C63.093 48.0715 60.3013 52.1589 55.625 54.8869C53.9624 55.7129 52.2124 56.2266 50.375 56.4278C45.6669 56.492 40.9585 56.5134 36.25 56.492C36.25 51.6983 36.25 46.9046 36.25 42.111C37.8339 42.1324 39.4173 42.111 41 42.0468C41.9484 41.7896 42.3025 41.169 42.0625 40.1849C39.0134 35.683 35.8675 31.2532 32.625 26.8954C31.8129 26.6074 31.167 26.8428 30.6875 27.6016C27.7709 31.7961 24.8541 35.9904 21.9375 40.1849C21.6975 41.169 22.0516 41.7896 23 42.0468C24.5828 42.111 26.1661 42.1324 27.75 42.111C27.75 46.9046 27.75 51.6983 27.75 56.492C22.4999 56.5134 17.2499 56.492 12 56.4278C6.71322 55.6197 3.02572 52.6878 0.9375 47.6322C0.543072 46.4384 0.230573 45.24 0 44.037C0 42.8386 0 41.6401 0 40.4417C0.771065 36.2255 2.89606 32.9299 6.375 30.5548C5.16202 26.2272 6.28702 22.6961 9.75 19.9617C12.22 18.4024 14.845 18.0385 17.625 18.8702C19.3674 15.6033 21.784 12.9711 24.875 10.9735C31.1531 7.55173 37.3615 7.68013 43.5 11.3587C48.2292 14.6304 50.9376 19.1887 51.625 25.0335C56.7266 26.1859 60.4141 29.1819 62.6875 34.0217C63.3211 35.5653 63.7586 37.1489 64 38.7725Z' fill='%23B7B7B7'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  width: 64px;
  height: 64px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.edit-hero__base-input {
  width: 100%;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
}

.edit-hero__base-input::-webkit-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-input:-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-input::-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-input::placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-input:hover {
  border: 1px solid #8d8d8d;
}

.edit-hero__base-input:hover::-webkit-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-input:hover:-ms-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-input:hover::-ms-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-input:hover::placeholder {
  color: #8d8d8d;
}

.edit-hero__base-input:focus {
  border: 1px solid #000;
}

.edit-hero__base-textarea {
  width: 100%;
  display: block;
  resize: vertical;
  border-radius: 2px;
  border: 1px solid #b9b9b9;
  padding: 8px 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: none;
  line-height: 23px;
  font-size: 16px;
  color: #000;
}

.edit-hero__base-textarea::-webkit-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-textarea:-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-textarea::-ms-input-placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-textarea::placeholder {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-hero__base-textarea:hover {
  border: 1px solid #8d8d8d;
}

.edit-hero__base-textarea:hover::-webkit-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-textarea:hover:-ms-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-textarea:hover::-ms-input-placeholder {
  color: #8d8d8d;
}

.edit-hero__base-textarea:hover::placeholder {
  color: #8d8d8d;
}

.edit-hero__base-textarea:focus {
  border: 1px solid #000;
}

.edit-hero__burial-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 12px;
}

.edit-hero__burial-info .edit-hero__base-textarea {
  height: 150px;
}

@media (max-width: 1024px) {
  .edit-hero__burial-info {
    gap: 8px;
  }
}

.edit-hero__burial-drop-zone {
  height: 96px;
  max-width: 370px;
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23E0E0E0FF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 16px;
}

@media (max-width: 1024px) {
  .edit-hero__burial-drop-zone {
    max-width: 100%;
    width: 100%;
    padding: 12px;
    margin-bottom: 0;
  }
}

.edit-hero__burial-drop-zone.have-image {
  background-size: cover;
  cursor: default;
}

.edit-hero__burial-drop-zone.have-image .edit-hero__drop-zone-prompt {
  opacity: 0;
}

.edit-hero__burial-drop-zone.have-image .edit-hero__info-update-image-btn {
  visibility: visible;
}

.edit-hero__burial-drop-zone.have-image .edit-hero__drop-zone-input {
  display: none;
}

.edit-hero__burial-drop-zone.drag-over, .edit-hero__burial-drop-zone:hover {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%238D8D8DFF' stroke-width='4' stroke-dasharray='11%2c 15' stroke-dashoffset='3' stroke-linecap='round'/%3e%3c/svg%3e");
}

.edit-hero__burial-drop-zone.drag-over .edit-hero__drop-zone-prompt, .edit-hero__burial-drop-zone:hover .edit-hero__drop-zone-prompt {
  color: #8d8d8d;
}

.edit-hero__burial-drop-zone[data-hide="true"] {
  display: none;
}

.edit-hero__burial-file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__burial-file-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.edit-hero__burial-filelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__burial-filelist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.edit-hero__burial-file {
  width: 96px;
  height: 96px;
  border-radius: 5px;
  background: #F7F7F7;
  padding: 6px;
  position: relative;
}

@media (max-width: 1024px) {
  .edit-hero__burial-file {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 36px 1fr 24px;
    grid-template-columns: 36px 1fr 24px;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
  }
}

.edit-hero__burial-file-icon {
  width: 36px;
  height: 36px;
  background-image: url("../images/file-placeholder.webp");
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 5px;
}

.edit-hero__burial-file-name {
  color: #666;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.edit-hero__burial-file-name span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1024px) {
  .edit-hero__burial-file-name span {
    text-align: left;
  }
}

.edit-hero__burial-file-name span:last-child {
  font-size: 11px;
}

.edit-hero__burial-file-remove {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3397 3L13 3.66034L8.66034 8L13 12.3397L12.3397 13L8 8.66034L3.66034 13L3 12.3397L7.33966 8L3 3.66034L3.66034 3L8 7.33966L12.3397 3Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .edit-hero__burial-file-remove {
    position: static;
    margin-left: auto;
  }
}

.edit-hero__burial-file-total {
  text-align: center;
  margin-top: 4px;
  color: #666;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.edit-hero__burial-file-total[data-hide="true"] {
  display: none;
}

.edit-hero__contact-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(33.3% - (24px / 3)))[3];
  grid-template-columns: repeat(3, calc(33.3% - (24px / 3)));
  gap: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__contact-info {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}

.edit-hero__submit-box {
  width: 410px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .edit-hero__submit-box {
    width: 100%;
    padding-top: 12px;
  }
}

.edit-hero__submit-box:has(.edit-hero__checkbox-input#privacy:checked) .edit-hero__submit {
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
}

.edit-hero__submit-box:has(.edit-hero__checkbox-input#privacy:checked) .edit-hero__submit .edit-hero__submit-disabled {
  display: none;
}

.edit-hero__submit {
  border-radius: 2px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
}

.edit-hero__submit:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

@media (max-width: 1024px) {
  .edit-hero__submit span:first-child {
    display: none;
  }
}

.edit-hero__submit span:last-child {
  display: none;
}

@media (max-width: 1024px) {
  .edit-hero__submit span:last-child {
    display: block;
  }
}

.edit-hero__submit-disabled {
  cursor: not-allowed;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__submit-disabled {
    margin-bottom: 24px;
  }
}

.edit-hero__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16px calc(100% - 16px - 8px);
  grid-template-columns: 16px calc(100% - 16px - 8px);
  gap: 8px;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .edit-hero__bottom {
    margin-bottom: 8px;
  }
}

.edit-hero__privacy {
  color: #B7B7B7;
  font-size: 14px;
  font-weight: 400;
}

.edit-hero__privacy-link {
  color: #CA0F46;
  font-size: 14px;
  font-weight: 400;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.edit-hero__checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  background-color: #E0E0E0;
  cursor: pointer;
  border-radius: 2px;
}

.edit-hero__checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
}

.edit-hero__checkbox-input:checked + .edit-hero__checkbox-shape {
  opacity: 1;
}

.edit-hero__checkbox-shape {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #CA0F46;
  border-radius: 2px;
  opacity: 0;
}

.edit-hero__modal {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.edit-hero__modal::after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
  vertical-align: middle;
}

.edit-hero__modal[data-active="true"] {
  display: block;
}

.edit-hero__modal-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 500px;
  padding: 32px 48px;
  border-radius: 5px;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  position: relative;
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: inline-block;
}

@media (max-width: 768px) {
  .edit-hero__modal-content {
    max-width: 94%;
    padding: 16px;
  }
}

.edit-hero__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit {
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
}

.edit-hero__modal-content:has(.hero-svo__modal-checkbox-input:checked) .hero-svo__modal-submit .hero-svo__modal-submit-disabled {
  display: none;
}

.edit-hero__modal-close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transition: all 0.18s linear;
  transition: all 0.18s linear;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.edit-hero__modal-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3397 3L13 3.66034L8.66034 8L13 12.3397L12.3397 13L8 8.66034L3.66034 13L3 12.3397L7.33966 8L3 3.66034L3.66034 3L8 7.33966L12.3397 3Z' fill='black'/%3E%3C/svg%3E%0A");
}

.edit-hero__modal-title {
  color: #2C3443;
  text-align: center;
  font-size: 27px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .edit-hero__modal-title {
    margin-bottom: 16px;
    line-height: 25px;
    padding: 0 20px;
  }
}

.edit-hero__modal-submit {
  border-radius: 2px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  cursor: pointer;
  pointer-events: all;
  background-color: #ff8921;
  color: #FFF;
  border-color: #ff8921;
  margin-bottom: 12px;
}

.edit-hero__modal-submit:hover {
  background-color: rgba(202, 15, 70, 0.75);
  border-color: rgba(202, 15, 70, 0.75);
}

.edit-hero__modal-cancel {
  border-radius: 5px;
  border: 1px solid;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 32px;
  width: 100%;
  position: relative;
  pointer-events: none;
  cursor: pointer;
  pointer-events: all;
  background-color: #fff;
  color: #000;
  border-color: #EAEAEA;
}

.edit-hero__modal-cancel:hover {
  background-color: #EAEAEA;
}