/*==========================
      MISSION & VISION
===========================*/

.mission-section{

    padding:100px 20px;

    background:linear-gradient(135deg,#fafafa,#f3f3f3);

}

.container{

    max-width:1200px;

    margin:auto;

}

/* Heading */

.section-heading{

    text-align:center;

    max-width:760px;

    margin:auto auto 70px;

}

.section-heading span{

    color:#6d1021;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.section-heading h2{

    font-size:44px;

    margin:15px 0;

    color:#222;

}

.section-heading p{

    color:#666;

    line-height:1.9;

}

/* Grid */

.mission-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

/* Card */

.mission-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:45px 35px;

    overflow:hidden;

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

    transition:.4s;

}

.mission-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#6d1021;

}

.mission-card:hover{

    transform:translateY(-12px);

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

}

.icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#6d1021;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    margin-bottom:25px;

}

.mission-card h3{

    font-size:30px;

    color:#222;

    margin-bottom:15px;

}

.mission-card p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

.mission-card ul{

    list-style:none;

}

.mission-card ul li{

    margin-bottom:15px;

    color:#444;

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:500;

}

.mission-card ul i{

    color:#6d1021;

}

/* Vision */

.vision-card::before{

    background:#c79b2d;

}

.vision-card .icon{

    background:#c79b2d;

}

/* Responsive */

@media(max-width:991px){

    .mission-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .mission-section{

        padding:70px 15px;

    }

    .section-heading h2{

        font-size:34px;

    }

    .mission-card{

        padding:30px 25px;

    }

}

@media(max-width:480px){

    .section-heading h2{

        font-size:28px;

    }

    .mission-card{

        text-align:center;

    }

    .icon{

        margin:auto auto 20px;

        width:70px;

        height:70px;

        font-size:28px;

    }

    .mission-card ul li{

        justify-content:center;

        text-align:left;

    }

}