/* 产品圆盘 */
section.product-circle {
    color: #333;
    background: url('/wp-content/themes/zCloud/img/index2021/double-circle-bg.svg') no-repeat -580px -620px;
}

.product-circle .title {
    font-size: 32px;
    font-weight: bold;
    padding-top: 92px;
    display: flex;
    justify-content: center;
    margin: 0;
}

.product-circle .split-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    /*justify-content: space-evenly;*/
    width: 1400px;
    margin: 20px auto 0;
}

.product-circle .products {
    margin-left: 240px;
    width: 400px;
}

.product-circle .product {
    width: fit-content;
    height: fit-content;
}



.product-circle .subtitle {
    font-size: 24px;
    margin-top: 190px;
    margin-bottom: 20px;
    line-height: 1.42;
}

.product-circle .subtitle span {
    font-size: 32px;
}

.product-circle .product-grid {
    display: grid;
    min-width: 400px;
    min-height: 200px;
    /*background: greenyellow;*/
}

.product-circle .product-name {
    font-size: 18px;
    color: #666;
}

.product-circle .product-description {
    font-size: 16px;
    line-height: 30px;
    color: #999;
}

.product-circle .circle {
    margin-left: 4vw;
    position: relative;
}

.circle .big-bubble, .circle .small-bubble, .circle .i2up {
    position: absolute;
}

.circle .i2up {
    bottom: 326px;
    left: 310px;
    width: 50px; height: auto;
}

.big-bubble {
    width: 160px;
    visibility: hidden;
    transition: transform .35s ease-in-out;
    cursor: pointer;
}

.big-bubble.active, .small-bubble.active {
    transform: scale(1.333);
}

.small-bubble {
    width: 128px;
    visibility: hidden;
    transition: transform .25s ease-in-out;
    cursor: pointer;
}

.big-bubble.backup {
    bottom: 150px;
    left: 90px;
}

:root {
    --time: 2s;
    --style: ease-in-out;
}

.visible {
    visibility: initial;
}

.backup-ani {
    animation: backup var(--time) var(--style);
}

.cloud-ani {
    animation: cloud var(--time) var(--style);
}

.big-bubble.cloud {
    bottom: 450px;
    left: 60px;
}

.big-bubble.db {
    bottom: 180px;
    left: 515px;
}

.db-ani {
    animation: db var(--time) var(--style);
}

.big-bubble.dt {
    bottom: 420px;
    left: 380px;
}

.dt-ani {
    animation: dt var(--time) var(--style);
}

.small-bubble.machine {
    bottom: -12px;
    left: 200px;
}

.machine-ani {
    animation: machine var(--time) var(--style);
}

.small-bubble.support {
    bottom: 75px;
    left: 370px;
}

.support-ani {
    animation: support var(--time) var(--style);
}

