/*=========================================
        RESEARCH HERO
=========================================*/

.research-hero{

    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:linear-gradient(135deg, #1B103F 0%, #2A165C 35%,#3A1F7A 70%, #5B2FB0 100%);
}

/* Decorative Glow */

/* Top Right Glow */
.research-hero::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    right:-180px;
    top:-180px;
    border-radius:50%;
    background:
    radial-gradient(circle, rgba(140,110,255,.25),transparent 70%);
    filter:blur(10px);
}

/* Bottom Left Glow */
.research-hero::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:-120px;
    bottom:-120px;
    border-radius:50%;
    background:
    radial-gradient(circle, rgba(0,210,255,.18),transparent 70%);
    filter:blur(20px);
}

/* Overlay */
.research-hero .hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg, rgba(16,8,40,.78),rgba(16,8,40,.45), rgba(16,8,40,.18));
}

.research-hero .hero-content{

    position:relative;
    z-index:5;
    color:#fff;
    padding-top:90px;

}

.research-hero .hero-badge{

    display:inline-block;
    padding:12px 28px;
    border-radius:40px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(14px);
    letter-spacing:2px;
    margin-bottom:25px;
    border:1px solid rgba(255,255,255,.18);
}

.research-hero h1{

    font-size:72px;
    font-weight:800;
    line-height:1.05;
    margin-bottom:25px;

}

.research-hero h1 span{

    color:#c7b5ff;

}

.research-hero p{

    font-size:20px;
    line-height:35px;
    color:#eef5ff;
    max-width:620px;
    margin-bottom:40px;

}

/* Buttons */

.research-hero .hero-buttons{

    display:flex;
    gap:20px;
    flex-wrap:wrap;

}

/* Statistics */

.research-highlights{

    display:flex;
    gap:50px;
    margin-top:60px;

}

.research-highlights h3{

    font-size:42px;
    color:#ffffff;
    margin-bottom:5px;

}

.research-highlights span{

    color:#cddfff;

}

/* Image */

.research-hero .hero-image{

    text-align:center;
    position:relative;
    z-index:2;

}

.research-hero .hero-image img{

    max-width:95%;
   animation:floatResearch 5s ease-in-out infinite;

}

@keyframes floatResearch{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

/* Responsive */

@media(max-width:991px){

.research-hero{

text-align:center;

}

.research-hero h1{

font-size:48px;

}

.research-highlights{

justify-content:center;

}

.research-hero .hero-buttons{

justify-content:center;

}

.research-hero .hero-image{

margin-top:60px;

}

}

@media(max-width:576px){

.research-hero h1{

font-size:36px;

}

.research-hero p{

font-size:17px;
line-height:30px;

}

.research-highlights{

flex-direction:column;
gap:20px;

}

}


/*=========================================
        RESEARCH ABOUT
=========================================*/

.research-about{

    padding:30px 0;
    background:#fff;
    position:relative;
    overflow:hidden;

}

.research-about::before{

    content:"";
    position:absolute;

    width:500px;
    height:500px;
    right:-220px;
    top:-120px;
    border-radius:50%;
    background:
    radial-gradient(circle,
    rgba(90,60,255,.08),
    transparent 70%);

}

.research-image img{

    border-radius:25px;
    transition:.4s;
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.research-image img:hover{

    transform:scale(1.03);

}

.section-subtitle{

    display:inline-block;
    padding:8px 22px;
    background:#f2f3ff;
    color:#5b4bff;
    border-radius:30px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:20px;

}

.research-about h2{

    font-size:48px;
    font-weight:700;
    color:#183153;
    line-height:1.2;
    margin-bottom:25px;

}

.research-about h2 span{

    display:block;
    color:#5b4bff;

}

.research-about p{

    color:#666;
    line-height:32px;
    margin-bottom:20px;

}

.research-points{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:35px;

}

.research-points div{

    background:#fff;
    padding:18px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s;

}

.research-points div:hover{

    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(91,75,255,.15);

}

.research-points i{

    color:#5b4bff;
    margin-right:10px;
    font-size:20px;

}

@media(max-width:991px){

.research-image{

margin-bottom:50px;

}

.research-about h2{

font-size:38px;

}

.research-points{

grid-template-columns:1fr;

}

}

/*=========================================
        RESEARCH HIGHLIGHTS
=========================================*/

.research-highlights-section{

    padding:30px 0;
    background:#f7f9ff;
    position:relative;
    overflow:hidden;

}

.research-highlights-section::before{

    content:"";
    position:absolute;
    left:-220px;
    top:-150px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(106,90,255,.10),
    transparent 70%);

}

.research-card{

    display:block;
    height:100%;
    background:#fff;
    padding:40px 30px;
    border-radius:24px;
    text-decoration:none;
    transition:.4s;
    border:1px solid #eef2ff;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    position:relative;
    overflow:hidden;

}

.research-card::before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#5b4bff,#7d7aff);
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s;

}

