body{
    background:#f7f2e4;
    color:#222;
}

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

.exam-hero{
    padding:100px 0 70px;
    position:relative;
    overflow:hidden;
}

.exam-hero:before{
    content:'';
    width:650px;
    height:650px;
    border:1px solid rgba(139,26,26,.08);
    border-radius:50%;
    position:absolute;
    left:50%;
    top:-120px;
    transform:translateX(-50%);
}

.hero-badge{
    display:inline-block;
    padding:10px 25px;
    border:1px solid #d8c8ab;
    border-radius:40px;
    font-size:12px;
    letter-spacing:3px;
    color:#8B1A1A;
    margin-bottom:30px;
}

.exam-hero h1{
    font-size:72px;
    line-height:1.1;
    font-family:'Playfair Display',serif;
    margin-bottom:25px;
}

.exam-hero h1 span{
    color:#8B1A1A;
    font-style:italic;
}

.exam-hero p{
    font-size:20px;
    color:#6d645d;
    line-height:1.9;
}

.hero-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin:40px 0;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 5px 30px rgba(0,0,0,.05);
}

.hero-stats div{
    padding:25px;
    text-align:center;
    border-right:1px solid #eee;
}

.hero-stats div:last-child{
    border-right:0;
}

.hero-stats h3{
    color:#8B1A1A;
    font-size:40px;
    margin:0;
}

.hero-btn{
    background:#8B1A1A;
    color:#fff;
    padding:16px 35px;
    border-radius:50px;
    display:inline-block;
    text-decoration:none;
}

.hero-image img{
    max-width:100%;
}

/* ===========================
COUNTER
=========================== */

.exam-counter-bar{
    padding:30px 0 60px;
}

