@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
.red-hat-display{
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }

  .josefin-sans{
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.dm-sans{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

@font-face { 
    font-family: 'Tan'; 
    src: 
        url('./fonts/TAN_MON_CHERI/TAN-MON\ CHERI.otf')  
        format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 
.Tan{
    font-family: 'Tan', sans-serif;
}
@font-face { 
    font-family: 'Etna'; 
    src: 
        url('./fonts/etna-free-font/etna-free-font.otf')  
        format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 
.Etna{
    font-family: 'Etna', sans-serif;
}
@font-face { 
    font-family: 'Gill'; 
    src: 
        url('./fonts/gill-sans-2-cufonfonts/Gill\ Sans.otf')  
        format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 
.Gill{
    font-family: 'Gill', sans-serif;
}

/* majboori */


.map-wrapper{
    height: 1000px;
    background-color: #004d09;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.map-wrapper > h1{
    font-size: 60pt;
    margin: 20px 0px;
    margin-bottom: 50px;
    color: #fffdee;
}
#map-1 {
    height: 70%;
    width: 70%;
}

@media (max-width:600px) {
    #map-1 {
        height: 70%;
        width: 96%;
    }
}


.marker-img{
    height: 80px;
    width: 80px;
    border-radius: 4px;
}
.marker-heading{
    font-family: 'Etna', sans-serif;
    font-size: 15pt;
    font-weight: 600;
    margin-bottom: 7px;
}
.marker-description{
    font-family: 'Gill', sans-serif;
    font-size: 12pt;
}