@charset "UTF-8"; 
body {background:linear-gradient(180deg, #007591 50%, #0d757b 50%); z-index:2; position:relative;}
body .bg-circle-top {mix-blend-mode:screen;}
.bg-flare-2 {position:absolute; top:calc(var(--vertical-height) * 3); left:0; z-index:1; width:500%; max-width:500%; opacity:1; height:calc(var(--vertical-height) * 8); opacity:1;}
.hero-cnt .figcnt {height:calc(var(--hero-cnt-height) * 0.7);}
#hero .note-wrap {padding-right:5%;}
.row_padding_top {padding-top:calc(var(--vertical-height) * 0.5);}
.bg-flare-1 {position:absolute; top:-12%; left:-55%; z-index:2; width:100%; opacity:0.8;}
h4 {margin-bottom:calc(1rem + 0.5vw); text-transform:unset;}
.grid-col-wrap {display:flex; flex-direction:row; align-items:self-start; justify-content:space-between; margin:0 auto; gap:1vw;}
.sec-1 .l_map {top:0vw; left:0vw; width:100%; height:clamp(28.125rem, 46.98vw - 2.001rem, 54.375rem);}
.sec-1 .l_map .mainpan .scrl_2, .sec-1 .l_map .mainpan .scrl_1 .scrl_1_1 {width:120%;}
.sec-1 .l-map-legend-wrapper {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sec-1 .l-map-legend, .sec-1 .l-map-legend li {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.sec-1 .l-map-legend {gap:1vw; margin:var(--gap-default) 0;}
.sec-1 .l-map-legend li {color:var(--color-white); font-size:calc(var(--font-body) * 0.8);}
.sec-1 .l-map-legend li img {width:20px; height:auto; margin-right:3px;}
.sec-1 .l-map-legend.right li {margin-left:var(--gap-default); background-color:var(--color-light-gray);}
.sec-1 .l-map-legend.right li span {padding:0.2vw 1vw;}
.sec-1 .l-map-legend.right li span:first-child {color:var(--color-white); background-color:var(--color-rosy-brown);}
.sec-1 .l-map-legend.right li span:last-child {background-color:var(--color-light-gray); color:var(--color-cyan-blue);}
.sec-2 {position:relative;}
.sec-2 .light-section-wrapper {}
.sec-3 .grid-col-wrap {gap:0;}
.sec-3 .grid-col-wrap span {text-transform:capitalize; color:var(--color-cyan-blue); line-height:1;}
.sec-3 .grid-col-wrap img {margin-bottom:calc(1rem + 0.25vw);}
.sec-4 .display-flex-row {justify-content:stretch; align-items:center; gap:3%;}
.sec-4 .display-flex-row p {margin-bottom:0;}
.parallax-element-1 {position:relative; width:45%; max-width:100%; margin-top:12%; float:left; z-index:2;}
.parallax-element-1 h4 {text-transform:unset;}
.parallax-element-1 .bca-cnt {width:calc(clamp(26.25rem, 8.949vw + 20.512rem, 31.25rem) * 1.1); margin:0 auto;}
.parallax-element-1 .has-opacity {font-size:var(--font-body);}
.parallax-element-1 svg {position:absolute; top:25%; width:30%; left:-5%;}
.parallax-element-1 .img-wrapper {width:50%; margin-left:55%; margin-top:15%;}
.parallax-element-2 {width:55%; max-width:100%; margin-top:0; float:right; margin-right:0; position:relative; z-index:1;}
.parallax-element-2 h4 {position:absolute; top:2%; left:10%; text-transform:capitalize; text-align:left;}
.parallax-element-2 svg {position:absolute; bottom:-10%; width:35%; left:25%;}
.parallax-element-3 {width:60%;}
.sec-5 .display-flex-row {align-items:center;}
.parallax-element-4 {width:calc(clamp(26.25rem, 8.949vw + 20.512rem, 31.25rem) * 1);}
.parallax-element-4 img {margin-bottom:calc(1rem + 0.5vw);}
.parallax-element-5 {width:50%; position:relative;}
.parallax-element-5 h4 {position:absolute; top:2%; left:10%; text-transform:capitalize; text-align:left;}
.parallax-element-5 svg {position:absolute; bottom:-10%; width:35%; left:25%;}
.parallax-element-5 .has-mask-fill.font-blue > span {background-image:linear-gradient(var(--color-cyan-blue), var(--color-cyan-blue));}
.parallax-element-6 {position:relative; width:50%; display:flex; flex-direction:column; padding-left:6vw; padding-right:6vw; align-items:center; justify-content:flex-start; height:auto; gap:3vw; transform:translate(0, -35%);}
.parallax-element-6 h4 {text-transform:unset;}
.parallax-element-6 .bca-cnt {width:50%; margin:0 auto;}
.parallax-element-6 .has-opacity {font-size:var(--font-body); margin-bottom:0; width:80%;}
#line-path-2 {width:60vw; overflow:visible; transform:translateX(-3vw);}
#line-path-3 {position:absolute; width:20vw; right:-10%; top:25%;}
.parallax-element-6 img {width:50%;}
.panels-container > .panel {width:auto !important; height:100% !important; margin:0 !important;}
.mainpan {position:relative; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.mainpan b {position:absolute; display:block; width:auto; bottom:3%; right:calc(50% - 4vw); z-index:4; display:flex; flex-direction:row; padding:0.5vw 1.5vw; background:#fff; border-radius:100px; gap:1vw; box-shadow:5px 9px 20px #777;}
.mainpan b font {width:1vw; height:1vw; background-color:#000; color:#777; margin-right:0; margin-bottom:0; font-size:3.6vw; overflow:hidden; cursor:pointer; background-color:transparent; font-weight:100;}
.mainpan b font:hover {background:transparent;}
.mainpan b font:hover img {opacity:0.5;}
.mainpan b .f_1 {line-height:1.2vw;}
.mainpan b .f_2 {line-height:1.8vw;}
.mainpan b .f_1:before {content:"";}
.mainpan b .f_2:before {content:"";}
.mobile .mainpan b font {width:7vw; height:7vw; text-align:center; font-weight:normal; font-size:8vw;}
.mobile .mainpan b .f_1 {line-height:7.2vw;}
.mobile .mainpan b .f_2 {line-height:6vw;}
.mainpan .scrl_1 {position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:scroll; z-index:4; opacity:0; cursor:grab; user-select:none;}
.mainpan .scrl_1 .scrl_1_1 {position:absolute; display:block; top:0px; left:0px; width:100%; height:auto;}
.mainpan .scrl_1 .scrl_1_1 u {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}
.mainpan .scrl_2 {position:absolute; top:0px; left:0px; width:100%; height:auto; overflow:scroll; -webkit-transition-duration:0.2s; transition-duration:0.2s; transition-timing-function:ease-out;}
.mainpan img {position:relative; display:block;}
.slick-prev, .slick-next {display:block!important;}
.slick-prev, .slick-next {left:calc(100% + 1vw); right:unset; width:3vw; height:2vw; z-index:999;}
.slick-prev {transform:translateX(2vw); left:unset;}
.slick-next {transform:translateX(-6vw);}
.slick-next::before, .slick-prev::before {content:""; width:3vw; display:block; height:2vw; background-repeat:no-repeat; background-size:contain;}
.slick-next::before {background-image:url(../images/icn-right-arrow.webp); content:""; background-repeat:no-repeat; background-size:contain;}
.slick-prev::before {background-image:url(../images/icn-left-arrow.webp);}
.slider__counter {position:absolute; bottom:4%; right:2%; color:var(--color-white); font-size:calc(var(--font-body) * 1); left:unset; text-align:right;}
.slider__counter span {color:var(--color-white) !important;}
.current-slide {font-size:calc(var(--font-body)*1.5); font-weight:600;}
.divider {margin:0 4px;}

@media (max-width: 1023px) {
body::before {background-image:url("../images/location/m-img-hero.webp"); mix-blend-mode:multiply;}
body .bg-circle-top {top:15%; left:-130%; width:300%; mix-blend-mode:screen; height:calc(100% - 15%);}
body .bg-circle-middle {top:-3%; left:-50%; width:350%; mix-blend-mode:overlay; height:calc(100% + 3%); opacity:1; mix-blend-mode:overlay;}
body .bg-circle-bottom {top:30%; left:-100%; width:300%; height:calc(100% - 30%); mix-blend-mode:screen;}
.row_padding_top {padding-top:calc(var(--vertical-height) * 0.65);}
.hero-cnt .figcnt {height:calc(var(--hero-cnt-height) * 1);}
.sec-1 .l_map {height:calc(clamp(28.125rem, 46.98vw - 2.001rem, 54.375rem) * 1);}
.sec-1 .l_map .mainpan .scrl_2, .sec-1 .l_map .mainpan .scrl_1 .scrl_1_1 {width:150%; min-width:150% !important;}
.sec-1 .l-map-legend-wrapper {flex-direction:column; gap:5vw;}
.mainpan b {bottom:2%; right:2%; flex-direction:column; padding:2vw; gap:3vw; border-radius:0;}
.mainpan b font {width:5vw; height:5vw;}
.note-wrap.right {}
.sec-1 .l-map-legend {gap:5vw; margin:0 var(--spacing-default);}
.sec-1 .l-map-legend.right {order:1; width:100%;}
.sec-1 .l-map-legend.left {order:2;}
.sec-1 .l-map-legend li {width:20%; gap:5px; line-height:1.1;}
.sec-1 .l-map-legend.right li {width:100%; margin:0;}
.sec-1 .l-map-legend li img {width:4vw;}
.sec-1 .l-map-legend.right li span {width:50%;}
.sec-4 .display-flex-row {flex-direction:column; padding:0; gap:var(--spacing-default);}
.parallax-element-1 {width:100%; display:flex; flex-direction:row; order:2; padding:0 var(--spacing-default); gap:3vw;}
.parallax-element-1 .bca-cnt {width:50%; text-align:left;}
.parallax-element-1 svg {display:none;}
.parallax-element-1 .img-wrapper {width:50%; margin-left:0; transform:translateY(-40%);}
.parallax-element-2 {width:100%; order:1;}
.parallax-element-2 h4 {position:absolute; top:2%; left:10%; text-transform:capitalize; text-align:left;}
.parallax-element-2 svg {position:absolute; bottom:-10%; width:35%; left:25%;}
.parallax-element-3 {width:100%; padding:0; order:2;}
.sec-4 {margin-bottom:calc(var(--gap-default) * 1.5)}
.sec-5 .display-flex-row {flex-direction:column; gap:0;}
.parallax-element-4 {width:100%; order:1; padding:0 var(--spacing-default);}
.parallax-element-5 {width:100%; order:1;}
.parallax-element-5 h4 {position:absolute; top:2%; left:10%; text-transform:capitalize; text-align:left;}
.parallax-element-5 svg {position:absolute; bottom:-10%; width:35%; left:25%;}
.parallax-element-5 .has-mask-fill.font-blue > span {background-image:linear-gradient(var(--color-cyan-blue), var(--color-cyan-blue));}
.parallax-element-6 {width:100%; padding-left:var(--spacing-default); padding-right:var(--spacing-default); gap:var(--spacing-default); order:2; margin-bottom:var(--gap-default); transform:translate(0, 0 );}
.parallax-element-6 h4 {text-transform:unset;}
.parallax-element-6 .bca-cnt {width:50%; margin:0 auto;}
.parallax-element-6 .has-opacity {width:100%;}
#line-path-2 {width:125%; overflow:visible;}
#line-path-3 {position:absolute; width:20vw; right:-10%; top:25%;}
.parallax-element-6 img {width:50%;}
.panels-container > .panel {width:auto !important; height:100% !important; margin:0 !important;}
.mobile .mainpan b font {width:4vw; height:4vw;}
}

@media (max-width: 767px) {
.row_padding_top {padding-top:calc(var(--vertical-height) * 0.45);}
.sec-1 .l_map {height:calc(clamp(28.125rem, 46.98vw - 2.001rem, 54.375rem) * 0.75);}
.slick-prev, .slick-next {left:calc(100% + 5vw); width:10vw; height:7vw;}
.slick-prev {transform:translateX(-100vw);}
.slick-next {transform:translateX(-20vw);}
.slick-next::before, .slick-prev::before {width:inherit; height:inherit;}
}