:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4cdfe8a *//* =========================================================
   A LEVEL ENGLISH LITERATURE TUTOR PAGE
   CSS PART 1 OF 3
   Base, Layout, Typography, Buttons, Hero and Feature Panels
========================================================= */


/* =========================================================
   1. PAGE VARIABLES
========================================================= */

.etl-alevel-literature-page {
    --etl-lit-navy-950: #071321;
    --etl-lit-navy-900: #0b1c2d;
    --etl-lit-navy-850: #10263b;
    --etl-lit-navy-800: #142d45;
    --etl-lit-navy-700: #1b3a56;

    --etl-lit-gold-600: #b98a2e;
    --etl-lit-gold-500: #cda349;
    --etl-lit-gold-400: #dfbd70;
    --etl-lit-gold-300: #ead39b;

    --etl-lit-cream-100: #f4efe4;
    --etl-lit-cream-50: #faf7f0;

    --etl-lit-white: #ffffff;
    --etl-lit-text-dark: #172432;
    --etl-lit-text-mid: #546271;
    --etl-lit-text-light: #dfe7ee;

    --etl-lit-border-light: rgba(11, 28, 45, 0.12);
    --etl-lit-border-gold: rgba(205, 163, 73, 0.38);

    --etl-lit-shadow-soft: 0 18px 55px rgba(7, 19, 33, 0.1);
    --etl-lit-shadow-card: 0 22px 65px rgba(7, 19, 33, 0.16);
    --etl-lit-shadow-dark: 0 26px 80px rgba(0, 0, 0, 0.26);

    --etl-lit-radius-small: 12px;
    --etl-lit-radius-medium: 20px;
    --etl-lit-radius-large: 30px;

    --etl-lit-transition: 0.3s ease;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--etl-lit-white);
    color: var(--etl-lit-text-dark);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* =========================================================
   2. RESET
========================================================= */

.etl-alevel-literature-page,
.etl-alevel-literature-page *,
.etl-alevel-literature-page *::before,
.etl-alevel-literature-page *::after {
    box-sizing: border-box;
}

.etl-alevel-literature-page h1,
.etl-alevel-literature-page h2,
.etl-alevel-literature-page h3,
.etl-alevel-literature-page p,
.etl-alevel-literature-page ul,
.etl-alevel-literature-page li {
    margin-top: 0;
}

.etl-alevel-literature-page h1,
.etl-alevel-literature-page h2,
.etl-alevel-literature-page h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.etl-alevel-literature-page h2 {
    margin-bottom: 22px;
    color: var(--etl-lit-navy-900);
    font-size: clamp(2rem, 4vw, 3.45rem);
    line-height: 1.08;
}

.etl-alevel-literature-page h3 {
    margin-bottom: 14px;
    color: var(--etl-lit-navy-900);
    font-size: 1.38rem;
    line-height: 1.25;
}

.etl-alevel-literature-page p {
    margin-bottom: 20px;
    color: var(--etl-lit-text-mid);
}

.etl-alevel-literature-page p:last-child {
    margin-bottom: 0;
}

.etl-alevel-literature-page a {
    color: inherit;
    text-decoration: none;
}

.etl-alevel-literature-page img {
    display: block;
    max-width: 100%;
}


/* =========================================================
   3. SHARED CONTAINERS
========================================================= */

.etl-alevel-literature-container {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.etl-alevel-literature-narrow {
    width: min(880px, calc(100% - 48px));
    text-align: center;
}

.etl-alevel-literature-section {
    position: relative;
    padding: 110px 0;
}

.etl-alevel-literature-section-light {
    background: var(--etl-lit-white);
}

.etl-alevel-literature-section-cream {
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(205, 163, 73, 0.09),
            transparent 30%
        ),
        var(--etl-lit-cream-50);
}

.etl-alevel-literature-section-navy {
    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(205, 163, 73, 0.12),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 80%,
            rgba(255, 255, 255, 0.04),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            var(--etl-lit-navy-950),
            var(--etl-lit-navy-800)
        );
}

