/ LOCATION SECTION /
.location_section { padding: 130px 0 250px; position: relative; color: var(--white); overflow: hidden; z-index: 1; }
.location_tab { display: flex; align-items: flex-start; justify-content: space-between; grid-gap: 30px; position: relative; }

/* .location_tab .tab_title { width: 50%; } */
.location_tab .tab_title h2, .location_tab .tab_title ul li h5 { color: var(--secondary-500); }
.location_tab .tab_title ul li:not(:last-child) { margin-bottom: 11px; }
.location_tab .tab_title ul li h5 { position: relative; cursor: pointer; padding-right: 50px; margin: 0; }
.location_tab .tab_title ul li h5:after { position: absolute; content: ""; width: 28px; height: 2px; background: var(--white); top: 50%; right: 100px; transform: translateY(-50%); transition: all 0.4s ease; opacity: 0; visibility: hidden; }
.location_tab .tab_title ul li h5:before { position: absolute; content: ""; border-top: 2px solid var(--white); border-right: 2px solid var(--white); width: 14px; height: 14px; transform: rotate(45deg); top: 7px; right: 100px; transition: all 0.4s ease; opacity: 0; visibility: hidden; }
.location_tab .tab_title ul li.active h5:after, 
.location_tab .tab_title ul li.active h5:before, 
.location_tab .tab_title ul li:hover h5:after, 
.location_tab .tab_title ul li:hover h5:before { opacity: 1; visibility: visible; }

.location_tab .tab_title ul li h5:hover,
.location_tab .tab_title ul li h5.active{ color: var(--white); }
.location_tab .tab_box .list .box a { color: var(--white); }
.location_tab .tab_box .list .box a .icon svg { fill: var(--white); }
.tab_right { width: 50%; }
.tab_box { max-width: 330px; }
.location_tab .tab_right .tab_box { display: none; }
.location_tab .tab_right .tab_box.active { display: block; }
@keyframes map_pulse {
  0% { transform: scale(1); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: scale(2.3); opacity: 0; }
}
.location_section { background: var(--bg-stage-1, radial-gradient(49.48% 157.63% at 50.00% 50.00%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%), #193543); }
.location_tab .tab_title ul { margin: 0; list-style: none; padding: 0; }
.box a { display: inline-flex; align-items: center; }
.tab_box { border-radius: 20px; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(2px); padding: 24px; }
.box a { text-decoration: none; }
.location__left { width: 70%; display: flex; flex-flow: wrap; }
.location__list__colm { width: 50%; padding: 0 15px; }
.tab_title ul li { color: var(--secondary-500, #55798C); font-family: Inter; font-size: 30px; font-style: normal; font-weight: 600; line-height: 38px; padding: 10px 0; position: relative; cursor: pointer; }
.list__title { color: var(--base-white, #FFF); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; }
.address_box_title { color: var(--base-white, #FFF); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding-bottom: 10px; }
.address_box_content { color: var(--base-white, #FFF); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; padding-bottom: 16px; max-width: 238px; }
.box_conact__colm span { color: var(--base-white, #FFF); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; }
.location__list__colm { padding-left: 0; }
.location_tab .tab_title ul li.active h5 { color: #fff; }

/*  */
.box_conact__colm span svg { vertical-align: middle; }
.address_box_conact a { text-decoration: none; }
.box_conact_btn a { font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; padding: 16px; }

/*  */
.location_section { position: relative; min-height: 889px; display: flex; align-items: center; }
.location_section > .wrapper { width: 100%; }
.map__thumbnail { position: absolute; content: ""; top: -174px; right: 90px; left: auto; bottom: 0; width: 513px; height: 600px !important; z-index: -1; }
.small__map__thumbnail { position: absolute; content: ""; top: -170px; right: 0; left: 73px; bottom: 0; width: 331px; height: 393px !important; z-index: -1; }
.location__cover { position: relative; z-index: 1; }
.map__thumbnail .pulse { position: absolute; width: 12px; height: 12px; border-radius: 50px;background: var(--primary-600); cursor: pointer; transition: all 0.4s ease; }
.map__thumbnail .pulse:nth-child(1) { top: 287px; left: 126px; }
.map__thumbnail .pulse:nth-child(2) { top: 317px; left: 177px; }
.map__thumbnail .pulse:nth-child(3) { top: 341px; left: 257px; }
.map__thumbnail .pulse:nth-child(4) { top: 430px; left: 166px; }
.map__thumbnail .pulse:before { content: ""; position: absolute; inset: 0; border: 1px solid var(--primary-600); border-radius: 50%; animation-name: map_pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; box-shadow: 0 0 0 3px #ffd769; animation-delay: 1s; opacity: 0; visibility: hidden; }
.map__thumbnail .pulse:after { animation-delay: 1s; animation-duration: 2s; animation-iteration-count: infinite; animation-name: map_pulse; animation-timing-function: linear; border: 1px solid var(--primary-600); border-radius: 50%; box-shadow: 0 0 0 3px var(--primary-600); content: ""; inset: 0; opacity: 0; position: absolute; visibility: hidden; }
.map__thumbnail .pulse.active:before { opacity: 1; visibility: visible; }
.map__thumbnail .pulse.active:after { opacity: 1; visibility: visible; }
/* .tab_title ul li .location__address_box {
    display: none;
} */

.location__address_box.tab_box.location__address_box__inner {
    display: none;
}

@media(min-width:991px) and (max-width:1230px){
.location_section .wrapper {max-width: 100% !important;}
.small__map__thumbnail { left: 0;}
}

@media(max-width:1240px) {
  .location_tab .tab_title ul li h5:before { top: 2px; right: 55px; }
  .location_tab .tab_title ul li h5:after { right: 55px; }
  .location_title h4 { font-size: 36px; }
}



@media(max-width:991px) {
  .small__map__thumbnail {display: none;}
  .map__thumbnail {display: none}
  .location_section {min-height: 0;}
  .location_tab .tab_title ul li h5:before {
    width: 10px;
    height: 10px;
}

.location_tab .tab_title ul li h5:after {
    width: 20px;
    top: 8px;
}
}
@media(max-width:767px) {
  .location_tab { display: block; }
  .location__left { width: 100%; }
  .location__list__colm { width: 100%; padding:0; }
  .location__list__colm + .location__list__colm{ padding-top:30px; }
 .tab_right { width:100%; display: none; }   
  .location__cover .map {display: none;}
  .location_tab .tab_title ul li h5:before { width: 0; height: 0; border: none; }
  .location_tab .tab_title ul li h5:after { width: 0; height: 0; }
  .tab_box {max-width: 100%;}
  .tab_title ul li.active .location__address_box__inner { display: block;    margin-top: 20px; }

}