/* =========================
   BODY
========================= */

body{
    font-family:'Segoe UI',sans-serif;
    background:#f5f7fb;
}

/* =========================
   TOP BAR
========================= */

.top-bar{
    background:#1e1b4b;
    color:#fff;
    padding:8px 0;
    font-size:14px;
}

.top-bar i{
    color:#facc15;
}

.social-icon{

    width:32px;
    height:32px;

    display:inline-flex;

    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:#312e81;

    color:#fff;

    text-decoration:none;

    margin-left:5px;
}

.social-icon:hover{
    background:#facc15;
    color:#1e1b4b;
}

/* =========================
   LOGO
========================= */

.logo-section{

    background:#fff;

    padding:10px;

    text-align:center;
}

.site-logo{

    max-height:110px;

    max-width:100%;

    width:auto;
}

/* =========================
   NAVBAR
========================= */

.navbar{

    background:linear-gradient(
    90deg,
    #4c1d95,
    #6d28d9,
    #9333ea
    );
}

.navbar-nav .nav-link{

    color:#fff !important;

    font-weight:600;

    padding:14px 18px !important;
}

.navbar-nav .nav-link:hover{

    color:#facc15 !important;
}

.dropdown-menu{

    border:none;

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

/* =========================
   APPEAL BUTTON
========================= */

.appeal-btn-nav{

    background:linear-gradient(
    135deg,
    #f59e0b,
    #ef4444
    );

    color:#fff;

    padding:10px 20px;

    border-radius:40px;

    text-decoration:none;

    font-weight:700;
}

.appeal-btn-nav:hover{

    color:#fff;

    transform:translateY(-2px);
}

/* =========================
   HOME CARDS
========================= */

.home-card{

    background:#fff;

    border-radius:15px;

    padding:20px;

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

/* =========================
   NEWS
========================= */

.news-item{

    border-left:4px solid #6d28d9;

    padding:10px;

    margin-bottom:10px;

    background:#fff;
}

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

.about-section{

    background:linear-gradient(
    135deg,
    #4c1d95,
    #7c3aed
    );

    color:#fff;

    padding:60px;

    border-radius:20px;
}

/* MOBILE */

@media(max-width:768px){

.site-logo{
    max-height:70px;
}

.appeal-btn-nav{
    display:block;
    margin-top:10px;
}

}/* =========================
   BODY
========================= */

body{
    font-family:'Segoe UI',sans-serif;
    background:#f5f7fb;
}

/* =========================
   TOP BAR
========================= */


/* TOP BAR */
.top-bar{
    background:#1e1b4b;
    color:#fff;
    padding:8px 0;
    font-size:14px;
}

.top-contact{
    display:flex;
    align-items:center;
    gap:20px;
}

.top-contact i{
    color:#facc15;
    margin-right:5px;
}

/* RIGHT SIDE */
.top-social{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
}

.follow-text{
    margin-right:10px;
    font-weight:600;
}

/* SOCIAL ICONS */
.top-social a{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    color:#fff;

    text-decoration:none;

    transition:0.3s;
}

.top-social a:hover{
    background:#facc15;
    color:#1e1b4b;
}

/* MOBILE */
@media(max-width:768px){

    .top-contact{
        justify-content:center;
        flex-wrap:wrap;
        margin-bottom:8px;
    }

    .top-social{
        justify-content:center;
    }
}
/* =========================
   LOGO
========================= */

.logo-section{

    background:#fff;

    padding:10px;

    text-align:center;
}

.site-logo{

    max-height:110px;

    max-width:100%;

    width:auto;
}

/* =========================
   NAVBAR
========================= */

.navbar{

    background:linear-gradient(
    90deg,
    #4c1d95,
    #6d28d9,
    #9333ea
    );
}

.navbar-nav .nav-link{

    color:#fff !important;

    font-weight:600;

    padding:14px 18px !important;
}

.navbar-nav .nav-link:hover{

    color:#facc15 !important;
}

.dropdown-menu{

    border:none;

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

/* =========================
   APPEAL BUTTON
========================= */

.appeal-btn-nav{

    background:linear-gradient(
    135deg,
    #f59e0b,
    #ef4444
    );

    color:#fff;

    padding:10px 20px;

    border-radius:40px;

    text-decoration:none;

    font-weight:700;
}

.appeal-btn-nav:hover{

    color:#fff;

    transform:translateY(-2px);
}

/* =========================
   HOME CARDS
========================= */

.home-card{

    background:#fff;

    border-radius:15px;

    padding:20px;

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

/* =========================
   NEWS
========================= */

.news-item{

    border-left:4px solid #6d28d9;

    padding:10px;

    margin-bottom:10px;

    background:#fff;
}

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

.about-section{

    background:linear-gradient(
    135deg,
    #4c1d95,
    #7c3aed
    );

    color:#fff;

    padding:60px;

    border-radius:20px;
}

/* MOBILE */

@media(max-width:768px){

.site-logo{
    max-height:70px;
}

.appeal-btn-nav{
    display:block;
    margin-top:10px;
}

}

.news-link{
    text-decoration:none;
    color:#333;
    font-weight:600;
    display:block;
}

.news-link:hover{
    color:#6d28d9;
}

.news-content img{
    max-width:100%;
    height:auto;
}

.news-content{
    line-height:1.8;
}


/* NEWS PAGE */

.news-card{

    border:none;
    border-radius:15px;
    overflow:hidden;

    transition:.3s;
}

.news-card:hover{

    transform:translateY(-5px);

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

.news-img{

    height:220px;

    object-fit:cover;
}

.news-date{

    color:#6d28d9;

    font-size:14px;

    margin-bottom:10px;
}

.news-title{

    font-size:18px;

    font-weight:600;

    line-height:1.5;
}

.btn-purple{

    background:#6d28d9;

    color:#fff;
}

.btn-purple:hover{

    background:#5b21b6;

    color:#fff;
}


/* NEWS DETAILS */

.featured-news-image{

    width:100%;

    border-radius:15px;

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

    object-fit:cover;
}

.news-date{

    color:#6d28d9;

    font-weight:600;
}

.short-description{

    background:#f8f9fa;

    padding:15px;

    border-left:4px solid #6d28d9;

    border-radius:8px;

    line-height:1.8;
}

.full-description{

    font-size:16px;

    line-height:2;
}

.full-description img{

    max-width:100%;

    height:auto;
}

.gallery-image{

    width:100%;

    height:220px;

    object-fit:cover;

    border-radius:12px;

    transition:.3s;
}

.gallery-image:hover{

    transform:scale(1.05);
}