.etl-alevel-literature-section-gold {
    background:
        linear-gradient(
            135deg,
            #d2a84e 0%,
            #e1c177 50%,
            #c59637 100%
        );
}


/* =========================================================
   4. SECTION HEADINGS
========================================================= */

.etl-alevel-literature-section-heading {
    width: min(780px, 100%);
    margin: 0 auto 56px;
    text-align: center;
}

.etl-alevel-literature-section-heading p {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.06rem;
}

.etl-alevel-literature-section-label,
.etl-alevel-literature-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--etl-lit-gold-600);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.3;
    text-transform: uppercase;
}

.etl-alevel-literature-section-label::before,
.etl-alevel-literature-eyebrow::before {
    width: 34px;
    height: 1px;
    background: currentColor;
    content: "";
}

.etl-alevel-literature-heading-light h2 {
    color: var(--etl-lit-white);
}

.etl-alevel-literature-heading-light p {
    color: rgba(223, 231, 238, 0.82);
}

.etl-alevel-literature-heading-light .etl-alevel-literature-section-label {
    color: var(--etl-lit-gold-400);
}

.etl-alevel-literature-heading-dark h2,
.etl-alevel-literature-heading-dark p {
    color: var(--etl-lit-navy-950);
}

.etl-alevel-literature-label-dark {
    color: var(--etl-lit-navy-800);
}

.etl-alevel-literature-lead {
    margin-bottom: 26px;
    color: var(--etl-lit-navy-800) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.55;
}


/* =========================================================
   5. SHARED TWO-COLUMN LAYOUT
========================================================= */

.etl-alevel-literature-two-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
    gap: 76px;
    align-items: center;
}


/* =========================================================
   6. BUTTONS
========================================================= */

.etl-alevel-literature-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 34px;
}

.etl-alevel-literature-button-row-centred {
    justify-content: center;
}

.etl-alevel-literature-button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    padding: 14px 25px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.94rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    line-height: 1.2;
    text-align: center;
    transition:
        transform var(--etl-lit-transition),
        box-shadow var(--etl-lit-transition),
        border-color var(--etl-lit-transition),
        background-color var(--etl-lit-transition),
        color var(--etl-lit-transition);
}

.etl-alevel-literature-button:hover {
    transform: translateY(-3px);
}

.etl-alevel-literature-button:focus-visible,
.etl-alevel-literature-faq-item summary:focus-visible {
    outline: 3px solid rgba(223, 189, 112, 0.72);
    outline-offset: 4px;
}

.etl-alevel-literature-button-primary {
    background:
        linear-gradient(
            135deg,
            var(--etl-lit-gold-400),
            var(--etl-lit-gold-600)
        );
    box-shadow: 0 14px 34px rgba(185, 138, 46, 0.27);
    color: var(--etl-lit-navy-950) !important;
}

.etl-alevel-literature-button-primary:hover {
    box-shadow: 0 18px 42px rgba(185, 138, 46, 0.37);
}

.etl-alevel-literature-button-secondary {
    border-color: rgba(223, 189, 112, 0.52);
    background: rgba(255, 255, 255, 0.045);
    color: var(--etl-lit-white) !important;
}

.etl-alevel-literature-button-secondary:hover {
    border-color: var(--etl-lit-gold-400);
    background: rgba(223, 189, 112, 0.1);
}

.etl-alevel-literature-button-outline {
    border-color: rgba(255, 255, 255, 0.46);
    background: rgba(255, 255, 255, 0.04);
    color: var(--etl-lit-white) !important;
}

.etl-alevel-literature-button-outline:hover {
    border-color: var(--etl-lit-white);
    background: rgba(255, 255, 255, 0.1);
}


/* =========================================================
   7. HERO
========================================================= */