.research-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(91,75,255,.18);

}

.research-card:hover::before{

    transform:scaleX(1);

}

.research-icon{

    width:80px;
    height:80px;

    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:20px;
    background:#f3f4ff;
    color:#5b4bff;
    font-size:34px;
    margin-bottom:25px;
    transition:.35s;

}

.research-card:hover .research-icon{

    background:#5b4bff;
    color:#fff;
    transform:rotate(-8deg);

}

.research-card h4{

    font-size:24px;
    color:#183153;
    font-weight:700;
    margin-bottom:15px;

}

.research-card p{

    color:#666;
    line-height:30px;
    margin-bottom:25px;

}

.research-card span{

    color:#5b4bff;
    font-weight:600;

}

.research-card span i{

    margin-left:8px;
    transition:.3s;

}

.research-card:hover span i{

    transform:translateX(8px);

}

/*=========================================
        RESEARCH STATS
=========================================*/

.research-stats{

   padding:30px 0;
    background:
    linear-gradient(135deg,#3b2dbf,#5642d6,#6b63ff);
    position:relative;
    overflow:hidden;

}

.research-stats::before{

    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:-250px;
    top:-250px;
    border-radius:50%;

   background:
    radial-gradient(circle,
    rgba(255,255,255,.10),
    transparent 70%);

}

.research-stats .section-heading span{

    background:rgba(255,255,255,.15);
    color:#fff;

}

.research-stats .section-heading h2{

    color:#fff;

}

.research-stats .section-heading p{

    color:#dde6ff;

}

.research-stat-card{

    background:rgba(255,255,255,.10);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:24px;
    padding:45px 30px;
    text-align:center;
    transition:.4s;

}

.research-stat-card:hover{

    transform:translateY(-10px);
    background:rgba(255,255,255,.18);

}

.research-stat-card i{

    font-size:42px;
    color:#fff;
    margin-bottom:25px;

}

.research-stat-card h2{

    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:10px;

}

.research-stat-card p{

   color:#eef3ff;
    margin:0;
    font-size:17px;

}


/*==========================================
        CLINICAL ABOUT
==========================================*/

.clinical-about{

    padding:30px 0;
    background:linear-gradient(to bottom,#ffffff,#f5f9ff);
    position:relative;
    overflow:hidden;

}

.clinical-about::before{

    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(46,90,172,.08),
    transparent 70%);

}

.clinical-about img{

    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.section-subtitle{

    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:#eaf2ff;
    color:#2e5aac;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:20px;

}

.clinical-about h2{

    font-size:48px;
    font-weight:700;
    color:#183153;
    line-height:1.25;
    margin-bottom:25px;

}

.clinical-about p{

    font-size:18px;
    line-height:34px;
    color:#666;
    margin-bottom:20px;

}


/*==========================================
        WHY PARTICIPATE
==========================================*/

.trial-benefits{

    padding:30px 0;

    background:linear-gradient(135deg,#2E5AAC,#4479d6);

    position:relative;

    overflow:hidden;

}

.trial-benefits::before{

    content:"";
    position:absolute;

    width:650px;
    height:650px;

    left:-250px;
    top:-250px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,255,255,.12),
    transparent 70%);

}

.trial-benefits .section-heading{

    position:relative;
    z-index:2;
    max-width:760px;
    margin:auto;

}

.trial-benefits .section-heading span{

    display:inline-block;
    padding:8px 22px;
    background:rgba(255,255,255,.15);
    color:#fff;
    border-radius:30px;
    letter-spacing:2px;
    margin-bottom:18px;

}

.trial-benefits .section-heading h2{

    color:#fff;
    font-size:46px;
    font-weight:700;
    margin-bottom:20px;

}

.benefit-card{

    position:relative;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:24px;
    padding:45px 35px;
    text-align:center;
    transition:.4s;
    height:100%;

}

.benefit-card:hover{

    transform:translateY(-10px);
    background:rgba(255,255,255,.20);

}

.benefit-card i{

    width:90px;
    height:90px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto auto 25px;
   border-radius:50%;
    background:#fff;
    color:#2E5AAC;
    font-size:38px;

}

.benefit-card h4{

    color:#fff;
   font-size:24px;
    font-weight:700;
    margin-bottom:18px;

}

.benefit-card p{

    color:#eef3ff;
    line-height:30px;

}


/*==========================================
        ONGOING TRIALS
==========================================*/

.ongoing-trials{

    padding:30px 0;
    background:#f8fbff;
    position:relative;

}

.trial-card{

    background:#fff;
    border-radius:25px;
    padding:40px;
    margin-bottom:30px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    border-left:6px solid #2E5AAC;
    transition:.35s;

}

.trial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(46,90,172,.18);

}

