
section.map-block {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
section.map-block.active:before {
  height: 100%;
  width: calc(100% - 2rem);
}
@media screen and (max-width: calc(1280px + 1rem)) {
  section.map-block.active:before {
    width: calc(100% - 1rem);
  }
}
section.map-block.rounding-top:before {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
section.map-block.rounding-bottom:before {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
section.map-block:before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 1rem;
  width: 140px;
  height: 140px;
  background-color: #13362F;
  background-image: url("https://www.aristacereals.com/wp-content/uploads/2025/10/Noise-1.png");
  transition: 1.25s;
  transition-timing-function: cubic-bezier(0.68, -0.15, 0.27, 1);
}
@media screen and (max-width: calc(1280px + 1rem)) {
  section.map-block:before {
    left: 0.5rem;
  }
}
section.map-block .container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 7.5rem;
}
@media screen and (max-width: calc(1280px + 3rem)) {
  section.map-block .container {
    padding: 0rem 1.5rem;
  }
}
section.map-block .container .wrapper-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4rem;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  section.map-block .container .wrapper-top {
    flex-direction: column;
    gap: 1.5rem;
  }
}
section.map-block .container .wrapper-top .wrapper-left {
  max-width: 550px;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  section.map-block .container .wrapper-top .wrapper-left {
    max-width: 100%;
  }
}
section.map-block .container .wrapper-top .wrapper-left .label {
  opacity: 0;
}
section.map-block .container .wrapper-top .wrapper-left .title {
  color: #F8F8EA;
}
section.map-block .container .wrapper-top .wrapper-left .title * {
  color: #F8F8EA;
}
section.map-block .container .wrapper-top .wrapper-right {
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  opacity: 0;
}
@media screen and (max-width: 1000px) {
  section.map-block .container .wrapper-top .wrapper-right {
    max-width: 100%;
  }
}
section.map-block .container .wrapper-top .wrapper-right .richtext {
  color: #F8F8EA;
}
section.map-block .container .wrapper-top .wrapper-right .richtext * {
  color: #F8F8EA;
}
section.map-block .container .wrapper-map {
  position: relative;
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateY(20px);
}
section.map-block .container .wrapper-map figure {
  width: 100%;
  height: 100%;
}
section.map-block .container .wrapper-map figure img {
  height: auto;
  width: 100%;
}
section.map-block .container .wrapper-map .point {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  opacity: 0;
  transform: rotate(-20deg) translateY(-10px);
}
section.map-block .container .wrapper-map .point:hover, section.map-block .container .wrapper-map .point.open {
  z-index: 10;
}
section.map-block .container .wrapper-map .point:hover .pin:before, section.map-block .container .wrapper-map .point.open .pin:before {
  transform: scale(1.1);
  transition-timing-function: cubic-bezier(0.68, -0.45, 0.27, 1);
  background-color: #DFF556;
}
section.map-block .container .wrapper-map .point:hover .pin:after, section.map-block .container .wrapper-map .point.open .pin:after {
  background-color: #DFF556;
}
section.map-block .container .wrapper-map .point:hover .pin-pop-up, section.map-block .container .wrapper-map .point.open .pin-pop-up {
  opacity: 1;
  bottom: 60px;
  visibility: visible;
}
section.map-block .container .wrapper-map .point .pin-pop-up {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #D4E5AF;
  width: 296px;
  padding: 1.5rem;
  border-radius: 0.5rem;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 10;
}
section.map-block .container .wrapper-map .point .pin-pop-up:after {
  display: block;
  content: "";
  position: absolute;
  bottom: -12px;
  left: calc(50% - 6px);
  width: 0.875rem;
  height: 0.75rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.72756 9.03848C7.9558 10.3615 6.0442 10.3615 5.27244 9.03847L-6.30617e-07 -2.82928e-07L14 9.53674e-07L8.72756 9.03848Z' fill='%23D4E5AF'/%3E%3C/svg%3E");
}
section.map-block .container .wrapper-map .point .pin-pop-up figure {
  margin-bottom: 1rem;
}
section.map-block .container .wrapper-map .point .pin-pop-up figure img {
  max-height: 2.5rem;
  max-width: 8rem;
  width: auto;
}
section.map-block .container .wrapper-map .point .pin-pop-up .text {
  font-size: 0.875rem;
}
section.map-block .container .wrapper-map .point .pin-pop-up a.btn {
  margin-top: 1rem;
}
section.map-block .container .wrapper-map .point .pin {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
section.map-block .container .wrapper-map .point .pin:hover:before {
  transform: scale(1.1);
  background-color: #DFF556;
}
section.map-block .container .wrapper-map .point .pin:hover:after {
  background-color: #DFF556;
}
section.map-block .container .wrapper-map .point .pin span {
  text-indent: -9999px;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  left: 1rem;
  top: 13px;
  background-color: #13362F;
  z-index: 2;
}
section.map-block .container .wrapper-map .point .pin:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  mask-repeat: no-repeat;
  transition: 0.35s;
  mask-position: center;
  background-color: #f8f8ea;
  mask-image: url("data:image/svg+xml,%3Csvg width='34' height='39' viewBox='0 0 34 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.3333 16.6667C27.3333 23.324 19.948 30.2573 17.468 32.3987C17.237 32.5724 16.9557 32.6663 16.6667 32.6663C16.3776 32.6663 16.0964 32.5724 15.8653 32.3987C13.3853 30.2573 6 23.324 6 16.6667C6 13.8377 7.12381 11.1246 9.12419 9.12419C11.1246 7.12381 13.8377 6 16.6667 6C19.4956 6 22.2088 7.12381 24.2091 9.12419C26.2095 11.1246 27.3333 13.8377 27.3333 16.6667Z' fill='%23F8F8EA' fill-opacity='0.3'/%3E%3Cpath d='M16.667 3C20.2914 3.00009 23.7672 4.44011 26.3301 7.00293C28.8931 9.56593 30.333 13.0424 30.333 16.667C30.3329 21.0071 27.9826 25.0672 25.7178 28.043C23.3835 31.1099 20.7444 33.5329 19.4287 34.6689C19.3776 34.713 19.3254 34.7563 19.2715 34.7969C18.5207 35.3614 17.6063 35.6659 16.667 35.666C15.7277 35.666 14.8133 35.3613 14.0625 34.7969C14.0086 34.7563 13.9554 34.7131 13.9043 34.6689C12.5886 33.5329 9.94939 31.1098 7.61523 28.043C5.35044 25.0673 3.00012 21.007 3 16.667C3 13.0424 4.43993 9.56593 7.00293 7.00293C9.56593 4.43993 13.0424 3 16.667 3Z' stroke='%23F8F8EA' stroke-opacity='0.3' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
section.map-block .container .wrapper-map .point .pin:after {
  top: 0px;
  left: 0px;
  display: block;
  content: "";
  transition: 0.35s;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.6667 17.3333C30.6667 23.9907 23.2813 30.924 20.8013 33.0653C20.5703 33.2391 20.2891 33.333 20 33.333C19.7109 33.333 19.4297 33.2391 19.1987 33.0653C16.7187 30.924 9.33333 23.9907 9.33333 17.3333C9.33333 14.5044 10.4571 11.7912 12.4575 9.79086C14.4579 7.79047 17.171 6.66667 20 6.66667C22.829 6.66667 25.5421 7.79047 27.5425 9.79086C29.5429 11.7912 30.6667 14.5044 30.6667 17.3333Z' fill='%23F8F8EA'/%3E%3Cpath d='M20 21.3333C22.2091 21.3333 24 19.5425 24 17.3333C24 15.1242 22.2091 13.3333 20 13.3333C17.7909 13.3333 16 15.1242 16 17.3333C16 19.5425 17.7909 21.3333 20 21.3333Z' fill='%2313362F'/%3E%3C/svg%3E");
}