/*===============================
SOCIAL MEDIA
================================*/
.hero-socials {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background-image: url("../../images/socials-hero.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top:6rem;
    padding-bottom:6rem;

}

.hero-podcast {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    background-image: url("../../images/podcast-hero.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top:6rem;
    padding-bottom:6rem;

}
.social-platform-group{

    margin-top:4rem;

}

.social-group-title{

    text-align:center;
    margin-bottom:2rem;
    color:var(--color-primary);

}

.social-card{

    background:#fff;

    border-radius:20px;

    padding:2rem;

    text-align:center;

    border:1px solid rgba(0,0,0,.08);

    transition:.35s;

    box-shadow:var(--shadow-sm);

    height:100%;

    display:flex;

    flex-direction:column;

}

.social-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

.social-icon{

    width:72px;

    height:72px;

    object-fit:contain;

    margin:0 auto 1.5rem;

}
.social-icon-icon{

    display:flex;
    justify-content:center;
    align-items:center;

    width:72px;
    height:72px;

    margin:0 auto 1.5rem;

    font-size:4rem;
    color:rgb(50,0,100);

    transition:all .3s ease;

}

.social-card h3{

    margin-bottom:1rem;

}

.social-card p{

    flex-grow:1;

    color:var(--color-text-light);

    line-height:1.7;

    margin-bottom:2rem;

}

/*===============================
WECHAT MODAL
================================*/

.wechat-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.7);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:999;

    padding:2rem;

}

.wechat-modal.active{

    display:flex;

}

.wechat-modal-content{

    background:#fff;

    border-radius:20px;

    padding:3rem;

    max-width:420px;

    width:100%;

    text-align:center;

    position:relative;

    animation:fadeUp .3s;

}

.wechat-modal-content img{

    width:250px;

    max-width:100%;

    margin-top:1.5rem;

}

.wechat-close{

    position:absolute;

    right:20px;

    top:18px;

    cursor:pointer;

    font-size:2rem;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@media(max-width:768px){

.social-card{

padding:1.75rem;

}

.social-icon{

width:60px;
height:60px;

}

}

/* PHILOSOPHY CARDS */
.philosophy-card {
    text-align: center;
}

.philosophy-card .icon-circle {
    margin: 0 auto 1rem;
}

/* ICON CIRCLE */
.icon-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(50,0,100,.08);
    color: rgb(50,0,100);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    margin-bottom: 1rem;
}