.etl-alevel-literature-hero {
    position: relative;
    isolation: isolate;
    min-height: 760px;
    overflow: hidden;
    padding: 130px 0 115px;
    background:
        linear-gradient(
            105deg,
            rgba(7, 19, 33, 0.99) 0%,
            rgba(11, 28, 45, 0.98) 48%,
            rgba(20, 45, 69, 0.96) 100%
        );
}

.etl-alevel-literature-hero::before {
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0.16;
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.055) 1px,
            transparent 1px
        );
    background-size: 58px 58px;
    content: "";
    mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

.etl-alevel-literature-hero::after {
    position: absolute;
    right: -160px;
    bottom: -240px;
    z-index: -1;
    width: 680px;
    height: 680px;
    border: 1px solid rgba(223, 189, 112, 0.18);
    border-radius: 50%;
    box-shadow:
        0 0 0 80px rgba(223, 189, 112, 0.025),
        0 0 0 160px rgba(223, 189, 112, 0.018);
    content: "";
}

.etl-alevel-literature-glow {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(8px);
    pointer-events: none;
}

.etl-alevel-literature-hero .etl-glow-one {
    top: -220px;
    left: -190px;
    width: 600px;
    height: 600px;
    background:
        radial-gradient(
            circle,
            rgba(205, 163, 73, 0.22),
            transparent 70%
        );
}

.etl-alevel-literature-hero .etl-glow-two {
    right: 8%;
    bottom: -270px;
    width: 650px;
    height: 650px;
    background:
        radial-gradient(
            circle,
            rgba(65, 104, 137, 0.25),
            transparent 68%
        );
}

.etl-alevel-literature-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);
    gap: 72px;
    align-items: center;
}

.etl-alevel-literature-hero-content {
    max-width: 730px;
}

.etl-alevel-literature-hero .etl-alevel-literature-eyebrow {
    color: var(--etl-lit-gold-400);
}

.etl-alevel-literature-hero h1 {
    max-width: 760px;
    margin-bottom: 24px;
    color: var(--etl-lit-white);
    font-size: clamp(3.2rem, 6vw, 5.8rem);
    line-height: 0.98;
}

.etl-alevel-literature-hero h1 span {
    display: block;
    margin-top: 17px;
    color: var(--etl-lit-gold-400);
    font-size: 0.47em;
    line-height: 1.15;
    letter-spacing: -0.015em;
}

.etl-alevel-literature-hero-intro {
    max-width: 690px;
    margin-bottom: 24px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 1.14rem;
    line-height: 1.72;
}


/* =========================================================
   8. HERO CARD
========================================================= */

.etl-alevel-literature-hero-card {
    position: relative;
    overflow: hidden;
    padding: 40px 38px;
    border: 1px solid rgba(223, 189, 112, 0.25);
    border-radius: var(--etl-lit-radius-large);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.105),
            rgba(255, 255, 255, 0.035)
        );
    box-shadow: var(--etl-lit-shadow-dark);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.etl-alevel-literature-hero-card::before {
    position: absolute;
    top: -120px;
    right: -100px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(223, 189, 112, 0.13),
            transparent 72%
        );
    content: "";
}

.etl-alevel-literature-card-label {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 22px;
    color: var(--etl-lit-gold-400);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.etl-alevel-literature-focus-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.etl-alevel-literature-focus-item {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 13px;
    align-items: center;
    padding: 15px 16px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    background: rgba(5, 15, 25, 0.26);
    transition:
        transform var(--etl-lit-transition),
        border-color var(--etl-lit-transition),
        background-color var(--etl-lit-transition);
}

.etl-alevel-literature-focus-item:hover {
    transform: translateX(4px);
    border-color: rgba(223, 189, 112, 0.32);
    background: rgba(223, 189, 112, 0.065);
}

.etl-alevel-literature-focus-item > span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(223, 189, 112, 0.4);
    border-radius: 50%;
    color: var(--etl-lit-gold-400);
    font-size: 0.72rem;
    font-weight: 900;
}

.etl-alevel-literature-focus-item strong {
    display: block;
    margin-bottom: 2px;
    color: var(--etl-lit-white);
    font-size: 0.92rem;
    line-height: 1.3;
}

