.-ycwt-text-mini-images {
    margin:50px 0
}

.-ycwt-city__widget .-YC-Widgets-Inner-Row {
    overflow:visible
}

.cityBox-wicon {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    margin-top:15px;
}
.-Text-cityBox-widgets-title-s1 {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    transition:180ms;
    flex:1
}

.-Text-cityBox-widgets-title-s1>.P-content {
    display:block;
    font-size:18px;
    line-height:1.6;
    color:var(--secondarytext);
    font-weight:400;
    max-width:calc(100% - 120px)
}

.-Text-cityBox-widgets-title-s1>.cityBox-title-h4 {
    font-weight:400;
    font-size:20px;
    margin-bottom:15px;
    color:var(--uicolor);
    max-width:var(--max-context-width)
}

.-Text-cityBox-widgets-title-s1>.cityBox-title-h1 {
    display:block;
    line-height:1.5;
    color:var(--primary-text);
    font-size:45px;
    font-weight:600
}

.-Text-cityBox-widgets-title-s1>.cityBox-title-h1>c--color {
    color:var(--cword-color)
}
.cityBox-wgts {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:35px;
    justify-content:center;
    gap:15px;
}

.cityBox-wgts.-page--cites--boxes {
    justify-content:center
}

.-Text-cityBox-widgets-item {
    position:relative;
    min-width:190px;
    max-width:213px;
    flex:1;
    border:1px solid var(--diver);
    border-radius:10px;
    transition:all ease .4s;
}

.-Text-cityBox-widgets-item:hover {
    transform:translateY(-4px);
    box-shadow:0 18px 38px #00000012;
}

.-Text-cityBox-widgets-item:before {
    background-repeat:no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    opacity:.1
}

.-Text-cityBox-widgets-icon,.-bg-cityBox-fixed {
    position:relative;
    align-items:center;
    overflow:hidden
}

.-Text-cityBox-widgets-icon {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    transition:.3s;
    color:var(--uicolor);
    font-size:22px;
}  
.-Text-cityBox-widgets-item:hover .-Text-cityBox-widgets-icon:before {
    height:100%
}

.-Text-citywits {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:center
}

.-bg-cityBox-fixed {
    display:flex;
    justify-content:center;
    margin-top:-100px
}

.-bg-cityBox-fixed img {
    object-fit:cover;
    max-width:max-content
}

.--city--info-boxitem h3 {
    position:relative;
    font-size:18px;
} 

.--city--info-boxitem>a {
    font-weight:600;
    font-size:22px
}

.-Text-cityBox-widgets-items-URLArea-s1 {
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:40px 0 0
}

.-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a {
    display:flex;
    padding:15px 25px;
    border-radius:var(--largeradius);
    font-size:16px;
    font-weight:500;
    align-content:center;
    align-items:center;
    margin-left:10px;
    background:#fff;
    color:var(--primary-text);
    border:var(--primary-text) 2px solid;
    flex-wrap:wrap
}

.-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a._url_2 {
    background:var(--uicolor);
    color:#fff;
    border-color:var(--uicolor)
}

.-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a._url_2:hover {
    background:#fff;
    color:var(--uicolor);
    border-color:var(--uicolor)
}

.-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a:hover {
    background:var(--primary-text);
    color:#fff;
    border-color:var(--primary-text)
}

.-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a>i {
    margin-inline-start:15px;
    font-weight:400
}

.shape_background:after {
    width:100%;
    height:100%;
    right:0;
    background:#000;
    opacity:.5;
    z-index:0
}

.-widgets-h1-title2 {
    color:#fff;
    position:relative;
    z-index:9;
    font-size:28px;
    line-height:1.5;
    height:85px;
    overflow:hidden;
    max-width:374px
}

.cityBox-wgts .-dURLArea {
    display:flex;
    justify-content:flex-start;
    margin-top:20px
}

.shape_city1 {
    width:90px;
    position:absolute;
    top:9px;
    height:98px;
    background:var(-----background-image);
    background-repeat:repeat;
    background-size:cover;
    z-index:2
}