.trial-card h4{

    font-size:30px;
    color:#183153;
    font-weight:700;
    margin-bottom:15px;

}

.trial-card p{

    color:#666;
    line-height:30px;
    margin-bottom:25px;

}

.trial-card ul{

    list-style:none;
    padding:0;
    margin-bottom:30px;

}

.trial-card li{

    padding:10px 0;
    color:#444;
    border-bottom:1px solid #edf2fa;

}

.trial-card li:last-child{

    border:none;

}

.trial-card li::before{

    content:"✔";
    color:#18A999;
    font-weight:bold;
   margin-right:12px;

}

.trial-card .btn{

    border-radius:40px;
    padding:12px 30px;
    font-weight:600;

}


/*==========================================
            RESPONSIVE
==========================================*/

@media(max-width:991px){

.clinical-about h2{

    font-size:38px;

}

.trial-benefits .section-heading h2{

    font-size:36px;

}

.benefit-card{

    margin-bottom:25px;

}

}

@media(max-width:576px){

.clinical-about{

    padding:80px 0;

}

.trial-benefits{

    padding:80px 0;

}

.ongoing-trials{

    padding:80px 0;

}

.clinical-about h2{

    font-size:30px;

}

.trial-benefits .section-heading h2{

    font-size:30px;

}

.trial-card{

    padding:25px;

}

.trial-card h4{

    font-size:24px;

}

}

/*==========================================
        PARTICIPANT SAFETY
==========================================*/

.participant-safety{

    padding:30px 0;
    background:linear-gradient(to bottom,#ffffff,#eef7ff);

}

.safety-card{

    background:#fff;
    border-radius:22px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;

}

.safety-card:hover{

    transform:translateY(-8px);

}

.safety-card i{

    width:80px;
    height:80px;
    background:#edf5ff;
    color:#2E5AAC;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 25px;
    font-size:34px;

}

.safety-card h4{

    font-size:24px;
    margin-bottom:15px;
    color:#183153;

}

.safety-card p{

    color:#666;
    line-height:30px;

}


/*==========================================
        FAQ
==========================================*/

.trial-faq{

    padding:30px 0;
    background:#f8fbff;

}

.accordion-item{

    border:none;
    margin-bottom:20px;
    border-radius:18px!important;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.accordion-button{

    padding:22px 28px;
    font-size:20px;
    font-weight:600;

}

.accordion-button:not(.collapsed){

    background:#2E5AAC;
    color:#fff;

}

.accordion-body{

    padding:25px 30px;
    line-height:30px;
    color:#666;

}


/*==========================================
        CONTACT
==========================================*/

.research-contact{

    padding:30px 0;
    background:
    linear-gradient(135deg,#2E5AAC,#5b7cff);
    color:#fff;

}

.research-contact h2{

    font-size:46px;
    font-weight:700;
    margin:20px 0;

}

.research-contact p{

    font-size:18px;
    line-height:34px;
    color:#eef4ff;

}

.contact-list{

    margin-top:35px;

}

.contact-list div{

    margin-bottom:18px;
    font-size:18px;

}

.contact-list i{

    width:35px;
    color:#9fd3ff;

}

.research-contact .btn{

    border-radius:40px;
    padding:15px 38px;
    font-weight:600;
    font-size:18px;
    background:#fff;
    color:#2E5AAC;
    border:none;

}

.research-contact .btn:hover{

    background:#eef5ff;

}