.etl-alevel-literature-focus-item small {
    display: block;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.76rem;
    line-height: 1.45;
}


/* =========================================================
   9. INTRODUCTION
========================================================= */

.etl-alevel-literature-narrow h2 {
    margin-right: auto;
    margin-left: auto;
}

.etl-alevel-literature-narrow > p:not(.etl-alevel-literature-lead) {
    font-size: 1.02rem;
}

.etl-alevel-literature-narrow::after {
    display: block;
    width: 84px;
    height: 2px;
    margin: 38px auto 0;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--etl-lit-gold-500),
            transparent
        );
    content: "";
}


/* =========================================================
   10. FEATURE PANELS
========================================================= */

.etl-alevel-literature-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.etl-alevel-literature-feature-panel {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    padding: 34px 30px 32px;
    border: 1px solid var(--etl-lit-border-light);
    border-radius: var(--etl-lit-radius-medium);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--etl-lit-shadow-soft);
    transition:
        transform var(--etl-lit-transition),
        border-color var(--etl-lit-transition),
        box-shadow var(--etl-lit-transition);
}

.etl-alevel-literature-feature-panel::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background:
        linear-gradient(
            90deg,
            var(--etl-lit-gold-600),
            var(--etl-lit-gold-300)
        );
    content: "";
    transform: scaleX(0.28);
    transform-origin: left;
    transition: transform var(--etl-lit-transition);
}

.etl-alevel-literature-feature-panel:hover {
    transform: translateY(-7px);
    border-color: var(--etl-lit-border-gold);
    box-shadow: var(--etl-lit-shadow-card);
}

.etl-alevel-literature-feature-panel:hover::before {
    transform: scaleX(1);
}

.etl-alevel-literature-feature-icon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(185, 138, 46, 0.25);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(205, 163, 73, 0.17),
            rgba(205, 163, 73, 0.06)
        );
    color: var(--etl-lit-gold-600);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.etl-alevel-literature-feature-panel h3 {
    font-size: 1.38rem;
}

.etl-alevel-literature-feature-panel p {
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1.7;
}
/* =========================================================
   A LEVEL ENGLISH LITERATURE TUTOR PAGE
   CSS PART 2 OF 3
   Board Boxes, Topic Cards, Benefits,
   Process, FAQ
========================================================= */


/* =========================================================
   11. BOARD BOX
========================================================= */

.etl-alevel-literature-board-box{
    position:relative;
    overflow:hidden;
    padding:38px;
    border-radius:30px;
    border:1px solid rgba(185,138,46,.22);
    background:linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        rgba(250,247,240,.94)
    );
    box-shadow:var(--etl-lit-shadow-card);
}

.etl-alevel-literature-board-box::before{
    content:"";
    position:absolute;
    top:-80px;
    right:-70px;
    width:210px;
    height:210px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(205,163,73,.15),
        transparent 72%
    );
}

.etl-alevel-literature-board-title{
    position:relative;
    z-index:2;
    display:block;
    margin-bottom:24px;
    color:var(--etl-lit-navy-900);
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.45rem;
    font-weight:700;
    line-height:1.3;
}


/* =========================================================
   12. GOLD LIST
========================================================= */

.etl-alevel-literature-gold-list{
    position:relative;
    z-index:2;
    display:grid;
    gap:12px;
    margin:0;
    padding:0;
    list-style:none;
}

.etl-alevel-literature-gold-list li{
    position:relative;
    padding-left:28px;
    color:var(--etl-lit-text-mid);
    font-size:.94rem;
    line-height:1.65;
}

.etl-alevel-literature-gold-list li::before{
    content:"";
    position:absolute;
    top:13px;
    left:4px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--etl-lit-gold-500);
    box-shadow:0 0 0 4px rgba(205,163,73,.12);
}


/* =========================================================
   13. TOPIC GRID
========================================================= */

.etl-alevel-literature-topic-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.etl-alevel-literature-topic-card{
    position:relative;
    min-height:100%;
    padding:34px 30px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:.35s;
}

