/* FONTS */
@font-face {
    font-family: "Amariya";
    src: url("./../fonts/Amariya-UltraLight.eot");
    src: url("./../fonts/Amariya-UltraLight.eot?#iefix")
        format("embedded-opentype"),
      url("./../fonts/Amariya-UltraLight.woff2") format("woff2"),
      url("./../fonts/Amariya-UltraLight.woff") format("woff"),
      url("./../fonts/Amariya-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lato';
    src: url('./../fonts/Lato-Bold.eot');
    src: url('./../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Lato-Bold.woff2') format('woff2'),
        url('./../fonts/Lato-Bold.woff') format('woff'),
        url('./../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lato';
    src: url('./../fonts/Lato-Regular.eot');
    src: url('./../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Lato-Regular.woff2') format('woff2'),
        url('./../fonts/Lato-Regular.woff') format('woff'),
        url('./../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lato';
    src: url('./../fonts/Lato-Light.eot');
    src: url('./../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Lato-Light.woff2') format('woff2'),
        url('./../fonts/Lato-Light.woff') format('woff'),
        url('./../fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Lato';
    src: url('./../fonts/Lato-Medium.eot');
    src: url('./../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/Lato-Medium.woff2') format('woff2'),
        url('./../fonts/Lato-Medium.woff') format('woff'),
        url('./../fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  /* FONTS END */
body {
    font-family: 'Lato';
    font-weight: 400;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
/*.city-wrap {
    padding: 150px;
    background-image: url(./../images/city-banner/background.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/
.city-name {
    background-color: #FFDCA9;
    min-width: 300px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #3B4391;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 10px;
}
.city-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 15px;
    /* max-height: calc(100vh - 300px); */
    /* overflow-y: auto; */
    max-width: 700px;
    margin: 80px auto 0;
}
.city-col h6,.city-sub-view-col h6{
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 5px;
}
.city-col-img a{
    display: block;
}
/* .city-col-img a {
    width: 100%;
    height: 150px;
    display: block;
}
.city-col-img a img{
    width: inherit;
    height: inherit;
    object-fit: cover;
} */
.city-sub-view-section h1{
    text-align: center;
}
.city-sub-view-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 25px 15px;
    max-width: 1000px;
    margin: 35px auto 0;
}
.city-sub-view-col{
    width: 100%;
    height: 100%;
}
.city-sub-view-img{
    width: 100%;
    height: 150px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.city-sub-view-col h6{
    margin-top: 25px;
}
.city-sub-view-img img{
    width: inherit;
    height: inherit;
    object-fit: cover;
}
.carousel{
    max-width: 1000px;
    margin: 0 auto;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #403f9d;
  background-color: #ffdca6;
  font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1199px){
    .city-wrap{
        padding: 150px 0;
    }
}
@media (max-width: 991px){
    .city-sub-view-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 25px;
    }
}
@media (max-width: 767px){
    .city-wrap{
        padding: 0;
        background-image: unset;
    }
    .city-row{
        grid-template-columns: repeat(3, 1fr);
        margin: 10px auto 0;
    }
    .city-sub-view-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 575px){
    .city-sub-view-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}