/* @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700"); */

@import url("https://use.typekit.net/art4udo.css");

/* Proxima Nova Regular
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-style: normal;

        Proxima Nova Regular It
        font-family: "proxima-nova", sans-serif;
        font-weight: 400;
        font-style: italic;

        Proxima Nova Bold
        font-family: "proxima-nova", sans-serif;
        font-weight: 700;
        font-style: normal;

        Proxima Nova Bold It
        font-family: "proxima-nova", sans-serif;
        font-weight: 700;
        font-style: italic; */

:root{

    /* =================================
       SMRM 2026 OFFICIAL COLOR SYSTEM
    ================================= */

    /* Primary Brand (NIMHANS Blue) */
    --primary:#071C4F;
    --primary-dark:#051438;
    --primary-light:#1D4ED8;

    /* CTA / Action Color */
    --secondary:#F05A28;
    --secondary-dark:#D9471C;
    --secondary-light:#FF7A4D;

    /* Conference Theme Accent */
    --accent:#7B003A;
    --accent-dark:#5A002B;
    --accent-light:#A1004D;

    /* Supporting Colors */
    --green:#0B8A4A;
    --green-light:#17B26A;

    --pink:#E64A9B;
    --pink-light:#F06DB4;

    --yellow:#FFD600;
    --yellow-dark:#E6C200;

    /* =================================
       BACKGROUNDS
    ================================= */

    --bg-body:#F7F9FC;
    --bg-light:#FFFFFF;
    --bg-soft:#F3F6FA;
    --bg-dark:#051438;

    /* =================================
       TEXT
    ================================= */

    --text-dark:#1E1E1E;
    --text-medium:#4B5563;
    --text-light:#666666;
    --text-white:#FFFFFF;

    /* =================================
       BORDERS
    ================================= */

    --border:#E5EAF0;
    --border-dark:#CBD5E1;

    /* =================================
       HERO / BANNER GRADIENT
    ================================= */

    --gradient-hero:
    linear-gradient(
        135deg,
        #5A002B 0%,
        #7B003A 45%,
        #A1004D 100%
    );

    /* =================================
       PRIMARY GRADIENT
    ================================= */

    --gradient-primary:
    linear-gradient(
        135deg,
        #071C4F 0%,
        #1D4ED8 100%
    );

    /* =================================
       CTA GRADIENT
    ================================= */

    --gradient-secondary:
    linear-gradient(
        135deg,
        #F05A28 0%,
        #FF7A4D 100%
    );

    /* =================================
       CONFERENCE GRADIENT
    ================================= */

    --gradient-accent:
    linear-gradient(
        135deg,
        #7B003A 0%,
        #A1004D 100%
    );

    /* =================================
       SCIENTIFIC GRADIENT
    ================================= */

    --gradient-science:
    linear-gradient(
        135deg,
        #071C4F 0%,
        #0B8A4A 100%
    );

    /* =================================
       YELLOW HIGHLIGHT
    ================================= */

    --gradient-highlight:
    linear-gradient(
        135deg,
        #FFD600 0%,
        #FFC107 100%
    );

    /* =================================
       CARD BACKGROUND
    ================================= */

    --gradient-card:
    linear-gradient(
        135deg,
        #FFFFFF 0%,
        #F7F9FC 100%
    );

    /* =================================
       BORDER GRADIENT
    ================================= */

    --gradient-border:
    linear-gradient(
        135deg,
        #071C4F,
        #0B8A4A,
        #F05A28
    );

    /* =================================
       FOOTER
    ================================= */

    --gradient-footer:
    linear-gradient(
        135deg,
        #051438 0%,
        #071C4F 100%
    );

    /* =================================
       SHADOWS
    ================================= */

    --shadow-sm:
    0 4px 12px rgba(7,28,79,.08);

    --shadow-md:
    0 10px 30px rgba(7,28,79,.12);

    --shadow-lg:
    0 20px 50px rgba(7,28,79,.18);

    /* =================================
       BORDER RADIUS
    ================================= */

    --radius-xs:6px;
    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:24px;
    --radius-xl:32px;
    --radius-round:999px;

    /* =================================
       TRANSITIONS
    ================================= */

    --transition-fast:.2s ease;
    --transition-normal:.3s ease;
    --transition-slow:.5s ease;

    /* =================================
       TYPOGRAPHY
    ================================= */

    --heading-font:'Outfit',sans-serif;
    --body-font:'Inter',sans-serif;

}


.smrm-committee-section{

}

.smrm-committee-container{
    /* max-width:1300px; */
    margin:auto;
}

/* =========================
   GRID
========================= */

.smrm-committee-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

/* =========================
   CARD
========================= */

.smrm-committee-card{
    position:relative;
    background:var(--text-white);
    border-radius:5px;
    padding:20px 12px 12px 12px;
    text-align:center;
    overflow:hidden;
    /* border:1px solid var(--border); */
    transition:0.4s ease;
    box-shadow:
    0 10px 30px rgba(11,44,122,0.08);
}

.smrm-committee-card::before{
    content:'';
    position:absolute;
    inset:0;
    padding:1px;
    border-radius:12px;
    background:var(--gradient-card);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;
}

.smrm-committee-card:hover{
    transform:translateY(-10px);
    box-shadow:
    0 20px 50px rgba(11,44,122,0.16);
}

/* =========================
   IMAGE
========================= */

.smrm-committee-image{
    width:110px;
    height:110px;
    margin:0 auto 10px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    padding:2px;
    background:var(--gradient-primary);
}

.smrm-committee-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    background:#ddd;
}

/* =========================
   TEXT
========================= */

.smrm-committee-card h3{
    margin:0 0 5px;
    font-family:'Outfit',sans-serif;
    font-size:16px;
    font-weight:600;
    color:var(--primary);
    line-height:1.2;
}

.smrm-committee-card p{
    margin:0;
    font-size:14px;
    line-height:1.5;
    color:#555;
    font-style:italic;
    font-weight:400;
}

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

@media(max-width:1100px){

    .smrm-committee-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .smrm-committee-section{
        padding:60px 15px;
    }

    .smrm-committee-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .smrm-committee-card{
        padding:30px 20px;
    }

    .smrm-committee-card h3{
        font-size:24px;
    }

    .smrm-committee-card p{
        font-size:16px;
    }

}