:root {
    --mock-ink: #211a16;
    --mock-navy: #062e58;
    --mock-red: #c91f0b;
    --mock-orange: #f56608;
    --mock-cream: #fff8f1;
    --mock-line: #efd1bd;
}

.mock-interview-page {
    margin: 0;
    color: var(--mock-ink);
    background: #fffaf5;
    font-family: "Manrope", Arial, sans-serif;
}

.mock-interview-page main { overflow: hidden; }
.mock-interview-page .container { width: min(1320px, calc(100% - 32px)); margin-inline: auto; }
.mock-interview-page .row { display: flex; flex-wrap: wrap; margin-inline: -12px; }
.mock-interview-page .row > * { min-width: 0; padding-inline: 12px; }
.mock-interview-page .col-md-12 { width: 100%; }
.mock-interview-page .col-md-6 { width: 50%; }
.mock-interview-page .col-md-7 { width: 58.333%; }
.mock-interview-page .col-md-5 { width: 41.667%; }
.mock-interview-page .col-sm-12 { width: 100%; }
.mock-interview-page .col-sm-7 { width: 58.333%; }
.mock-interview-page .col-sm-6 { width: 50%; }
.mock-interview-page .col-sm-5 { width: 41.667%; }
.mock-interview-page .col-sm-4 { width: 33.333%; }

.mock-hero {
    position: relative;
    padding: 58px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 20%, rgba(255,255,255,.72) 0 92px, transparent 93px),
        linear-gradient(118deg, #ffd47d 0%, #fff0cf 54%, #fff8ee 100%);
}

.mock-hero::after {
    position: absolute;
    right: -80px;
    bottom: -120px;
    width: 320px;
    height: 320px;
    border: 42px solid rgba(227, 78, 20, .1);
    border-radius: 50%;
    content: "";
}

