.communication-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:50px;
}

.communication-tabs button{

    border:none;

    background:#ffffff;

    color:#1c467d;

    padding:12px 26px;

    border-radius:40px;

    font-weight:600;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

    transition:.35s;

    cursor:pointer;

}

.communication-tabs button:hover{

    background:#1c467d;

    color:#fff;

    transform:translateY(-3px);

}

.communication-tabs button.active{

    background:#1c467d;

    color:#fff;

    box-shadow:0 12px 30px rgba(28,70,125,.35);

}

/*=====================================
Communication Products
======================================*/

/*=====================================
Poster
======================================*/

.poster-card{

background:#fff;

border-radius:18px;

overflow:hidden;

/*box-shadow:0 10px 30px rgba(0,0,0,.08);*/

transition:.35s;

}

.poster-card:hover{

transform:translateY(-6px);

/*box-shadow:0 18px 35px rgba(0,0,0,.15);*/

}

.poster-card img{

width:100%;

height:650px;

object-fit:contain;

background:#fff;

display:block;

transition:.5s;

}

.poster-card:hover img{

transform:scale(1.03);

}


/*=====================================
Training Cards
======================================*/

.training-card{

background:#fff;

border-radius:18px;

padding:35px;

height:100%;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

display:flex;

gap:25px;

align-items:flex-start;

}

.training-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.training-icon{

width:85px;

height:85px;

border-radius:50%;

background:#eef4ff;

display:flex;

justify-content:center;

align-items:center;

flex-shrink:0;

}

.training-icon i{

font-size:40px;

color:#dc3545;

}

.training-content{

flex:1;

}

.training-content h4{

font-weight:700;

margin-bottom:15px;

color:#1c467d;

}

.training-content p{

color:#666;

line-height:1.8;

margin-bottom:25px;

}

.training-actions{

display:flex;

gap:15px;

flex-wrap:wrap;

}

.training-actions .btn{

border-radius:40px;

padding:10px 24px;

}


/*=====================================
Responsive
======================================*/

@media(max-width:991px){

.poster-card img{

height:420px;

}

.training-card{

flex-direction:column;

text-align:center;

align-items:center;

}

.training-actions{

justify-content:center;

}

}

@media(max-width:767px){

.poster-card img{

height:320px;

}

.training-card{

padding:25px;

}

.training-icon{

width:70px;

height:70px;

}

.training-icon i{

font-size:32px;

}

}