/* 圆盘动画 */
@keyframes backup {
    0% {
        transform: translate(175px, -90px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes cloud {
    0% {
        transform: translate(210px, 210px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes db {
    0% {
        transform: translate(-250px, -60px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes dt {
    0% {
        transform: translate(-110px, 180px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes machine {
    0% {
        transform: translate(85px, -265px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

@keyframes support {
    0% {
        transform: translate(-88px, -176px);
        opacity: 0.1;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

#accordion {
    display: none;
    text-align: center;
}

#accordion .link {
    font-size: 20px;
    font-weight: initial;
}


/* 案例 */
section.case {
    color: #333;
    background: url('/wp-content/themes/zCloud/img/index2021/case/case-circle-bg.svg') no-repeat -350px 100px;
    /*height: 1800px;*/
}

.case .title {
    font-size: 32px;
    font-weight: bold;
    padding-top: 92px;
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
}

.case .subtitle {
    font-size: 16px;
    padding-top: 16px;
    color: #666;
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
}

.case .container {
    max-width: 1250px;
    margin: 0 auto;
}

.case .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-evenly;
    height: 650px;
}

.case .left {
}

.case .card {
    width: 100%;
    /*height: 403px;*/
    background: white;
    box-shadow: 13px 13px 26px lightgrey;
    border-radius: 20px;
    position: relative;
    margin-top: 136px;
    /*margin-left: 350px;*/
    display: flex;
    transition: 0.4s all;
    aspect-ratio: 613 / 403;
}

.split .right {
    /*background: url('/wp-content/themes/zCloud/img/index2021/case/bg-dots.svg');*/
    /*width: 960px;*/
    height: 380px;
    margin-top: 150px;
    position: relative;
}

.split .right::after {
    content: "";
    background: url('/wp-content/themes/zCloud/img/index2021/case/bg-dots.svg');
    height: 380px;
    width: 48vw;
    position: absolute;
    top: 0;
    z-index: -1;
}

.split .right .text {
    width: 416px;
    color: #666;
    font-size: 16px;
    margin: 120px 0 0 120px;
    line-height: 1.8;
    position: relative;
}

.split .right .text::before, .split .right .text::after {
    content: '';
    width: 41px;
    height: 33px;
    position: absolute;
    z-index: -1;
}

.split .right .text::before {
    background: url('/wp-content/themes/zCloud/img/index2021/case/quote-l.svg');
    /*top: 60px;*/
    /*left: 80px;*/
    transform: translate(-100%, -150%);
}

.split .right .text::after {
    background: url('/wp-content/themes/zCloud/img/index2021/case/quote-r.svg');
    right: 0;
    /*bottom: 140px;*/
    transform: translate(100%, 100%);
}

.case .split .right a {
    transition: all 0.2s;
}

.case .split .right a:hover {
    background: #f4f4f4;
}

.case .icon-grid {
    display: grid;
    width: 105px;
    place-items: center;
    grid-template-rows: repeat(5, 1fr);
}

.icon-grid .icon {
    width: 42px;
    height: 42px;
    background-image: linear-gradient(#F8F8FF, #EEEEFF);
    border-radius: 14px;
    transition: transform .2s ease-in-out;
}

.icon-grid .icon:hover, .icon-grid .icon.hover {
    /*width: 56px;*/
    /*height: 56px;*/
    background: white;
    box-shadow: 4px 4px 5px lightgrey;
    transform: scale(1.33);
    /*animation: hover 0.1s ease-in-out forwards;*/
}

.card .pic {
    width: 100%;
    padding: 3px;
    border-radius: 0 20px 20px 0;
    max-width: 502px;
}

.card .card-text {
    color: white;
    background: rgba(255, 255, 255, 0.33);
    position: relative;
    bottom: 48px;
    left: 3px;
    border-bottom-right-radius: 15px;
    font-size: 16px;
    /*width: 502px;*/
    height: 48px;
    display: grid;
    place-items: center;
    text-shadow: 0 2px 1px grey;
}

.split .right button {
    /*background: white;*/
    /*border-color: #666;*/
    border-radius: 20px;
    margin: 18px 0 0 120px;
    width: 136px;
}

.split .right span {
    color: #666;
    padding: 10px;
}

.right a:hover .right span {
    color: green;
}

.split .right a {
    border-radius: 20px;
    margin: 18px 0 0 120px;
    width: 136px;
    display: flex;
    justify-content: center;
    border: 1px solid lightgrey;
    background: white;
}

.case .partner-grid {
    background: url('/wp-content/themes/zCloud/img/index2021/case/partner-grid.png');
    position: relative;
    width: 1184px;
    height: 689px;
    bottom: 100px;
    background-size: cover;
    display: grid;
    place-items: center;
    margin-bottom: 120px;
}

.partner-grid > img {
    width: 184px;
}

.partner-grid > div {
    position: absolute;
    width: 113px;
}

.partner-grid .os {
    left: 150px;
}

.partner-grid .db {
    left: 250px;
    bottom: 100px;
}

.partner-grid .cloud {
    bottom: 20px;
}

.partner-grid .storage {
    right: 250px;
    bottom: 100px;
}

.partner-grid .chip {
    right: 150px;
}

.partner-grid > div > img {
    width: 113px;
    position: relative;
    top: 25px;
    animation: partner-hover-out 0.15s forwards;
}

.partner-grid > div > img:hover,
.partner-grid > div > img.hover {
    animation: partner-hover 0.3s forwards;
}

.partner-grid h3 {
    font-size: 18px;
    color: #BABDCD;
    display: flex;
    justify-content: center;
    line-height: 1.42;
    margin: 0;
}

.case .tooltip.right .tooltip-arrow {
    border-right-color: white;
    left: 18px;
    margin-top: -25px;
    border-width: 8px 8px 8px 0;
    z-index: 1088;
}

.case .tooltip.bottom .tooltip-arrow {
    border-bottom-color: white;
    /*margin-top: -20px;*/
    border-width: 0 8px 8px;
    z-index: 1088;
}

.case .tooltip.left .tooltip-arrow {
    border-left-color: white;
    margin-top: -27px;
    border-width: 8px 0 8px 8px;
    z-index: 1088;
    right: 10px;
}

.case .tooltip-inner {
    max-width: initial;
    background: transparent;
    position: absolute;
}

.case .tooltip-inner img {
    width: 380px;
    height: 198px;
}

/* left tooltip */
.os .tooltip-inner, .db .tooltip-inner {
    bottom: -85px;
    right: -5px;
}

.case .cloud .tooltip-inner {
    left: -190px;
    top: -5px;
}

.chip .tooltip-inner, .storage .tooltip-inner {
    bottom: -85px;
    left: 5px;
}

@keyframes partner-hover {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.333);
    }
}

@keyframes partner-hover-out {
    0% {
        transform: scale(1.333);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes hover {
    0% {
        transform: scale(1);
        background-image: linear-gradient(#F8F8FF, #EEEEFF);
    }
    100% {
        transform: scale(1.33333);
        /*background: white*/
        box-shadow: 5px 6px 7px lightgrey;
    }
}


/* 地图 */
section.map {
    background: #F6F8FB;
    color: #333;
}

.map .top-container {
    max-width: 1400px;
    margin: 0 auto;
}

.map .title {
    font-size: 32px;
    font-weight: bold;
    padding-top: 92px;
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center;
}

.map .top-container > div  > div{
    margin-bottom: 50px;
}

.map .top-container > div  > div{
    display: flex;
    padding-top: 64px;
    flex-wrap: wrap;
}


.map .top-container img {
    max-width: 1069px;
    width: 100%;
    margin: auto;
    aspect-ratio: 1069 / 654;
    height: 100%;
}

.map .map-numbers {
    margin: 64px 0 0 100px;
}

.map .num {
    font-size: 40px;
    font-weight: bold;
}

.map .description {
    font-size: 16px;
    margin: 0 0 48px 0;
    line-height: 1.5;
}

.num .plus {
    font-size: 20px;
    margin-left: 8px;
}

.map .map-banner {
    /*margin-top: 32px;*/
    /*padding: 0 260px;*/
    height: 136px;
    background: rgb(41, 48, 59);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    max-width: 1400px;
    margin: 32px auto 0;
}

.map .banner-container {
    background: rgb(41, 48, 59);
}

.map .map-banner .grid {
    color: #E2E2E2;
    border-left: 1px solid #D8D8D8;
    padding: 12px 0 0 24px;
}

.grid .grid-title {
    font-size: 18px;
    margin: 0;
    line-height: 1.42;
}

.grid-description span {
    font-size: 40px;
    padding-right: 2px;
    font-weight: bold;
}

.map .bottom-container {
    height: 298px;
    width: 1398px;
    margin: 0 auto;
    overflow: hidden;
    transition: 0.4s all;
}

.map .accolade-group {
    display: flex;
    /*grid-template-columns: repeat(11, 1fr);*/
    align-items: center;
    padding-top: 54px;
    /*animation: accolade 2s infinite alternate;*/
}

.map .accolade {
    /*padding-left: 62px;*/
    /*display: inline;*/
    color: #666;

}

.map .first-accolade {
    animation: move 30s ease-in-out infinite;
    /*background: green;*/
}

@keyframes move {
    0%, 9.5% {
        margin-left: 0;
    }
    14.3%, 23.8% {
        margin-left: -295px;
    }
    28.5%, 38.1% {
        margin-left: -590px;
    }
    42.8%, 52.4% {
        margin-left: -885px;
    }
    57.1%, 66.7% {
        margin-left: -1180px;
    }
    71.4%, 81% {
        margin-left: -1470px;
    }
    85.7%, 95.2% {
        margin-left: -1760px;
    }
    100% {
        margin-left: -2050px;
    }
    /*0%, 4.7% {*/
    /*    margin-left: 0;*/
    /*}*/
    /*14.3%, 19% {*/
    /*    margin-left: -295px;*/
    /*}*/
    /*28.5%, 33.3% {*/
    /*    margin-left: -590px;*/
    /*}*/
    /*42.8%, 47.6% {*/
    /*    margin-left: -885px;*/
    /*}*/
    /*57.1%, 61.9% {*/
    /*    margin-left: -1180px;*/
    /*}*/
    /*71.4%, 76.2% {*/
    /*    margin-left: -1470px;*/
    /*}*/
    /*85.7%, 90.5% {*/
    /*    margin-left: -1760px;*/
    /*}*/
    /*100% {*/
    /*    margin-left: -2050px;*/
    /*}*/
}

.map .accolade:not(.accolade:first-child) {
    padding-left: 62px;
}

.map .accolade .accolade-text {
    padding-top: 24px;
    display: grid;
    place-items: center;
}

.map .accolade .accolade-text h2 {
    font-size: 14px;
    line-height: 1.42;
    margin: 0;
    text-align: center;
}

.map .accolade img {
    width: 231px;
}


/*@keyframes accolade {*/
/*    0% {*/
/*        transform: translateX(0);*/
/*    }*/
/*    20% {*/
/*        transform: translateX(-278px);*/
/*    }*/
/*    40% {*/
/*        transform: translate(-586px);*/
/*    }*/
/*    60% {*/
/*        transform: translate(-834px);*/
/*    }*/
/*    80% {*/
/*        transform: translate(-1172px);*/
/*    }*/
/*    100% {*/
/*        transform: translate(-1390px);*/
/*    }*/


@keyframes accolade {
    0%, 25% {
        transform: translateX(0);
    }
    35%, 60% {
        transform: translateX(-278px);
    }
    70%, 100% {
        transform: translateX(-586px);
    }
}


/* 新闻 */
section.news {
    max-width: 1200px;
    margin: 0 auto;
    height: 800px;
}

.news .title {
    font-size: 32px;
    font-weight: bold;
    padding-top: 92px;
    display: flex;
    justify-content: center;
    margin: 0;
}

.news .news-grid {
    height: 456px;
    width: 1200px;
    margin-top: 64px;
    margin-bottom: 188px;
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    grid-template-rows: 1.4fr 1fr;
    font-size: 16px;
    transition: 0.4s all;
}

.news-grid > div {
    margin: 8px;
    background-size: cover;
}

.news-grid > div:not(:first-child) {
    /*border: 8px solid white;*/
    cursor: pointer;
    position: relative;
    display: grid;
    place-items: center;
}

.news .news-list {
    grid-row: 1 / 3;
    background: url('/wp-content/themes/zCloud/img/index2021/news/news-list-bg.png') center / cover;
}

.news .news-list > div {
    padding: 20px 0;
}

.news .news-list .news-title a {
    color: #666;
}

.news .news-list .news-title a:hover {
    color: #999;
}

.news .news-title {
    padding: 8px 24px 8px 32px;
    /*text-align: right;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 384px;
}

.news-title > a > span {
    color: #888;
    position: relative;
    top: 6px;
    font-size: 14px;
}

.news .campaign {
    background: url('/wp-content/themes/zCloud/img/index2021/news/campaign-bg.png') center / cover;
}

.news .engineer {
    background: url('/wp-content/themes/zCloud/img/index2021/news/engineer-bg.png') center / cover;
}

.news .product-video {
    background: url('/wp-content/themes/zCloud/img/products2021/Share/share-vid.jpg') center / cover;
}

.news .company-video {
    grid-column-start: 2;
    grid-column-end: 4;
    background: url('/wp-content/themes/zCloud/img/index2021/news/comp-vid-bg.png') center / cover;
}

.news .company-accolade {
    background: url('/wp-content/themes/zCloud/img/index2021/news/accolade-bg.png') center / cover;
}

.news span.bubble {
    padding: 4px 20px 4px 15px;
    position: absolute;
    top: 15px;
    left: 15px;
    background: #FFFFFF99;
    border-radius: 20px;
    box-shadow: 1px 1px 5px grey;
}

.news-grid > div {
    transition: all .2s ease;
}

.news-grid > div:hover {
    transform: scale(1.04);
    box-shadow: 2px 2px 10px grey;
    /*animation: card-hover 0.2s forwards;*/
}

.news-grid > div:hover span {
    /*animation: card-hover 0.2s forwards;*/
}

.news .news-grid span.bubble > img {
    display: inline-block;
    position: relative;
    left: 6px;
    bottom: 1px;
}

section.news .more {
    /*float: right;*/
    padding: 8px 32px;
    color: #666;
}

#index-video-modal {
    z-index: 10000;
}

#index-video-modal .modal-content {
    padding: 10px 10px 8px;
    margin-top: 100px;
}

#index-video-modal video {
    width: 100%;
}

@media (min-width: 768px) {
    #index-video-modal .modal-dialog {
        width: 80%;
        max-width: 1200px;
    }
}


@media (max-width: 1410px) {
    .map .bottom-container {
        width: 1098px;
    }

    .map .map-numbers {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        width: 75%;
        margin: 40px auto 0;
    }

    .product-circle .split-grid {
        width: 1240px;
    }

    .product-circle .products {
        margin-left: 170px;
    }

    .product-circle .circle {
        transform: scale(0.8);
    }
}


@media (max-width: 1600px) {
    /*    case */
    section.case {
        /*height: 2100px;*/
    }

    .os .tooltip-inner, .db .tooltip-inner, .chip .tooltip-inner, .storage .tooltip-inner {
        /*left: -190px;*/
        /*top: -25px;*/
    }

    .partner-grid > img {
        display: none;
    }

    .case .partner-grid {
        grid-template-rows: repeat(5, 1fr);
        margin: 150px auto 0;
        place-items: initial;
        gap: 30px;
        width: 700px;
        height: initial;
    }

    .partner-grid > div::after {
        content: '';
        position: absolute;
        width: 75vw;
        aspect-ratio: 480/152;
        max-width: 480px;
        min-height: 70px;
        left: 18vw;
        top: 0;
    }

    .partner-grid .os::after {
        background: url('/wp-content/themes/zCloud/img/index2021/mobile/os.svg') center / cover;
    }

    .partner-grid .db::after {
        background: url('/wp-content/themes/zCloud/img/index2021/mobile/db.svg') center / cover;
    }

    .partner-grid .cloud::after {
        background: url('/wp-content/themes/zCloud/img/index2021/mobile/cloud.svg') center / cover;
    }

    .partner-grid .storage::after {
        background: url('/wp-content/themes/zCloud/img/index2021/mobile/storage.svg') center / cover;
    }

    .partner-grid .chip::after {
        background: url('/wp-content/themes/zCloud/img/index2021/mobile/chip.svg') center / cover;
    }

    .case .cloud .tooltip-inner, .os .tooltip-inner, .db .tooltip-inner {
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
    }

    .case .partner-grid h3 {
        justify-content: initial;
        display: initial;
    }

    .case .partner-grid > div {
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        top: initial;
        /*width: 18vw;*/
        text-align: center;
    }
}


@media (max-width: 1250px) {
    #accordion {
        display: block;
    }

    #accordion .link img {
        width: 55px;
        display: inline-block;
        position: absolute;
        left: 10vw;
        bottom: 8px;
    }

    .product-circle .split-grid {
        display: none;
    }

    section.case {
        /*height: 2000px;*/
        background: initial;
    }

    .case .split {
        grid-template-columns: initial;
        grid-template-rows: 1fr 1fr;
        /*height: 1200px;*/
        margin-bottom: 100px;
    }

    .split .right::after {
        background: none;
    }

    .split .right {
        margin-top: 10px;
    }

    .case .card {
        margin-top: 50px;
    }

    .split .right .text {
        margin: 120px auto 0;
        line-height: 2;
    }

    .split .right a {
        margin: 20px auto;
    }

    .split .right .text::before {
        /*left: 0;*/
    }

    .split .right .text::after {
    }
}


@media (max-width: 1200px) {
    #head {
        width: 100%;
    }

    #header-left {
        float: left;
    }

    #navi > ul.menu > li:nth-last-child(2) {
        background: initial;
        text-align: initial;
        padding: 5px 0;
    }

    #navi ul li:nth-child(6) ul {
        padding-left: 0;
    }

    #navi ul li:nth-child(7) ul li:first-child {
        margin-top: 20px;
    }

    .news .news-grid {
        max-width: 544px;
        width: initial;
        height: 1400px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 2.4fr 1fr 0.7fr 1fr;
        margin: 40px auto 100px;
        /*aspect-ratio: 1440 / 544;*/
    }

    .news .news-list {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .news .news-list > div {
        padding: 32px 24px;
    }

    section.news {
        height: 1600px;
    }

    section.news .more {
        margin-top: 12px;
    }

    .news .news-title {
        width: initial;
        margin-top: 24px;
        padding: 8px 8px 8px 16px;
    }

    .news .company-video {
        grid-column: 1 / 3;
    }

    .news .product-video {
        grid-row: 4;
    }
}


@media (max-width: 1100px) {
    .map .bottom-container {
        width: 798px;
    }

    .map .map-banner {
        grid-template-columns: repeat(6, 1fr);
        height: 260px;
        width: 95%;
    }

    .map .map-banner > .grid {
        grid-column: span 2;
        padding: 0 0 0 6px;
    }

    .map .map-banner > .grid:nth-child(4), .map .map-banner > .grid:nth-child(5) {
        grid-column: span 3;
        padding: 0 0 0 12px;
    }
}


@media (max-width: 800px) {
    section h1, section h2:not(.map h2), section h3 {
        width: 90%;
        margin: 0 auto !important;
        line-height: 1.5;
    }

    section h1 {
        font-size: 20px !important;
    }

    section h2, section h3 {
        font-size: 14px !important;
    }


    .grid-description span, .map .num {
        font-size: 24px;
    }

    .case .card {
        /*transform: scale(0.8);*/
    }

    .split .right .text {
        /*width: 85%;*/
    }

    .case .partner-grid {
        width: 100%;
        margin-top: 150px;
    }

    .map .bottom-container {
        width: 498px;
    }

    .map .first-accolade {
        animation: move 20s ease-in-out infinite;
    }
}


@media (max-width: 600px) {
    .case .card {
        /*transform: scale(0.7);*/
    }

    .partner-grid > div::after {
        width: 65vw;
    }

    .split .right .text {
        font-size: 14px;
        width: 70%;
    }

    .partner-grid > div > img {
        width: 18vw;
        top: 10px;
    }

    .case .partner-grid > div {
        width: 18vw;
    }

}


@media (max-width: 500px) {
    section h3 {
        font-size: 12px !important;
    }

    .case .card {
        /*transform: scale(0.6);*/
    }

    .card .card-text {
        font-size: 14px;
        text-align: center;
        padding: 0 10px;
    }

    .icon-grid .icon {
        width: 32px;
        height: 32px;
        border-radius: 10px;
    }

    .map .bottom-container {
        /*    transform: scale(0.7);*/
        width: 208px;
    }

    .map .map-banner > .grid {
        height: 93px;
        display: grid;
        /*align-items: center;*/
        grid-template-rows: repeat(4, 1fr);
    }

    .map .map-banner .grid-title {
        grid-row: 2 / 3;
    }

    .map .map-banner .grid-description {
        grid-row: 3 / 4;
    }

    .footer-horizontal > div {
        padding-left: 0;
    }
}


@media (max-width: 300px) {
    .partner-grid > div::after {
        width: 60vw;
    }
}