.counter-wrap{
    background:linear-gradient(90deg,#5f0505,#8B1A1A);
    border-radius:20px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.counter-item{
    text-align:center;
    color:#fff;
    padding:35px 20px;
}

.counter-item h3{
    font-size:40px;
    margin-bottom:10px;
}

/* ===========================
COMMON
=========================== */

section{
    padding:90px 0;
}

.sec-label{
    color:#c08b2a;
    font-size:12px;
    letter-spacing:4px;
    display:block;
    margin-bottom:15px;
}

section h2{
    font-size:52px;
    font-family:'Playfair Display',serif;
    margin-bottom:35px;
}

/* ===========================
OVERVIEW
=========================== */

.overview-content{
    border-left:4px solid #8B1A1A;
    padding-left:30px;
}

.overview-content p{
    line-height:2;
    color:#5f5f5f;
}

.feature-item{
    background:#fff;
    padding:30px;
    border-radius:20px;
    margin-bottom:20px;
    box-shadow:0 3px 20px rgba(0,0,0,.04);
}

.feature-item h4{
    margin-bottom:15px;
}

/* ===========================
TABLE
=========================== */

.marks-table{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.marks-table thead{
    background:#8B1A1A;
    color:#fff;
}

.marks-table th,
.marks-table td{
    padding:18px;
}

.marks-table tbody tr:hover{
    background:#faf6ee;
}

/* ===========================
STAGES
=========================== */

.stage-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
}

.stage-card{
    background:#fff;
    border-radius:20px;
    text-align:center;
    padding:30px 20px;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.stage-number{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#8B1A1A;
    color:#fff;
    margin:auto auto 20px;
    line-height:50px;
    font-weight:bold;
}

/* ===========================
PAPERS
=========================== */

.paper-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.paper-card h3{
    font-size:50px;
    font-family:'Playfair Display',serif;
}

.paper-card ul{
    padding-left:20px;
}

.paper-card ul li{
    margin-bottom:18px;
}

.practical{
    border-top:6px solid #8B1A1A;
    padding:40px;
}

.theory{
    border-top:6px solid #5060d8;
    padding:40px;
}

/* ===========================
COMPETITION
=========================== */

.competition-card{
    background:#fff;
    border-radius:25px;
    padding:40px;
    height:100%;
    box-shadow:0 5px 25px rgba(0,0,0,.05);
}

.competition-card h3{
    font-family:'Playfair Display',serif;
    margin-bottom:20px;
}

.competition-card a{
    color:#8B1A1A;
    font-weight:600;
    text-decoration:none;
}

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

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.process-box{
    text-align:center;
}

.process-box h3{
    width:80px;
    height:80px;
    background:linear-gradient(45deg,#8B1A1A,#d89c2a);
    color:#fff;
    border-radius:50%;
    line-height:80px;
    margin:auto auto 20px;
}

/* ===========================
DOWNLOADS
=========================== */

.downloads-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.download-card{
    background:#fff;
    padding:30px;
    border-radius:20px;
    text-decoration:none;
    color:#222;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
    transition:.3s;
}

.download-card:hover{
    transform:translateY(-5px);
}

.exam-cta{
    text-align:center;
}

.exam-cta h2{
    margin-bottom:30px;
}

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

@media(max-width:991px){

.exam-hero h1{
    font-size:50px;
}

.hero-stats,
.counter-wrap,
.process-grid,
.downloads-grid,
.stage-grid{
    grid-template-columns:repeat(2,1fr);
}

.hero-image{
    margin-top:50px;
}

section h2{
    font-size:40px;
}

}

@media(max-width:767px){

.hero-stats,
.counter-wrap,
.process-grid,
.downloads-grid,
.stage-grid{
    grid-template-columns:1fr;
}

.exam-hero{
    padding-top:60px;
}

.exam-hero h1{
    font-size:40px;
}

.exam-hero p{
    font-size:17px;
}

section h2{
    font-size:32px;
}

.counter-item{
    border-bottom:1px solid rgba(255,255,255,.1);
}

.practical,
.theory{
    margin-bottom:25px;
}

}

======================================================================

Fair & Supervised Assessment



/*================ EXAM PAGE ================*/

.exam-hero{
    padding:100px 0;
    background:#f8f4ea;
}

.exam-badge{
    display:inline-block;
    padding:10px 25px;
    border:1px solid #e6d9be;
    border-radius:50px;
    color:#8B1A1A;
    font-size:12px;
    letter-spacing:3px;
    margin-bottom:25px;
}

.exam-title{
    font-size:75px;
    font-family:'Playfair Display',serif;
    line-height:1.1;
    margin-bottom:25px;
}

.exam-title span{
    display:block;
    color:#8B1A1A;
    font-style:italic;
}

.exam-desc{
    color:#6c625c;
    line-height:2;
    font-size:18px;
}

.exam-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
    margin-top:40px;
}

.exam-stat-box{
    background:#fff;
    border-radius:20px;
    padding:25px;
    text-align:center;
}

.exam-stat-box h3{
    color:#8B1A1A;
    font-size:42px;
}

.exam-btn{
    display:inline-block;
    margin-top:35px;
    background:#8B1A1A;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
}

.exam-btn:hover{
    color:#fff;
}

.exam-oval{
    height:520px;
    border:4px solid #d2a347;
    border-radius:50%/45%;
    overflow:hidden;
    display:flex;
}

.exam-panel{
    flex:1;
}

.exam-panel img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.exam-counter-section{
    background:#f8f4ea;
}

.exam-counter-box{
    background:linear-gradient(90deg,#7d0707,#9f0d0d);
    border-radius:25px;
    padding:35px;
}

.counter-item{
    text-align:center;
    color:#fff;
}

.counter-item i{
    font-size:40px;
    color:#ffcc4d;
    margin-bottom:15px;
}

.counter-item h3{
    font-size:36px;
}

.overview-section{
    background:#f8f4ea;
    padding:100px 0;
}

.overview-badge{
    color:#d6a144;
    letter-spacing:4px;
    font-size:12px;
}

.overview-section h2{
    font-size:58px;
    margin:20px 0;
    font-family:'Playfair Display',serif;
}

.overview-content{
    border-left:4px solid #8B1A1A;
    padding-left:30px;
}

.overview-content p{
    line-height:2;
    color:#6d615a;
}

.exam-feature-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    margin-bottom:20px;
    display:flex;
    gap:20px;
}

.exam-feature-card i{
    font-size:35px;
    color:#d8a236;
}

@media(max-width:768px){

.exam-title{
    font-size:45px;
}

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

.exam-oval{
    margin-top:40px;
    height:300px;
}

}