.etl-alevel-literature-topic-card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
    border-color:rgba(223,189,112,.28);
}

.etl-alevel-literature-topic-number{
    display:block;
    margin-bottom:20px;
    color:var(--etl-lit-gold-400);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.etl-alevel-literature-topic-number::after{
    content:"";
    display:inline-block;
    width:34px;
    height:1px;
    margin-left:12px;
    vertical-align:middle;
    background:rgba(223,189,112,.45);
}

.etl-alevel-literature-topic-card h3{
    color:#fff;
    margin-bottom:18px;
    font-size:1.35rem;
}

.etl-alevel-literature-topic-card p{
    margin:0;
    color:rgba(255,255,255,.72);
    font-size:.95rem;
    line-height:1.75;
}


/* =========================================================
   14. BENEFIT GRID
========================================================= */

.etl-alevel-literature-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
}

.etl-alevel-literature-benefit-card{
    position:relative;
    overflow:hidden;
    padding:34px 30px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(11,28,45,.08);
    box-shadow:var(--etl-lit-shadow-soft);
    transition:.35s;
}

.etl-alevel-literature-benefit-card:hover{
    transform:translateY(-8px);
    border-color:rgba(205,163,73,.35);
    box-shadow:var(--etl-lit-shadow-card);
}

.etl-alevel-literature-benefit-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        var(--etl-lit-gold-600),
        var(--etl-lit-gold-300)
    );
    transform:scaleX(.25);
    transform-origin:left;
    transition:.35s;
}

.etl-alevel-literature-benefit-card:hover::before{
    transform:scaleX(1);
}

.etl-alevel-literature-benefit-icon{
    display:flex;
    justify-content:center;
    align-items:center;
    width:54px;
    height:54px;
    margin-bottom:22px;
    border-radius:16px;
    background:linear-gradient(
        145deg,
        rgba(205,163,73,.18),
        rgba(205,163,73,.08)
    );
    color:var(--etl-lit-gold-600);
    font-family:Georgia,serif;
    font-size:1.25rem;
    font-weight:700;
}

.etl-alevel-literature-benefit-card h3{
    margin-bottom:16px;
    font-size:1.3rem;
}

.etl-alevel-literature-benefit-card p{
    margin:0;
    font-size:.94rem;
    line-height:1.7;
}


/* =========================================================
   15. PROCESS SECTION
========================================================= */

.etl-alevel-literature-process-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    margin-top:60px;
}

.etl-alevel-literature-process-step{
    position:relative;
    overflow:hidden;
    padding:40px 32px;
    border-radius:24px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(7,19,33,.12);
    backdrop-filter:blur(10px);
    box-shadow:0 18px 45px rgba(7,19,33,.12);
    transition:.35s;
}

.etl-alevel-literature-process-step::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        var(--etl-lit-gold-600),
        var(--etl-lit-gold-300)
    );
}

.etl-alevel-literature-process-step:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.28);
    box-shadow:0 28px 60px rgba(7,19,33,.18);
}

.etl-alevel-literature-process-number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin-bottom:24px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        var(--etl-lit-navy-900),
        var(--etl-lit-navy-700)
    );
    color:var(--etl-lit-gold-400);
    font-family:Georgia,serif;
    font-size:1.45rem;
    font-weight:700;
}

.etl-alevel-literature-process-step h3{
    margin-bottom:16px;
    color:#071321;
}

.etl-alevel-literature-process-step p{
    margin:0;
    color:#263746;
}


/* =========================================================
   16. FAQ
========================================================= */

.etl-alevel-literature-faq-list{
    display:grid;
    gap:18px;
}

.etl-alevel-literature-faq-item{
    overflow:hidden;
    border-radius:20px;
    border:1px solid rgba(11,28,45,.08);
    background:#fff;
    box-shadow:0 8px 24px rgba(7,19,33,.05);
}

