/* ==========================================================
   MAR CONSULTANCY
   COMPONENTS
   ========================================================== */

/* ========= Cards ========= */

.card-modern{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:var(--shadow-sm);
    height:100%;
    position:relative;
}

.card-modern:hover{
    transform:translateY(-10px);
    box-shadow:var(--shadow-xl);
}

.card-modern img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.card-body{
    padding:28px;
}

.card-title{
    font-size:1.4rem;
    margin-bottom:15px;
}

.card-text{
    color:var(--text-light);
}

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

.service-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    transition:.35s;

    height:100%;

    box-shadow:var(--shadow-sm);

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow-xl);

}

.service-card .icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    color:#fff;

    background:var(--gradient-primary);

    margin-bottom:25px;

}

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

.country-card{

    border-radius:20px;

    overflow:hidden;

    background:#fff;

    box-shadow:var(--shadow-sm);

    transition:.3s;

}

.country-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

.country-card img{

    height:240px;

    width:100%;

    object-fit:cover;

}

.country-body{

    padding:25px;

}

.country-flag{

    width:40px;

    border-radius:5px;

    margin-right:10px;

}

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

.university-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    transition:.35s;

    box-shadow:var(--shadow-md);

}

.university-card:hover{

    transform:translateY(-8px);

}

.university-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.university-body{

    padding:25px;

}

.rank-badge{

    display:inline-block;

    padding:8px 14px;

    border-radius:50px;

    background:#eef5ff;

    color:var(--primary);

    font-weight:600;

}

/* ==========================================
   TESTIMONIAL
========================================== */

.testimonial{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:var(--shadow-sm);

}

.testimonial img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}

.stars{

    color:#FFC107;

}

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

.blog-card{

    border-radius:20px;

    overflow:hidden;

    background:#fff;

    transition:.3s;

    box-shadow:var(--shadow-sm);

}

.blog-card:hover{

    transform:translateY(-8px);

}

.blog-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.blog-content{

    padding:25px;

}

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

.accordion-item{

    border:none;

    margin-bottom:15px;

    border-radius:12px!important;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

}

.accordion-button{

    font-weight:600;

    padding:20px;

}

.accordion-button:not(.collapsed){

    background:var(--primary);

    color:#fff;

}

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

.team-card{

    text-align:center;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

}

.team-card img{

    width:100%;

    height:320px;

    object-fit:cover;

}

.team-body{

    padding:25px;

}

/* ==========================================
   GALLERY
========================================== */

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:18px;

}

.gallery-item img{

    width:100%;

    transition:.4s;

}

.gallery-item:hover img{

    transform:scale(1.12);

}

/* ==========================================
   PROCESS
========================================== */

.process-card{

    text-align:center;

    padding:30px;

}

.process-number{

    width:70px;

    height:70px;

    margin:auto;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--gradient-primary);

    color:#fff;

    font-size:26px;

    font-weight:700;

    margin-bottom:20px;

}

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

.contact-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:var(--shadow-sm);

    display:flex;

    align-items:flex-start;

    gap:20px;

}

.contact-card i{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:var(--gradient-primary);

    color:#fff;

    font-size:24px;

}

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

.glass-card{

    backdrop-filter:blur(20px);

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

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

    border-radius:20px;

    padding:30px;

}

/* ==========================================
   BADGES
========================================== */

.badge-primary{

    background:var(--primary);

    color:#fff;

    padding:8px 15px;

    border-radius:50px;

}

.badge-warning{

    background:var(--accent);

    color:#fff;

    padding:8px 15px;

    border-radius:50px;

}