section.main-residents{margin-bottom: var(--theme-margin);}
.main-residents-title{font-size: 56px;line-height: 50px;margin-bottom: 40px;color: #132561;}
.main-residents-inner{display: grid;grid-template-columns: 1fr 1fr;column-gap: 20px;row-gap: 20px;}
.main-residents-item{background: #fff;padding: 20px;border-radius: 10px;}
.main-residents-item .top{display: flex;justify-content: space-between;}
.main-residents-item .top .type{font-size: 16px;padding: 0 10px;color: #00133E;border: 1px solid #00133E;height: 20px;display: flex;align-items: center;border-radius: 3px;}
.main-residents-item .top .image-wrap{width: 300px;height: 200px;background-position: center;background-size: cover;border-radius: 8px;}
.main-residents-item .top .image-wrap img{}
.main-residents-item .bottom{display: flex;column-gap: 15px;margin-top: 92px;}
.main-residents-item .bottom .left{}
.main-residents-item .bottom .title{font-size: 21px;height: 20px;margin-bottom: 8px;color: #565655;}
.main-residents-item .bottom .text{color: #565655;}
.main-residents-item .bottom .right{align-self: end;}
.main-residents-item .bottom .link{display: block;width: 40px;height: 40px;background-image: url(/images/residents-link.png);background-position: center;background-repeat: no-repeat;border: 1px solid #009EE3;border-radius: 4px;}
.main-residents .join{background: #3261EC;border-radius: 10px;padding: 20px;display: flex;flex-direction: column;}
.main-residents .join .top{display: flex;justify-content: space-between;}
.main-residents .join .top .label{height: 20px;display: flex;font-size: 16px;font-weight: 400;border: 1px solid;align-items: center;padding: 0 4px;border-radius: 3px;color: #fff;}
.main-residents .join .top .figure{width: 300px;height: 200px;background-image: url(/images/residents-join.svg);background-size: contain;}
.main-residents .join .bottom{margin-top: auto;display: flex;}
.main-residents .join .bottom .pseudo-btn{background: #fff;color: #24318A;}
@media(max-width: 1199px) {.main-residents-title{font-size: 36px;line-height: 25px;}
    .main-residents-item .top .image-wrap,.main-residents .join .top .figure{width:120px;height:80px;background-image: url(/images/res-none.svg);}
    .main-residents-item .top .type,.main-residents .join .top .label{font-size:10px;}
    .main-residents-item .bottom .title{font-size:15px;line-height:14px;}
    .main-residents-item .bottom .text{font-size:13px;}
    .main-residents-item{padding:16px;display: flex;flex-direction: column;}
    .main-residents-item .bottom{margin-top:55px;}
    .main-residents-item .bottom .link{width:36px;height:36px;}
    .main-residents .join{padding:16px;}
}
@media (max-width: 767px) {.main-residents-item .top .type, .main-residents .join .top .label{font-size:8px;height: 18px;}
    .main-residents-item .bottom .link{width:24px;height:24px}
    .main-residents-title{font-size: 26px;line-height: 23px;text-align: center;}
    .main-residents-inner{display:flex;flex-direction:column;row-gap: 10px;}
    .main-residents-item .bottom .title{font-size:14px;line-height:13px;margin-bottom: 4px;height: auto;}
    .main-residents-item .bottom .text{font-size:10px;line-height:13px;}
    .main-residents-item{height:180px;padding: 10px;}
    .main-residents-item .bottom{margin-top:auto;}
    .main-residents .join{padding:10px;height: 180px;}
}