*,html{margin: 0; padding: 0; box-sizing: border-box; outline: none; border: none;}
a{text-decoration: none;}
ol,ul{list-style: none;}

/* body{background: lightcyan;} */

.container2{
    width: 80vw;
    height: 80%;
    margin: 0 auto;
    padding: 50px 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;

    grid-template-areas: 
    'box1 box1 box2 box4'
    'box3 box5 box5 box4'
    'box6 box6 box6 box6';
}

.card{
    padding: 20px 0;
    border-radius: 20px;

    box-shadow: 8px 8px 8px rgba(100, 100, 100, 0.7);
}

.card.card1{
    grid-area: box1;

    background: url(../images/bg-pattern-quotation.svg);
    background-color: #333;
    
    background-position: 85% 10%;
    /* background-position: top 20px right 80px; */
    background-repeat: no-repeat;
    background-size: 100px;
}

.card.card2{
    grid-area: box2;

    background:#294973;
}

.card.card3{
    grid-area: box3;

    background: #6080BF;
}

.card.card4{
    grid-area: box4;

    background: var(--primia-color);
}

.card.card5{
    grid-area: box5;

    background: #6883A6;
}

.card_header{
    width: 300px;
    height: 80px;
    /* border: 1px solid red; */
    margin: 0;
    padding: 0;

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

.card_header img{
    width: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 10px 10px 10px 20px;
}

.card_header .name{

}

.card_header .name h3{
    color: #fff;

    cursor: default;
}

.card_header .name p{
    color: #fff;
    font-size: 14px;

    cursor: default;
}

.card_leader{
    /* border: 1px solid red; */
    padding: 10px 20px;
    margin: 0 10px;

    font-size: 18px;
    font-weight: 500;
    text-align: justify;
    color: #fff;

    cursor: default;
}

.card_quote{
    padding: 10px 20px;
    margin: 10px;

    font-size: 14px;
    text-align: justify;
    color: #fff;

    cursor: default;
}

.card.card6{
    grid-area: box6;

    background: #F2CFC2;

    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}

.card.card6 a{
    color: lightcyan;
    margin: 10px;
}

.card.card6 p{
    margin: 10px;
    padding: 0px 20px;

    color: #fff;

    cursor: default;
}