.elementor-3946 .elementor-element.elementor-element-69fe722e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3946 .elementor-element.elementor-element-69fe722e:not(.elementor-motion-effects-element-type-background), .elementor-3946 .elementor-element.elementor-element-69fe722e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ea9d0d );}body:not(.rtl) .elementor-3946 .elementor-element.elementor-element-41dd9e2d{right:0px;}body.rtl .elementor-3946 .elementor-element.elementor-element-41dd9e2d{left:0px;}.elementor-3946 .elementor-element.elementor-element-41dd9e2d{top:0px;}.elementor-3946 .elementor-element.elementor-element-1ad86690{margin:0px -300px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}/* Start custom CSS for html, class: .elementor-element-41dd9e2d */.map-gallery {
  position: absolute;
  left: 10vw !important;
  top: -50px;
  bottom: 0;
  transform: none;
  width: 340px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;

  z-index: 3;
    padding-block: 80px;
  box-sizing: border-box;
  max-height: min-content;
}


.gallery-item {
  position: relative;
  display: block;
  width: 150px;
  height: 95px;
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  overflow: hidden;
  flex: 0 0 auto;
  transform-origin: right center;
}

.gallery-item {
 max-height: 0;
  visibility: hidden;
}

.gallery-item.is-visible {
  position: relative;
  opacity: 1;
  visibility: visible;
 max-height: unset;
  
}

.gallery-item.is-active {
  width: 320px;
  height: 205px;
  max-height: 205px;
  opacity: 1;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ad86690 */.map {
  position: relative;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.map svg {
 
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/*.map-gallery {*/
/*  position: absolute;*/
/*  left: -10vw !important;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  width: 340px;*/
  /*height: calc(100vh - 120px);*/
/*gap:10px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: center;*/
/*align-items: flex-end;*/
/*  z-index: 3;*/
/*}*/






.map-info {
  position: absolute;
  top: 0;
  right: 190px;
  width: 420px;
  z-index: 5;
  pointer-events: none;
  text-align: right;
}

.map-title,
.map-text,
.map-sub1,
.map-sub2 {
  text-align: right;
  white-space: pre-line;
}

.map-title {
  font-family: "kinta", Sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  color: var(--e-global-color-accent);
  line-height: 1.05;
}

.map-text {
  font-family: "rag sans", Sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  color: var(--e-global-color-7450b89);
  margin: 0;
  line-height: 1;
}

.map-sub1 {
  font-family: "rag sans", Sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--e-global-color-7450b89);
  letter-spacing: 1px;
}

.map-sub2 {
  margin-top: 4px;
  font-family: "rag sans", Sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #4A6667;
  line-height: 1;
}

.pulse-circle {
  pointer-events: none;
}


.map-slider-arrows button {
  pointer-events: auto;

  min-width: 110px;
  height: 52px;

  border-radius: 999px;
  border: 1.5px solid #4A6667;

  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);

  color: #4A6667;

  font-family: "rag sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .08em;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: .3s ease;
}

.map-slider-arrows button:hover {
  background: rgba(74,102,103,.08);
  transform: translateY(-2px);
}

.map-slider-arrows button:disabled {
  opacity: .25;
  cursor: default;
  transform: none;
}

.map-slider-arrows {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 96%;
  transform: translate(-50%, -50%);
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.map-slider-arrows button {
  pointer-events: auto;
  min-width: 110px;
  height: 52px;
  border-radius: 999px;
  border: 1.5px solid #4A6667;
  background: transparent;
  color: #4A6667;
  font-family: "rag sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .08em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease;
}

.map-slider-arrows button:hover {
  background: rgba(74,102,103,.08);
  transform: translateY(-2px);
}

/*@media (min-height: 850px) {*/
/*  .map-gallery {*/
/*    gap: 10px;*/
/*  }*/

/*  .gallery-item {*/
/*    width: 90px;*/
/*    height: 58px;*/
/*  }*/

/*  .gallery-item.is-active {*/
/*    width: 240px;*/
/*    height: 158px;*/
/*  }*/
/*}*/


@media (max-width:1400px){
    .map-slider-arrows {

  top:unset !important;
  bottom:100px;
  width: 92%;

}
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d796ce1 */.map-next, .map-prev {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 0 !important;
  
}

.map-next::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url("https://wolfson-group.com/wp-content/uploads/2026/06/Vector-24.png") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
      margin-right: -5px;
    margin-left: 5px;
}

.map-prev::after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("https://wolfson-group.com/wp-content/uploads/2026/06/Vector-25.png") no-repeat center;
  background-size: contain;
  flex-shrink: 0;
      margin-left: -5px;
    margin-right: 5px;
}/* End custom CSS */