@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900&display=swap');
.main_class{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 5px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    gap: 20px;
}

.card{
    border-radius: 5px;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    margin: 5px;
    padding:5px;
    display: flex;
    flex-direction: column;
    width: min-content;
    height: auto;
    justify-content: start;
}
.image_tag {
    border-radius: 5px;
    height: 400px;
    width: 400px;
}
.city_name{
    font-size: 18px;
   
    font-weight: bold;
}
    
.description{

    
}

.mission_heading{
text-align: center;
margin-top: 15px;
color: #165F30 !important;
font-size: 45px;
font-weight: 500;
}

.mission_subheading{
text-align: center;
color: gray;
font-weight: 500;
font-size: 24px;
margin-top: -5px;
}