/*==================================================
    INTERNATIONAL & NATIONAL ADVISORY COMMITTEE
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

:root{
    --primary:#173d7a;
    --secondary:#166feb;
    --accent:#a93600;
    --green:#27ae60;
    --text:#334155;
    --white:#ffffff;
}

/*==========================
    Advisory Section
==========================*/

.advisory-section{
    position:relative;
    overflow:hidden;
    padding: 10px 0;
    background:var(--theme-primary, #061e4b);
}

.advisory-section .container{
    position:relative;
    z-index:2;
}

/*==========================
    Advisory Backgrounds
==========================*/

.advisory-section.international,
.advisory-section.national {
    position: relative;
}

.advisory-section.international::before,
.advisory-section.national::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.advisory-section.international::before { display: none; }

.advisory-section.national::before { display: none; }

/*==========================
    Section Title
==========================*/

.section-title{

    text-align:center;

    margin-bottom: 0;

}

.section-title p{

    color:#a93600;

    font-size:18px;

    font-weight:500;

    margin-top: 2px;

}

/*==========================
    Badge
==========================*/

.title-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:4px 80px;

    border-radius: 50px;

    font-family:"Lora",serif;

    font-size: 1.6rem;

    font-weight:700;

    color:#fff;

    letter-spacing:.5px;

    border:2px solid rgba(255,255,255,.25);

    backdrop-filter:blur(10px);

    background:
    linear-gradient(rgba(255,255,255,.08),
    rgba(255,255,255,.03));

    box-shadow:
    0 10px 25px rgba(0,0,0,.35);

    transition:.35s;

}

.title-badge:hover{

    transform:translateY(-3px);

    box-shadow:
    0 18px 35px rgba(0,0,0,.40);

}

/*==========================
    Committee Box
==========================*/

.committee-box{

    position:relative;

    overflow:hidden;

    background:rgba(255, 255, 255, 0.7);

    border-radius:22px;

    padding:10px;

    box-shadow:
    0 12px 35px rgba(0,0,0,.12);

    border:1px solid rgba(0,0,0,.05);

}

/*==================================================
    COMMITTEE LIST
==================================================*/

.committee-list{
    list-style:disc;
    margin:0;
    padding-left:22px;
}

.committee-list li{

    color:#334155;

    font-size:17px;

    line-height:1.6;

    margin-bottom:10px;

    transition:.3s;

}

.committee-list li:last-child{

    margin-bottom:0;

}

.committee-list li::marker{

    color:#a93600;

    font-size:15px;

}

.committee-list strong{

    color:#173d7a;

    font-weight:700;

    transition:.3s;

}

.committee-list li:hover{

    color:#a93600;

    background:rgba(169, 54, 0, .08);

    transform:none;

}

.committee-list li:hover strong{

    color:#0b56c5;

}

/*====================================
    Committee Box
====================================*/

.international-box,
.national-box {
    background-repeat: no-repeat;
    background-position: center;
}

.international-box {
    background-image:
        linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)),
        url("../images/world.png");
    background-size: cover, 500px;
}

.national-box {
    background-image:
        linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)),
        url("../images/ind.png");
    background-size: cover, 300px;
}

/*====================================
    Responsive
====================================*/

@media (max-width:1200px){

    .title-badge{

        font-size:2rem;

    }

}

@media (max-width:992px){

    .advisory-section{

        padding:60px 0;

    }

    .committee-box{

        padding:30px;

    }

    .committee-list li{

        font-size:16px;

    }

    .section-title p{

        font-size:17px;

    }

}

@media (max-width:768px){

    .advisory-section{

        padding:45px 0;

    }

    .section-title{

        margin-bottom:30px;

        padding:0 15px;

    }

    .title-badge{

        width:100%;

        display:flex;

        font-size:1.45rem;

        padding:12px 18px;

        border-radius:30px;

        text-align:center;

    }

    .section-title p{

        font-size:15px;

        line-height:1.6;

        margin-top:15px;

    }

    .committee-box{

        padding:22px 18px;

        border-radius:18px;

    }

    .committee-list{

        margin-bottom:18px;

        padding-left:18px;

    }

    .committee-list li{

        font-size:15px;

        line-height:1.6;

        margin-bottom:8px;

    }
}

@media (max-width:576px){

    .title-badge{

        font-size:1.2rem;

        padding:10px 15px;

    }

    .committee-list{

        padding-left:16px;

    }

    .committee-list li{

        font-size:14px;

    }

}

@media (min-width:992px){

    .committee-box .row{

        align-items:flex-start;

    }

    .committee-list{

        padding-right:15px;

    }

}