.mock-hero .row { align-items: center; }
.mock-hero .matter { position: relative; z-index: 1; max-width: 810px; }
.mock-eyebrow,
.mock-section-kicker {
    display: block;
    margin-bottom: 10px;
    color: var(--mock-red);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.mock-hero h1 {
    margin: 0 0 14px;
    color: var(--mock-ink);
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1;
}

.mock-hero p { max-width: 760px; margin: 0; color: #5e493c; font-size: 18px; line-height: 1.65; }
.mock-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.mock-button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    border: 1px solid var(--mock-red);
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
}
.mock-button-primary { color: #fff; background: linear-gradient(135deg, var(--mock-orange), var(--mock-red)); }
.mock-button-secondary { color: var(--mock-red); background: rgba(255,255,255,.75); }
.mock-hero-card {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 26px;
    color: #fff;
    background: linear-gradient(145deg, #092f59, #061f3b);
    box-shadow: 0 24px 50px rgba(47, 35, 25, .18);
}
.mock-hero-card span { color: #ffb761; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mock-hero-card strong { font-size: clamp(24px, 2.2vw, 34px); line-height: 1.2; }
.mock-hero-card small { color: #c9d7e6; font-size: 15px; }

.mock-interview-page .breadcrumb { display: flex; gap: 10px; margin: 0; padding: 18px 0; list-style: none; }
.mock-interview-page .breadcrumb-item + .breadcrumb-item::before { margin-right: 10px; color: #b59b89; content: "/"; }
.mock-interview-page .breadcrumb a { color: var(--mock-red) !important; text-decoration: none; }
.mock-main-container { padding-bottom: 36px; }

.mock-registration-layout { align-items: flex-start; margin-top: 10px; }
.mock-form-column,
.mock-registration-sidebar { align-self: flex-start; }
.mock-registration-sidebar { position: sticky; top: 18px; }
.mock-registration-sidebar .mock-schedule { margin: 0 0 16px; padding: 24px; border-radius: 24px; background: linear-gradient(155deg, #fff, #fff8f1); }
.mock-registration-sidebar .mock-schedule-heading { display: block; margin-bottom: 18px; }
.mock-registration-sidebar .mock-schedule-heading h2 { font-size: 27px; }
.mock-registration-sidebar .mock-schedule-heading p { margin-top: 9px; font-size: 14px; }
.mock-registration-sidebar .mock-schedule-grid { grid-template-columns: 1fr; gap: 9px; }
.mock-registration-sidebar .mock-detail-card { min-height: 72px; padding: 13px; border-radius: 15px; }
.mock-registration-sidebar .mock-detail-card .material-symbols-outlined { flex-basis: 40px; width: 40px; height: 40px; }
.mock-registration-sidebar .mock-detail-card strong { font-size: 14px; }
.mock-sidebar-note { display: flex; gap: 14px; margin-top: 14px; padding: 20px; border: 1px solid var(--mock-line); border-radius: 20px; background: #fff; box-shadow: 0 12px 30px rgba(64,36,20,.07); }
.mock-sidebar-note > .material-symbols-outlined { display: grid; flex: 0 0 45px; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: var(--mock-red); background: #fff0e5; }
.mock-sidebar-note strong { display: block; margin-bottom: 5px; font-size: 17px; }
.mock-sidebar-note p { margin: 0; color: #6d5d53; font-size: 14px; line-height: 1.55; }
.mock-sidebar-note a { display: inline-flex; margin-top: 12px; padding: 9px 14px; border-radius: 999px; color: var(--mock-navy); background: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.mock-sidebar-note-dark { color: #fff; border-color: var(--mock-navy); background: linear-gradient(145deg, #082f57, #041f3b); }
.mock-sidebar-note-dark > .material-symbols-outlined { color: #fff; background: linear-gradient(135deg, var(--mock-orange), var(--mock-red)); }
.mock-sidebar-note-dark p { color: #cfdae5; }

.mock-schedule,
.mock-features { margin: 32px 0; padding: 32px; border: 1px solid var(--mock-line); border-radius: 28px; background: #fff; box-shadow: 0 18px 46px rgba(74, 42, 24, .07); }
.mock-schedule-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 42%); align-items: end; gap: 0 34px; margin-bottom: 24px; }
.mock-schedule-heading .mock-section-kicker { grid-column: 1; }
.mock-schedule-heading h2 { grid-column: 1; margin: 0; font-size: clamp(27px, 3vw, 42px); line-height: 1.12; }
.mock-schedule-heading p { grid-column: 2; grid-row: 1 / 3; margin: 0; color: #6d5d53; line-height: 1.65; }
.mock-schedule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mock-detail-card {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    padding: 17px;
    border: 1px solid #efdbce;
    border-radius: 18px;
    color: var(--mock-ink);
    background: var(--mock-cream);
    text-decoration: none;
}
.mock-detail-card:hover { border-color: #e79b6e; background: #fff1e4; }
.mock-detail-card .material-symbols-outlined { display: grid; flex: 0 0 45px; width: 45px; height: 45px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, var(--mock-orange), var(--mock-red)); }
.mock-detail-card div { min-width: 0; }
.mock-detail-card small { display: block; margin-bottom: 3px; color: #8d6753; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.mock-detail-card strong { display: block; overflow-wrap: anywhere; font-size: 16px; line-height: 1.4; }

.mock-section-head { display: grid; grid-template-columns: minmax(0, 1fr); margin-bottom: 22px; }
.mock-section-head h2 { max-width: 760px; margin: 0; font-size: clamp(27px, 3vw, 42px); line-height: 1.15; }
.mock-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.mock-feature-grid article { min-height: 190px; padding: 22px; border-radius: 20px; background: #fff7ef; }
.mock-feature-grid article b { display: inline-grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: var(--mock-navy); }
.mock-feature-grid h3 { margin: 18px 0 6px; font-size: 19px; }
.mock-feature-grid p { margin: 0; color: #66564d; font-size: 14px; line-height: 1.6; }

.mock-form-heading { max-width: 840px; padding: 22px 12px 20px; }
.mock-form-heading h2 { margin: 0 0 8px; font-size: clamp(28px, 3vw, 42px); }
.mock-form-heading p { margin: 0; color: #6d5d53; }
#UpdatePanelRegiister .form.myform {
    margin-bottom: 28px;
    padding: 28px !important;
    border: 1px solid var(--mock-line);
    border-radius: 24px;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(135deg,#ffb77c,#f2d7c4) border-box !important;
    box-shadow: 0 18px 44px rgba(64, 36, 20, .09) !important;
}
#UpdatePanelRegiister .form.myform > .row { padding: 12px 8px 2px; border-radius: 16px; }
#UpdatePanelRegiister .form.myform > .row:nth-of-type(odd) { background: #fffaf5; }
#UpdatePanelRegiister .form-group { margin-bottom: 16px; }
#UpdatePanelRegiister label { display: block; margin-bottom: 7px; color: #31251f !important; font-size: 13px; font-weight: 800; }
#UpdatePanelRegiister .form-control,
#UpdatePanelRegiister input[type="file"] {
    width: 100%;
    min-height: 46px !important;
    padding: 10px 12px !important;
    border: 1px solid #ddc6b6;
    border-radius: 11px;
    color: #27211d;
    background: #fffdfb;
    font: inherit;
}
#UpdatePanelRegiister .form-control:focus { border-color: var(--mock-orange); outline: 3px solid rgba(245,102,8,.13); box-shadow: none; }
#UpdatePanelRegiister input[type="submit"] { width: 100%; min-height: 56px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--mock-orange), var(--mock-red)) !important; box-shadow: 0 12px 24px rgba(196,39,12,.2); font-size: 17px; font-weight: 800; }
.mock-interview-page .img-fluid { display: block; width: 100%; height: auto; border: 1px solid var(--mock-line); border-radius: 24px; box-shadow: 0 18px 44px rgba(64,36,20,.12); }
.mock-enquiry-strip { padding: 13px 18px; border-radius: 13px; color: #fff; background: var(--mock-navy); text-align: center; }
.mock-enquiry-strip a { color: #ffbf6d; font-weight: 800; text-decoration: none; }

.mock-interview-page .page-title { margin: 18px 0 12px; color: var(--mock-ink); font-size: clamp(28px, 3vw, 42px); }
.mock-interview-page p,
.mock-interview-page li { line-height: 1.7; }
.mock-interview-page .container.py-5 { margin-top: 38px; padding: 38px 32px; border: 1px solid var(--mock-line); border-radius: 28px; background: linear-gradient(145deg,#fff8ef,#fff); box-shadow: 0 18px 45px rgba(64,36,20,.07); }
.mock-interview-page .container.py-5 > .row { row-gap: 18px; }
.mock-interview-page .container.py-5 > .row + .row { margin-top: 18px; }
.mock-interview-page .pb-4 { padding-bottom: 0 !important; }
.mock-interview-page .interview-panel-box { position: relative; display: flex; height: 100%; min-height: 158px; align-items: center; padding: 54px 22px 22px; overflow: hidden; border: 1px solid #ecd2c0; border-radius: 20px; background: #fff; box-shadow: 0 10px 25px rgba(63,38,22,.06); transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.mock-interview-page .interview-panel-box::before { position: absolute; top: 0; left: 0; padding: 9px 14px; border-radius: 0 0 14px 0; color: #fff; background: linear-gradient(135deg,var(--mock-orange),var(--mock-red)); content: "INTERVIEW BOARD"; font-size: 10px; font-weight: 800; letter-spacing: .09em; }
.mock-interview-page .interview-panel-box::after { position: absolute; right: -18px; bottom: -25px; width: 80px; height: 80px; border: 14px solid rgba(239,92,19,.07); border-radius: 50%; content: ""; }
.mock-interview-page .interview-panel-box:hover { border-color: #e79b6e; box-shadow: 0 16px 34px rgba(63,38,22,.12); transform: translateY(-3px); }
.mock-interview-page .interview-panel-box strong { display: inline-block; margin-bottom: 8px; color: var(--mock-navy); font-size: 17px; line-height: 1.35; }
.mock-interview-page .interview-panel-box > div { position: relative; z-index: 1; color: #66564d; font-size: 13px; line-height: 1.65; }
.mock-interview-page .interview-panel-box img { width: 100%; height: auto; border-radius: 14px; }
.mock-interview-page .accordion { margin: 24px 0; }
.mock-interview-page .card { margin-bottom: 10px; border: 1px solid var(--mock-line); border-radius: 14px; background: #fff; }
.mock-interview-page .card-header { padding: 13px 18px; }
.mock-interview-page .card-body { padding: 0 18px 18px; }
.mock-interview-page .video-responsive { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #000; }
.mock-interview-page .video-responsive iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

@media (max-width: 991px) {
    .mock-interview-page .col-md-6,
    .mock-interview-page .col-md-7,
    .mock-interview-page .col-md-5 { width: 100%; }
    .mock-registration-sidebar { position: static; margin-bottom: 28px; }
    .mock-registration-sidebar .mock-schedule-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mock-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mock-form-heading { padding-inline: 0; }
}

@media (max-width: 767px) {
    .mock-interview-page .container { width: min(100% - 22px, 680px); }
    .mock-interview-page .col-sm-7,
    .mock-interview-page .col-sm-6,
    .mock-interview-page .col-sm-5,
    .mock-interview-page .col-sm-4 { width: 100%; }
    .mock-hero { padding: 38px 0; }
    .mock-hero-card { margin-top: 24px; padding: 22px; }
    .mock-hero-actions .mock-button { width: 100%; }
    .mock-schedule,
    .mock-features { padding: 20px; border-radius: 21px; }
    .mock-schedule-heading { grid-template-columns: 1fr; }
    .mock-schedule-heading .mock-section-kicker,
    .mock-schedule-heading h2,
    .mock-schedule-heading p { grid-column: 1; grid-row: auto; }
    .mock-schedule-heading p { margin-top: 10px; }
    .mock-schedule-grid,
    .mock-feature-grid { grid-template-columns: 1fr; }
    .mock-registration-sidebar .mock-schedule-grid { grid-template-columns: 1fr; }
    .mock-feature-grid article { min-height: 0; }
    #UpdatePanelRegiister .form.myform { padding: 18px !important; }
    .mock-interview-page .container.py-5 { padding: 25px 18px; border-radius: 21px; }
}