.etl-alevel-literature-faq-item summary{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    list-style:none;
    padding:22px 28px;
    color:var(--etl-lit-navy-900);
    font-weight:700;
    transition:.3s;
}

.etl-alevel-literature-faq-item summary::-webkit-details-marker{
    display:none;
}

.etl-alevel-literature-faq-item summary:hover{
    background:rgba(205,163,73,.05);
}

.etl-alevel-literature-faq-item summary::after{
    content:"+";
    font-size:1.4rem;
    color:var(--etl-lit-gold-600);
    transition:.3s;
}

.etl-alevel-literature-faq-item[open] summary::after{
    transform:rotate(45deg);
}

.etl-alevel-literature-faq-answer{
    padding:0 28px 28px;
}

.etl-alevel-literature-faq-answer p{
    margin:0;
    line-height:1.75;
}
/* =========================================================
   A LEVEL ENGLISH LITERATURE TUTOR PAGE
   CSS PART 3 OF 3
   Final CTA, Responsive, Animations & Polish
========================================================= */


/* =========================================================
   17. FINAL CTA
========================================================= */

.etl-alevel-literature-final-cta{
    position:relative;
    overflow:hidden;
    padding:120px 0;
    background:linear-gradient(
        135deg,
        var(--etl-lit-navy-950),
        var(--etl-lit-navy-800)
    );
    text-align:center;
}

.etl-alevel-literature-final-cta::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.14;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:60px 60px;
}

.etl-alevel-literature-final-glow{
    position:absolute;
    left:50%;
    top:-250px;
    transform:translateX(-50%);
    width:700px;
    height:700px;
    border-radius:50%;
    background:radial-gradient(
        circle,
        rgba(205,163,73,.22),
        transparent 72%
    );
    pointer-events:none;
}

.etl-alevel-literature-final-inner{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:auto;
}

.etl-alevel-literature-final-inner h2{
    color:#fff;
    margin-bottom:24px;
}

.etl-alevel-literature-final-inner p{
    max-width:760px;
    margin:0 auto 40px;
    color:rgba(255,255,255,.80);
    font-size:1.08rem;
    line-height:1.8;
}

.etl-alevel-literature-final-inner
.etl-alevel-literature-section-label{
    color:var(--etl-lit-gold-400);
}


/* =========================================================
   18. GLOBAL HOVER EFFECTS
========================================================= */

.etl-alevel-literature-board-box,
.etl-alevel-literature-feature-panel,
.etl-alevel-literature-benefit-card,
.etl-alevel-literature-process-step,
.etl-alevel-literature-topic-card,
.etl-alevel-literature-hero-card,
.etl-alevel-literature-faq-item{
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease,
        background .35s ease;
}

.etl-alevel-literature-board-box:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 60px rgba(7,19,33,.15);
}

.etl-alevel-literature-feature-panel:hover,
.etl-alevel-literature-benefit-card:hover,
.etl-alevel-literature-topic-card:hover,
.etl-alevel-literature-process-step:hover{
    cursor:default;
}


/* =========================================================
   19. SECTION SPACING
========================================================= */

.etl-alevel-literature-section:last-child{
    padding-bottom:130px;
}

.etl-alevel-literature-section-heading:last-child{
    margin-bottom:0;
}

.etl-alevel-literature-button-row:last-child{
    margin-bottom:0;
}

.etl-alevel-literature-topic-card p:last-child,
.etl-alevel-literature-feature-panel p:last-child,
.etl-alevel-literature-benefit-card p:last-child{
    margin-bottom:0;
}


/* =========================================================
   20. SIMPLE FADE ANIMATION
========================================================= */

