.location{padding:32px 0}
.location .section-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;max-width:736px;margin:0 auto}
.location .section-content .section-banner h2{color:var(--color_bg-purple);font-weight:300;font-size:30px;line-height:normal;text-align:center;margin-bottom:32px}
.location .section-content .section-banner p{text-align:center;font-size:21px;color:var(--color_body-text)}
@media(max-width:768px){.location .section-content .section-banner p{font-size:18px}
}.location .map-container{position:relative;max-width:95%;margin:32px auto 0}
@media(max-width:768px){.location .map-container{display:none}
}.location .map-container img{-moz-user-select:-moz-none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}
.location .map-container .hotspot{width:16px;height:16px;background-color:var(--color_primary-color);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border:2px solid #fff;z-index:1}
.location .map-container .hotspot:hover{z-index:2}
@media(max-width:767px){.location .map-container .hotspot{display:none}
}.location .map-container .hotspot:hover{background:var(--color_primary-color);-webkit-box-shadow:0 0 4px 6px var(--color_primary-color);box-shadow:0 0 4px 6px var(--color_primary-color)}
.location .map-container .hotspot.active{background:var(--color_primary-color);-webkit-box-shadow:0 0 4px 6px var(--color_primary-color);box-shadow:0 0 4px 6px var(--color_primary-color)}
.location .map-container .hotspot .main{display:none;background:var(--color_text-white);border-radius:8px;padding:12px;color:var(--color_body-text);width:100%;max-width:300px;min-width:300px;position:absolute;bottom:45px;z-index:0;border:2px solid var(--color_bg-purple)}
.location .map-container .hotspot .main.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:21px}
.location .map-container .hotspot .main.active h4{font-size:16px;font-weight:600;line-height:normal}
.location .color-location{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:32px}
@media(max-width:768px){.location .color-location{display:none}
}.location .color-location .locations{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-weight:300}
.location .color-location .locations .colors{width:16px;height:16px;border-radius:100%;border:2px solid #e2e0e0}