.header_main_menu_item_wrapper.main_menu_container, .header_main_menu_item_wrapper.main_menu_container_m{background-color: rgba(233 233 233 / 65%);}

#content-main{margin-top: 0 !important;}
.main_wrapper{width:100%;height: calc(100vh - 61px);display: inline-flex;}
.title{width: 30%;display: flex;justify-content: center;align-items: center;background-color: #EB3755;font-family: "209";font-size: 4em;text-transform:uppercase;color: #fff;}
.contact_container{width: 70%;display: flex;justify-content: center;align-items: center;background-color: #fff;flex-wrap: wrap;}
.contact_wrapper{position:relative;width: 65%;height: 100%;}

.cards{
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-rows: repeat(var(--cards-count), var(--card-height));
    gap: 40px 0;
}

.card {
    font-family: "735";
    position: sticky;
    top: 0;
    /*margin-top: 50%;*/
}

.card__inner {
    will-change: transform;
    background: white;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px hsla(265.3, 20%, 10%, 35%);
    transform-origin: center top;
}
.card_title{color:#fff;font-size: 2.5em;line-height: 2.5em;text-align: center;width: 100%;}
.red_card .card_title{background-color: #EB3755;}
.green_card .card_title{background-color: #5AAA5A;}
.yellow_card .card_title{background-color: #FFB400;}
.card_content{display: grid;grid-template-columns: 1fr 1fr;margin: 10% auto;grid-gap: 30px 0;width: 80%;}
.card_content .content_item .content_item_title{font-size: 1.5em;display: flex;align-items: center;text-transform:uppercase;margin-bottom: 5px;}
/*.card_content .content_item .content_item_title .icon{display:block;width: 26px;height: 26px;background-image:url("../img/icons/contact_icons.png");margin-right: 10px;}*/

.yellow_card .card_content .content_item .content_item_title .icon{display:block;width: 26px;height: 26px;background-image:url("../img/icons/contact_icons_y.png");background-size:cover;margin-right: 10px;}
.green_card .card_content .content_item .content_item_title .icon{display:block;width: 26px;height: 26px;background-image:url("../img/icons/contact_icons_g.png");background-size:cover;margin-right: 10px;}
.red_card .card_content .content_item .content_item_title .icon{display:block;width: 26px;height: 26px;background-image:url("../img/icons/contact_icons_r.png");background-size:cover;margin-right: 10px;}
.card_content .content_item .content_item_title .icon.wechat{background-position: 0 0;}
.card_content .content_item .content_item_title .icon.mail{background-position: 0 -26px;}
.card_content .content_item .content_item_title .icon.phone{background-position: 0 -52px;}
.card_content .content_item .content_item_title .icon.address{background-position: 0 -78px;}
.card_content .content_item .content_item_title .icon.website{background-position: 0 -104px;}

.red_card .content_item_title{color:#EB3755;}
.green_card .content_item_title{color: #5AAA5A;}
.yellow_card .content_item_title{color: #FFB400;}
.card_content .content_item .content_item_desc{font-size: 1.2em;}

#content-main{display: flex;}
.space {
    height: 50vh;
    display: flex;
    width: 100%;
}

.title{
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 20;
    flex-direction: column;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}
.contact_container{
    position: relative;
}

.footer{
    position: sticky;
    bottom: 0;
    z-index: 20;
}

@media (max-width:1440px){
    .card_content .content_item .content_item_title{font-size: 1.3em;}
}

@media (max-width:1024px){
    .title{font-size: 2.5em;}
    .contact_wrapper{width: 90%;}
    .card_title{font-size: 1.5em;line-height: 4em;}
    .card_content .content_item .content_item_title{font-size: 1.1em;}
}

@media (max-width:768px){
    .header_logo_wrapper.main_menu_div_m{background-color: rgba(233 233 233 / 65%);}
    .content-main{height: 110vh;display: grid;grid-template-columns: 1fr;}
    .contact_container{order: 1;width: 100%;}
    .title{display: none;}
    .contact_wrapper{width: 90%;}
    .card_title{font-size: 1.5em;line-height: 4em;}
    .card_content{width: 90%;grid-template-columns: 1fr;padding: 0 40px;}
    .card_content .content_item .content_item_title{font-size: 1.1em;}
}
@media (max-width:480px){
    .content-main{height: 100vh;}
    .title{display: none;}
    .card_title{font-size: 1.3em;line-height: 4.5em;}
    .card_content{margin: 8% auto;grid-gap: 20px 0;}
}
@media (max-width:380px){
    .title{height: 80px;bottom: -20vh;}
    .contact_container{padding-top: 60px;}
}