.shape_background.YC-Animation-Item .-dURLArea {
    z-index:1;
    position:relative
}

.-defult-widgets-title-style-111 .P-content YC-Animation-Item {
    width:50%
}

.v--title .P-content.YC-Animation-Item {
    width:100%;
    text-align:center;
    max-width:700px
}

a.activable.-BTN--hoverable._url_2>span {
    z-index:1
}

.vi-city {
    padding:25px 15px;
    transition:.4s;
    cursor:pointer;
    align-items:baseline;
    position:relative;
    border-radius:10px;
    display:flex;
    background-color:#fff;
    justify-content:center;
    overflow:hidden;
    gap:11px;
    color:var(--primary-text);
}
.-page--container-sidebars .vi-city {
    background:var(--background)
}
 

.v--title {
    display:flex;
    flex-direction:column;
    text-align:center;
    justify-content:center;
    align-items:center
}
.-ycw-section.-ycwt-city {
    overflow:hidden;
    background:linear-gradient(180deg, var(--background), transparent);
}

@media (max-width:1199px) {
    .cityBox-wicon {
        gap:24px;
        align-items:center;
    }

    .-bg-cityBox-fixed {
        margin-top:-40px;
    }

    .-Text-cityBox-widgets-title-s1>.cityBox-title-h1 {
        font-size:38px;
    }

    .-Text-cityBox-widgets-title-s1>.P-content {
        max-width:100%;
    }
}

@media (max-width:991px) {
    .cityBox-wicon {
        flex-direction:column;
        align-items:center;
        text-align:center;
        margin-top:24px;
    }

    .-Text-cityBox-widgets-title-s1,
    .v--title {
        align-items:center;
        text-align:center;
    }

    .-Text-cityBox-widgets-title-s1>.cityBox-title-h1 {
        font-size:34px;
    }

    .-Text-cityBox-widgets-title-s1>.cityBox-title-h4,
    .-Text-cityBox-widgets-title-s1>.P-content {
        max-width:100%;
        text-align:center;
    }

    .-Text-cityBox-widgets-items-URLArea-s1 {
        justify-content:center;
        margin-top:24px;
    }
 

    .-bg-cityBox-fixed {
        margin-top:0;
    }

    .-bg-cityBox-fixed img {
        max-width:100%;
        max-height:320px;
        object-fit:contain;
    }

    .-widgets-h1-title2 {
        height:auto;
        max-width:100%;
    }
}

@media (max-width:767px) {
    .-ycwt-text-mini-images {
        margin:34px 0;
    }

    .cityBox-wicon {
        gap:18px;
    }

    .-Text-cityBox-widgets-title-s1>.cityBox-title-h1 {
        font-size:28px;
        line-height:1.45;
    }

    .-Text-cityBox-widgets-title-s1>.cityBox-title-h4 {
        font-size:18px;
        margin-bottom:10px;
    }

    .-Text-cityBox-widgets-title-s1>.P-content {
        font-size:16px;
    }

    .cityBox-wgts {
        gap:12px;
        margin-bottom:24px;
    }

    .-Text-cityBox-widgets-item {
        margin:0;
    }

    .-Text-cityBox-widgets-items-URLArea-s1 {
        width:100%;
        gap:10px;
    }

    .-Text-cityBox-widgets-items-URLArea-s1>.--BTN {
        width:100%;
    }

    .-Text-cityBox-widgets-items-URLArea-s1>.--BTN>a {
        width:100%;
        justify-content:center;
        margin-left:0;
        padding:14px 18px;
    }

    .cityBox-wgts .-dURLArea {
        width:100%;
        justify-content:center;
    }

    .vi-city {
        width:100%;
        padding: 12px 7px;
    }
}

@media (max-width:480px) {
    .-Text-cityBox-widgets-title-s1>.cityBox-title-h1 {
        font-size:24px;
    }

    .--city--info-boxitem>a {
        font-size:18px;
    }
}