@keyframes etlLiteratureFadeUp{

    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

.etl-alevel-literature-hero-content,
.etl-alevel-literature-hero-card,
.etl-alevel-literature-feature-panel,
.etl-alevel-literature-topic-card,
.etl-alevel-literature-benefit-card,
.etl-alevel-literature-process-step,
.etl-alevel-literature-board-box,
.etl-alevel-literature-faq-item{
    animation:etlLiteratureFadeUp .8s ease both;
}

.etl-alevel-literature-feature-panel:nth-child(2),
.etl-alevel-literature-topic-card:nth-child(2),
.etl-alevel-literature-benefit-card:nth-child(2),
.etl-alevel-literature-process-step:nth-child(2){
    animation-delay:.08s;
}

.etl-alevel-literature-feature-panel:nth-child(3),
.etl-alevel-literature-topic-card:nth-child(3),
.etl-alevel-literature-benefit-card:nth-child(3),
.etl-alevel-literature-process-step:nth-child(3){
    animation-delay:.16s;
}

.etl-alevel-literature-feature-panel:nth-child(4),
.etl-alevel-literature-benefit-card:nth-child(4),
.etl-alevel-literature-process-step:nth-child(4){
    animation-delay:.24s;
}


/* =========================================================
   21. RESPONSIVE
========================================================= */

@media (max-width:1100px){

    .etl-alevel-literature-hero-grid,
    .etl-alevel-literature-two-column{
        grid-template-columns:1fr;
        gap:50px;
    }

    .etl-alevel-literature-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .etl-alevel-literature-topic-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .etl-alevel-literature-benefit-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .etl-alevel-literature-process-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .etl-alevel-literature-hero{
        min-height:auto;
    }

}


@media (max-width:768px){

    .etl-alevel-literature-section{
        padding:80px 0;
    }

    .etl-alevel-literature-container{
        width:min(100% - 32px,1180px);
    }

    .etl-alevel-literature-hero{
        padding:90px 0 80px;
    }

    .etl-alevel-literature-hero h1{
        font-size:2.8rem;
    }

    .etl-alevel-literature-button-row{
        flex-direction:column;
        align-items:stretch;
    }

    .etl-alevel-literature-button{
        width:100%;
    }

    .etl-alevel-literature-feature-grid,
    .etl-alevel-literature-topic-grid,
    .etl-alevel-literature-benefit-grid,
    .etl-alevel-literature-process-grid{
        grid-template-columns:1fr;
    }

    .etl-alevel-literature-board-box,
    .etl-alevel-literature-feature-panel,
    .etl-alevel-literature-topic-card,
    .etl-alevel-literature-benefit-card,
    .etl-alevel-literature-process-step,
    .etl-alevel-literature-hero-card{
        padding:28px;
    }

    .etl-alevel-literature-faq-item summary{
        padding:20px;
        font-size:.96rem;
    }

    .etl-alevel-literature-faq-answer{
        padding:0 20px 20px;
    }

    .etl-alevel-literature-process-number{
        width:52px;
        height:52px;
        font-size:1.2rem;
    }

    .etl-alevel-literature-final-cta{
        padding:90px 0;
    }

}


@media (max-width:480px){

    .etl-alevel-literature-page{
        font-size:16px;
    }

    .etl-alevel-literature-section-heading{
        margin-bottom:40px;
    }

    .etl-alevel-literature-hero h1{
        font-size:2.35rem;
    }

    .etl-alevel-literature-hero-intro{
        font-size:1rem;
    }

    .etl-alevel-literature-feature-panel h3,
    .etl-alevel-literature-topic-card h3,
    .etl-alevel-literature-benefit-card h3,
    .etl-alevel-literature-process-step h3{
        font-size:1.2rem;
    }

    .etl-alevel-literature-board-box,
    .etl-alevel-literature-feature-panel,
    .etl-alevel-literature-topic-card,
    .etl-alevel-literature-benefit-card,
    .etl-alevel-literature-process-step,
    .etl-alevel-literature-hero-card{
        border-radius:20px;
        padding:24px;
    }

}


/* =========================================================
   22. ACCESSIBILITY
========================================================= */

.etl-alevel-literature-button:focus-visible,
.etl-alevel-literature-faq-item summary:focus-visible{
    outline:3px solid rgba(223,189,112,.75);
    outline-offset:4px;
}

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}/* End custom CSS */