/* ==================================
   RESEARCH SECTION
================================== */


.research-section{

    max-width:1200px;

    margin:50px auto;

    padding:0 20px;

}



.research-title{

    text-align:center;

    font-size:32px;

    color:#800000;

    font-weight:700;

    margin-bottom:20px;

}



.research-title::after{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:#D4AF37;

    margin:12px auto;

    border-radius:5px;

}



.research-intro{

    max-width:900px;

    margin:0 auto 40px;

    text-align:center;

    color:#333;

    line-height:1.8;

    font-size:16px;

}



/* Grid */

.research-grid{

    display:grid;

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

    gap:30px;

}



/* Card */

.research-card{

    background:#f4e5e8;

    padding:30px 25px;

    text-align:center;

    border-radius:16px;

    border-top:6px solid #800020;

    box-shadow:
    0 8px 25px rgba(128,0,32,0.12);

    transition:0.3s ease;

}



.research-card:hover{

    transform:translateY(-8px);

    border-top-color:#D4AF37;

    box-shadow:
    0 12px 30px rgba(128,0,32,0.25);

}




/* Icon Circle */

.research-icon{

    width:75px;

    height:75px;

    margin:0 auto 20px;

    display:flex;

    justify-content:center;

    align-items:center;


    background:#800020;

    color:#D4AF37;


    border-radius:50%;

    border:3px solid #D4AF37;


    font-size:32px;

}



.research-card h3{

    font-size:22px;

    color:#800020;

    font-weight:700;

    margin-bottom:15px;

}



.research-card p{

    color:#333;

    font-size:15px;

    line-height:1.7;

    min-height:120px;

}



/* Button */

.research-btn{

    display:inline-block;

    margin-top:20px;

    padding:10px 25px;


    background:#800020;

    color:white;


    border-radius:25px;

    text-decoration:none;

    font-weight:600;

    transition:0.3s;

}



.research-btn:hover{

    background:#D4AF37;

    color:#000;

}



/* Responsive */

@media(max-width:992px){


    .research-grid{

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

    }

}



@media(max-width:600px){


    .research-grid{

        grid-template-columns:1fr;

    }


    .research-title{

        font-size:26px;

    }

}