.location-box { max-width: 400px;background: #fff;padding: 20px;border-radius: 20px;}
.image-wrapper img { width: 100%; display: block;border-radius: 20px;}
.image-wrapper {padding: 15px 0;}
.location-box .text {font-size: 18px;line-height: 25px;}
.svg-map-wrapper img {width: 100%;display: block;}
.location_map_row {display: flex;flex-flow: wrap;align-items:center;padding-left:50px;}
.location-boxs.left_part {width: 30%;}
.svg-map-wrapper.right__part {width: 70%; padding-left:30px;}
.location-section .svg-map-wrapper { position: relative; }
.location-section .single-dot { position: absolute; width: 13px; height: 13px; border-radius: 50px; background: #defe19; cursor: pointer; transition: all 0.4s ease; }
.location-section .single-dot { top: 77%; left: 20%; }
.image-wrapper {height: 230px;}
.image-wrapper img {height: 100% !important;object-fit: cover;}
.location-section {overflow: hidden;}

.location-section .single-dot:before,
.location-section .single-dot:after { content:""; position:absolute; inset:0; border:1px solid #defe19; border-radius:50%; animation-name:map_single-dot; animation-duration:2s; animation-timing-function:linear; animation-iteration-count:infinite; box-shadow: 0 0 0 3px #defe19; animation-delay:1s; opacity: 0; visibility: hidden; }

.location-section .single-dot.active:before,
.location-section .single-dot.active:after { opacity: 1; visibility: visible; }

.location-box {display: none;}
.location-box.active {display: block;}


.image-wrapper.image-wrapper-slider {
    position: relative;
}

.image-wrapper.image-wrapper-slider .slick-arrow {
    height: 22px;
    width: 22px;
    border: none;
    border-radius: 100%;
    background-color: #defe19;
    font-size: 0;
    background-image: url(https://yorizon.com/hubfs/icon/Frame_arrow_two.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 10px;
    transform: scale(-1);
    cursor: pointer;
}

.image-wrapper.image-wrapper-slider button.slick-next.slick-arrow {
    left: auto;
    right: 10px;
    );
    transform: scale(1);
}
.image-wrapper.image-wrapper-slider .slick-arrow.slick-disabled {
    opacity: 0.3;
}


@keyframes map_single-dot{
  0%{
    transform:scale(1);
    opacity:0;
  }
  10%{
    opacity:1;
  }
  100%{
    transform:scale(2.3);
    opacity:0;
  }
}

@media(max-width:1449px){
  .image-wrapper {height: auto;}
}


@media(max-width:991px){
.location-boxs.left_part {width: 40%;}
.svg-map-wrapper.right__part {width: 60%;padding-left: 20px;}
.location-section {padding: 50px 0;}
.image-wrapper {height: 150px;}  
}


@media(max-width:767px){
.location-boxs.left_part {width: 100%; padding-top:30px; }
.svg-map-wrapper.right__part {width: 100%; padding-left:0; }
.location_map_row {padding-left: 0px; } 
.location-box {margin: 0 auto;}
.location-section {padding:0; padding-bottom: 50px;}
.location_map_row { flex-direction: column-reverse;}  
.location-boxs.left_part {padding-left: 15px;padding-right: 15px;}
.location-box .text {font-size: 16px;line-height: 22px;}  
 .image-wrapper {height: auto;} 
}