.-contant-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 99;
    padding-block: 50px;
}

.city_content {
    max-width: 650px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}


.-primary-body .city-block {
    background: var(--background);
}

.-primary-body.contant_us .city-block {
    background: white;
}

.city-block {}

.city-block:hover {
    transform: translate(0,-5px);
}
 
.-primary-body .city--icon {
    background: white;
} 
.city-owl-curser {
    width: 83%;
    overflow: hidden;
    position: relative;
    padding-top: 15px;
}

.-cityBox-widgets-items-s1.-page--cites--boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-inline:-10px;align-items: center;
    margin-bottom: 50px
}
.city-block {
    padding: 10px;
    background: white;
    border-radius: var(--largeradius);
    max-width: 222px;
    min-width: 200px;
    flex: 1;
    transition: .3s;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}.-cityBox-widgets-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    justify-content: center;
}.city-block i {
    width: 50px;
    height: 50px;
    background: var(--background);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--uicolor);
    font-size: 18px;
}.city-block a h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}.-ycw-section.-ycwt-city {
    background: var(--background);
    /* padding-block: 170px; */
    overflow: hidden;
}