@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
::selection{background-color:#E1DACC;}

/* For Chrome, Safari, Edge */
::-webkit-scrollbar {
  display: none;
}

/* For Firefox */
html {
  scrollbar-width: none; /* hides scrollbar */
  -ms-overflow-style: none; /* for Internet Explorer & Edge */
}


.onest{
    font-family: "Onest", sans-serif;
}
.inter{
    font-family: "Inter", sans-serif;
}
@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-BlackItalic.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Black.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-BoldItalic.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Light.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-LightItalic.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-RegularItalic.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-Ultralight.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Radio Grotesk';
    src: url('../fonts/PPRadioGrotesk-UltralightItalic.woff2') format('woff2'),
        url('../fonts/PPRadioGrotesk-UltralightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Faktum Con';
    src: url('../fonts/FaktumConRegular-Regular.woff2') format('woff2'),
        url('../fonts/FaktumConRegular-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faktum';
    src: url('../fonts/FaktumMedium-Medium.woff2') format('woff2'),
        url('../fonts/FaktumMedium-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faktum';
    src: url('../fonts/FaktumRegular-Regular.woff2') format('woff2'),
        url('../fonts/FaktumRegular-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faktum';
    src: url('../fonts/FaktumBold-Bold.woff2') format('woff2'),
        url('../fonts/FaktumBold-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Acma';
    src: url('../fonts/PPAcmaMedium-Regular.woff2') format('woff2'),
        url('../fonts/PPAcmaMedium-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Acma';
    src: url('../fonts/PPAcmaMedium-Medium.woff2') format('woff2'),
        url('../fonts/PPAcmaMedium-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Radio Grotesk';
    src: url('../fonts/RadioGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/RadioGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.rg {font-family: 'PP Radio Grotesk', sans-serif;}
.pp {font-family: 'PP Acma', sans-serif;}
.fa{font-family: 'Faktum', sans-serif;}
.fc{font-family: 'Faktum Con', sans-serif;}


html {scroll-behavior: smooth;}
ul,li,ol { list-style: none;}
img {max-width: 100%;}
button,a { cursor: pointer;}
.container { margin: 0 auto !important; padding: 0 20px !important;}

input:focus,
input:focus-visible,
input:focus-within,
button:focus,
button:focus-visible,
button:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within,
option:focus,
option:focus-visible,
option:focus-within { outline: unset; box-shadow: unset;}

.fade-in { opacity: 0;  display: flex !important;  /* ensure flex when shown */  animation: fadeIn 0.3s forwards;}

.fade-out { opacity: 1;  animation: fadeOut 0.3s forwards;}

.panel_overlay.active{z-index: 98; opacity: 1;}
#privacy_panel, #terms_panel{transform: scaleY(0); transform-origin: bottom;}
#privacy_panel.active, #terms_panel.active{transform: scaleY(1);}


@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}


.banner-logo{animation: opacity 2s forwards;}
.active-heading{ animation: opacity2 1s forwards;}


@keyframes opacity {
    from{
opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes opacity2 {
    from{
opacity: 0;
    transform: translateY(20px);
    }
    to {
        opacity: 1;
            transform: translateY(0px);
    }
}

/* For Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;}
/* For Firefox */
input[type=number] {-moz-appearance: textfield;}
/*  STYLING START */
/*  STYLING FINISHED */



/*-----maps area----*/


/*
 * Custom Tooltip Bubble Styling
 */
.tooltip-bubble {
  /* Positioning & Sizing */
  position: absolute; /* Positioned relative to the page body */
  z-index: 9999;
  padding: 6px 10px;
  max-width: 200px;
  
  /* Appearance */
  background-color: #171717; /* Dark background */
  color: #ffffff;
  border-radius: 4px;
  font-family: sans-serif; /* Or your site's font */
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  
  /* Animation & Visibility */
  opacity: 0;
  pointer-events: none; /* Prevents the tooltip from blocking mouse events */
  transform: translateY(5px);
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
}

/* Arrow below the tooltip */
.tooltip-bubble::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #171717 transparent transparent transparent;
}

/* Class added by jQuery to show the tooltip */
.tooltip-bubble.show {
  opacity: 1;
  transform: translateY(0);
}





.nhoodpage__mapCard {
    display: grid;
    grid-template-columns: 1fr 60.3%;
    gap: 3.6vw;
}

.map {
    position: relative;
    background-image: url("../images/map.png");
    height: 49vw;
}

.map_names {
    font-size: var(--font-size-lg);
}

.map_names.collapsed::before {
    content: "+";
    position: relative;
    top: -2px;
}

.map_names.rest {
    color: #c1272d;
}

.map_names.cafes {
    color: #14489f;
}

.map_names.nightlife {
    color: #f58220;
}

.map_names.shopping {
    color: #954071;
}

.map_names.culture {
    color: #b3790d;
}

.map_names.transport {
    color: #6c95af;
}


.map_names.collapsed, .map_names:hover,
.contactCard__link, .contactCard__link:hover
{
    color: var(--text-color-2);
}

.pins ul {
    display: grid;
    gap: 0.6vw;
    padding: 1vw;
}

.pins ul li {
    font-size: var(--font-size-xs);
    line-height: 1;
}

.accordion {
    display: grid;
    gap: 1.3vw;
}

.tooltip .tooltip-inner {
    font-size: 14px;
    padding: 0.2vw 0.8vw 0.4vw;
    background-color: var(--bg-color-2);
    color: var(--text-color-1);
}

.tooltip .arrow::before {
    border-top-color: #303941;
}

.tooltip.show {
    opacity: 1;
}

.tt_restaurants .ttip { background-image: url("../images/map_icons/rest_icon.svg"); }
.tt_cafes .ttip { background-image: url("../images/map_icons/cafes_icon.svg"); }
.tt_nglife .ttip { background-image: url("../images/map_icons/ng_icon.svg"); }
.tt_shopping .ttip { background-image: url("../images/map_icons/shop_icon.svg"); }
.tt_culture .ttip { background-image: url("../images/map_icons/cult_icon.svg"); }
.tt_transport .ttip { background-image: url("../images/map_icons/transport_icon.svg"); }

.ttip {
    position: absolute;
    display: block;
    width: 72px;
    height: 72px;
    background-size: contain;
    background-repeat: no-repeat;
}

.ttip_r1 {top: 35.1%; left: 77.7%;}
.ttip_r2 {top: 35.3%; left: 82.3%;}
.ttip_r3 {top: 57.5%; left: 78.5%;}
.ttip_r4 {top: 12.3%; left: 78.5%;}
.ttip_r5 {top: 55.7%; left: 74.8%;}
.ttip_r6 {top: 34.7%; left: 65.1%;}
.ttip_r7 {top: 61.1%; left: 40.3%;}
.ttip_r8 {top: 31.5%; left: 36.3%;}
.ttip_r9 {top: 34.7%; left: 88.3%;}
.ttip_r10 {top: 47.7%; left: 81.3%;}
.ttip_r11 {top: 34.7%; left: 92.5%;}
.ttip_r12 {top: 49.7%; left: 67.1%;}
.ttip_r13 {top: 50.8%; left: 54.1%;}
.ttip_r14 {top: 46.1%; left: 90.3%;}
.ttip_r15 {top: 34.1%; left: 80.3%;}

.ttip_c1 {top: 33.3%; left: 64.7%;}
.ttip_c2 {top: 50.7%; left: 55.9%;}
.ttip_c3 {top: 33.7%; left: 55.9%;}
.ttip_c4 {top: 47.7%; left: 59.1%;}
.ttip_c5 {top: 48.7%; left: 49.1%;}
.ttip_c6 {top: 55.7%; left: 76.1%;}
.ttip_c7 {top: 49.5%; left: 67.1%;}

.ttip_n1 {top: 38.3%; left: 47.9%;}
.ttip_n2 {top: 35.3%; left: 65.3%;}
.ttip_n3 {top: 49.7%; left: 67.3%;}
.ttip_n4 {top: 34.3%; left: 96.7%;}
.ttip_n5 {top: 55.8%; left: 74.7%;}
.ttip_n6 {top: 53.5%; left: 69.7%;}
.ttip_n7 {top: 33.7%; left: 87.7%;}

.ttip_sh1 {top: 23%; left: 33.1%;}
.ttip_sh2 {top: 66.7%; left: 58.8%;}
.ttip_sh3 {top: 30.5%; left: 25.8%;}
.ttip_sh4 {top: 56.5%; left: 51.5%;}
.ttip_sh5 {top: 29.5%; left: 30.5%;}
.ttip_sh6 {top: 59.5%; left: 53.1%;}

.ttip_cul1 {top: 77.7%; left: 65.7%;}
.ttip_cul2 {top: 30.7%; left: 52.9%;}
.ttip_cul3 {top: 37.7%; left: 60.1%;}
.ttip_cul4 {top: 26.3%; left: 42.3%;}
.ttip_cul5 {top: 23.3%; left: 67.3%;}
.ttip_cul6 {top: 31.3%; left: 38.7%;}
.ttip_cul7 {top: 52.3%; left: 49.7%;}
.ttip_cul8 {top: 42.3%; left: 48.5%;}
.ttip_cul9 {top: 55.3%; left: 56.1%;}

.ttip_t1 {top: 41.8%; left: 42.5%;}
.ttip_t2 {top: 26.8%; left: 36.5%;}
.ttip_t3 {top: 55.8%; left: 75.7%;}
.ttip_t4 {top: 62.5%; left: 56.5%;}
.ttip_t5 {top: 65.3%; left: 60.1%;}


.gallery_slider .card{overflow: hidden;}
.gallery_slider img{aspect-ratio: 1/1.2; object-fit: cover; width: 100%; height: 100%; transition: all ease 0.2s;}
.gallery_slider img:hover{transform: scale(1.03);}

.amen-card{display: flex; width: 100%; height: 100%;}