/* exam-help - page styles, scoped to body.page-exam-help */

body.page-exam-help {
    --primary-color: #4361ee;
    --primary-dark: #3a0ca3;
    --secondary-color: #f72585;
}
body.page-exam-help {

            --primary: #4361ee;
            --primary-dark: #3a0ca3;
            --primary-light: #6c7df7;

            --pink: #f72585;
            --pink-light: #ff5c8a;

            --cyan: #4cc9f0;

            --dark: #11152b;
            --text: #555b6a;
            --muted: #737988;

            --light: #f7f9ff;

            --border: #e9edf6;

            --font-main: 'Inter', sans-serif;
            --font-heading: 'Poppins', sans-serif;

        }
body.page-exam-help * {
            box-sizing: border-box;
        }
body.page-exam-help {
            scroll-behavior: smooth;
        }
body.page-exam-help {

            margin: 0;

            padding: 0;

            font-family: var(--font-main);

            color: var(--text);

            background: #ffffff;

            overflow-x: hidden;

        }
.page-exam-help img {
            max-width: 100%;
        }
.page-exam-help h1,
.page-exam-help h2,
.page-exam-help h3,
.page-exam-help h4,
.page-exam-help h5,
.page-exam-help h6 {

            font-family: var(--font-heading);

        }
.page-exam-help a {
            text-decoration: none;
        }
.page-exam-help .section-padding {
            padding: 105px 0;
        }
.page-exam-help .section-label {

            display: inline-flex;

            align-items: center;

            gap: 8px;

            padding: 8px 15px;

            border-radius: 50px;

            background: rgba(67, 97, 238, 0.08);

            color: var(--primary);

            font-size: 0.72rem;

            font-weight: 800;

            letter-spacing: 1.4px;

            text-transform: uppercase;

            margin-bottom: 16px;

        }
.page-exam-help .section-label::before {

            content: "";

            width: 7px;

            height: 7px;

            border-radius: 50%;

            background: var(--pink);

            box-shadow: 0 0 0 5px rgba(247, 37, 133, 0.08);

        }
.page-exam-help .section-title {

            color: #15182a;

            font-size: clamp(2rem, 4vw, 3.2rem);

            line-height: 1.15;

            font-weight: 800;

            margin-bottom: 18px;

        }
.page-exam-help .section-title span {
            color: var(--primary);
        }
.page-exam-help .section-description {

            max-width: 700px;

            margin: auto;

            color: var(--muted);

            font-size: 0.98rem;

            line-height: 1.85;

        }
.page-exam-help .exam-hero {

            position: relative;

            overflow: hidden;

            min-height: 720px;

            display: flex;

            align-items: center;

            padding: 90px 0 100px;

            background:

                radial-gradient(
                    circle at 88% 10%,
                    rgba(76, 201, 240, 0.25),
                    transparent 28%
                ),

                radial-gradient(
                    circle at 10% 90%,
                    rgba(247, 37, 133, 0.12),
                    transparent 28%
                ),

                linear-gradient(
                    135deg,
                    #f6f8ff 0%,
                    #ffffff 48%,
                    #faf7ff 100%
                );

        }
.page-exam-help .exam-hero::before {

            content: "";

            position: absolute;

            width: 600px;

            height: 600px;

            border-radius: 50%;

            border: 1px solid rgba(67, 97, 238, 0.08);

            right: -260px;

            top: -240px;

        }
.page-exam-help .exam-hero::after {

            content: "";

            position: absolute;

            width: 420px;

            height: 420px;

            border-radius: 50%;

            border: 1px solid rgba(247, 37, 133, 0.08);

            left: -230px;

            bottom: -230px;

        }
.page-exam-help .hero-content {

            position: relative;

            z-index: 3;

        }
.page-exam-help .hero-badge {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            padding: 9px 17px;

            margin-bottom: 22px;

            border-radius: 50px;

            background: rgba(67, 97, 238, 0.08);

            border: 1px solid rgba(67, 97, 238, 0.10);

            color: var(--primary);

            font-size: 0.76rem;

            font-weight: 800;

            letter-spacing: 0.8px;

            text-transform: uppercase;

        }
.page-exam-help .hero-badge i {

            color: var(--pink);

            animation: pulseIcon 1.8s infinite;

        }
@keyframes pulseIcon {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.25);
            }

        }
.page-exam-help .exam-hero h1 {

            color: #111426;

            font-size: clamp(2.8rem, 5.5vw, 5rem);

            line-height: 1.04;

            font-weight: 800;

            letter-spacing: -2px;

            margin-bottom: 25px;

        }
.page-exam-help .exam-hero h1 .gradient-text {

            display: block;

            background:

                linear-gradient(
                    90deg,
                    var(--primary),
                    #6477f5,
                    var(--pink)
                );

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

            background-clip: text;

        }
.page-exam-help .hero-description {

            max-width: 650px;

            color: #626878;

            font-size: 1.03rem;

            line-height: 1.9;

            margin-bottom: 29px;

        }
.page-exam-help .hero-check-grid {

            display: grid;

            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 12px 20px;

            margin-bottom: 32px;

        }
.page-exam-help .hero-check {

            display: flex;

            align-items: center;

            gap: 10px;

            color: #303541;

            font-size: 0.88rem;

            font-weight: 600;

        }
.page-exam-help .hero-check span {

            width: 25px;

            height: 25px;

            min-width: 25px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(67, 97, 238, 0.10);

            color: var(--primary);

            font-size: 0.68rem;

        }
.page-exam-help .hero-actions {

            display: flex;

            flex-wrap: wrap;

            gap: 13px;

            margin-bottom: 34px;

        }
.page-exam-help .btn-main {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 9px;

            padding: 14px 25px;

            border-radius: 50px;

            background:

                linear-gradient(
                    135deg,
                    var(--pink),
                    var(--pink-light)
                );

            color: #ffffff;

            font-weight: 700;

            box-shadow:

                0 12px 30px rgba(247, 37, 133, 0.25);

            transition: 0.35s ease;

        }
.page-exam-help .btn-main:hover {

            color: #ffffff;

            transform: translateY(-4px);

            box-shadow:

                0 18px 38px rgba(247, 37, 133, 0.35);

        }
.page-exam-help .btn-outline-main {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            padding: 13px 24px;

            border-radius: 50px;

            border: 2px solid var(--primary);

            color: var(--primary);

            background: #ffffff;

            font-weight: 700;

            transition: 0.35s ease;

        }
.page-exam-help .btn-outline-main:hover {

            background: var(--primary);

            color: #ffffff;

            transform: translateY(-3px);

        }
.page-exam-help .hero-trust {

            display: flex;

            align-items: center;

            flex-wrap: wrap;

            gap: 18px;

        }
.page-exam-help .trust-box {

            display: flex;

            align-items: center;

            gap: 9px;

        }
.page-exam-help .trust-icon {

            width: 35px;

            height: 35px;

            border-radius: 11px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(67, 97, 238, 0.09);

            color: var(--primary);

            font-size: 0.78rem;

        }
.page-exam-help .trust-box strong {

            display: block;

            color: #222633;

            font-size: 0.83rem;

        }
.page-exam-help .trust-box small {

            display: block;

            color: #818694;

            font-size: 0.67rem;

            margin-top: 2px;

        }
.page-exam-help .trust-divider {

            width: 1px;

            height: 32px;

            background: #dfe3ec;

        }
.page-exam-help .hero-visual {

            position: relative;

            padding: 20px;

            z-index: 2;

        }
.page-exam-help .hero-image-wrap {

            position: relative;

            padding: 10px;

            border-radius: 32px;

            background: rgba(255, 255, 255, 0.80);

            border: 1px solid rgba(255, 255, 255, 0.9);

            box-shadow:

                0 35px 80px rgba(35, 47, 84, 0.17),

                0 10px 30px rgba(67, 97, 238, 0.10);

            transform: rotate(1deg);

            transition: 0.45s ease;

        }
.page-exam-help .hero-image-wrap:hover {

            transform:

                rotate(0deg)

                translateY(-7px);

        }
.page-exam-help .hero-image-wrap img {

            display: block;

            width: 100%;

            height: 500px;

            object-fit: cover;

            border-radius: 25px;

        }
.page-exam-help .hero-glow-one {

            position: absolute;

            width: 240px;

            height: 240px;

            border-radius: 50%;

            background: rgba(67, 97, 238, 0.18);

            filter: blur(60px);

            top: -45px;

            right: -55px;

            z-index: -1;

        }
.page-exam-help .hero-glow-two {

            position: absolute;

            width: 220px;

            height: 220px;

            border-radius: 50%;

            background: rgba(247, 37, 133, 0.15);

            filter: blur(60px);

            bottom: -50px;

            left: -55px;

            z-index: -1;

        }
.page-exam-help .floating-card {

            position: absolute;

            z-index: 5;

            display: flex;

            align-items: center;

            gap: 11px;

            padding: 13px 16px;

            background: rgba(255, 255, 255, 0.97);

            border: 1px solid rgba(0, 0, 0, 0.06);

            border-radius: 17px;

            box-shadow:

                0 18px 40px rgba(0, 0, 0, 0.13);

            animation: floatCard 4s ease-in-out infinite;

        }
.page-exam-help .floating-one {

            top: 42px;

            left: -25px;

        }
.page-exam-help .floating-two {

            right: -25px;

            bottom: 48px;

            animation-delay: 1.2s;

        }
.page-exam-help .floating-three {

            left: 35px;

            bottom: -25px;

            animation-delay: 2s;

        }
.page-exam-help .floating-icon {

            width: 42px;

            height: 42px;

            border-radius: 13px;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #ffffff;

        }
.page-exam-help .floating-blue {

            background: var(--primary);

        }
.page-exam-help .floating-pink {

            background: var(--pink);

        }
.page-exam-help .floating-cyan {

            background: #16a6cf;

        }
.page-exam-help .floating-card strong {

            display: block;

            color: #202430;

            font-size: 0.76rem;

        }
.page-exam-help .floating-card small {

            display: block;

            color: #7c818e;

            font-size: 0.65rem;

            margin-top: 2px;

        }
@keyframes floatCard {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-9px);
            }

        }
.page-exam-help .quick-stats {

            position: relative;

            z-index: 10;

            margin-top: -40px;

            padding-bottom: 35px;

        }
.page-exam-help .stats-wrapper {

            padding: 28px;

            border-radius: 25px;

            background: #ffffff;

            border: 1px solid var(--border);

            box-shadow:

                0 20px 55px rgba(29, 39, 72, 0.09);

        }
.page-exam-help .quick-stat {

            display: flex;

            align-items: center;

            gap: 14px;

            padding: 5px 15px;

        }
.page-exam-help .quick-stat-icon {

            width: 50px;

            height: 50px;

            min-width: 50px;

            border-radius: 15px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(67, 97, 238, 0.09);

            color: var(--primary);

        }
.page-exam-help .quick-stat strong {

            display: block;

            color: #202432;

            font-size: 1rem;

        }
.page-exam-help .quick-stat span {

            color: #818694;

            font-size: 0.72rem;

        }
.page-exam-help .features-section {

            position: relative;

            background: #ffffff;

        }
.page-exam-help .features-section::before {

            content: "";

            position: absolute;

            width: 250px;

            height: 250px;

            border-radius: 50%;

            background: rgba(67, 97, 238, 0.035);

            left: -120px;

            top: 100px;

        }
.page-exam-help .feature-card {

            position: relative;

            height: 100%;

            padding: 32px;

            border-radius: 24px;

            background: #ffffff;

            border: 1px solid var(--border);

            overflow: hidden;

            transition: 0.4s ease;

        }
.page-exam-help .feature-card::before {

            content: "";

            position: absolute;

            left: 0;

            top: 0;

            width: 100%;

            height: 4px;

            background:

                linear-gradient(
                    90deg,
                    var(--primary),
                    var(--pink)
                );

            transform: scaleX(0);

            transform-origin: left;

            transition: 0.4s ease;

        }
.page-exam-help .feature-card:hover {

            transform: translateY(-9px);

            border-color: transparent;

            box-shadow:

                0 22px 50px rgba(33, 43, 72, 0.11);

        }
.page-exam-help .feature-card:hover::before {

            transform: scaleX(1);

        }
.page-exam-help .feature-icon {

            width: 60px;

            height: 60px;

            border-radius: 17px;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-bottom: 22px;

            font-size: 1.25rem;

            transition: 0.35s ease;

        }
.page-exam-help .feature-card:hover .feature-icon {

            transform: scale(1.08) rotate(-4deg);

        }
.page-exam-help .icon-blue {

            background: rgba(67, 97, 238, 0.10);

            color: var(--primary);

        }
.page-exam-help .icon-pink {

            background: rgba(247, 37, 133, 0.10);

            color: var(--pink);

        }
.page-exam-help .icon-cyan {

            background: rgba(76, 201, 240, 0.13);

            color: #159ac2;

        }
.page-exam-help .feature-card h3 {

            color: #242836;

            font-size: 1.08rem;

            margin-bottom: 12px;

        }
.page-exam-help .feature-card p {

            color: #707684;

            font-size: 0.86rem;

            line-height: 1.8;

            margin: 0;

        }
.page-exam-help .roadmap-section {

            position: relative;

            background:

                linear-gradient(
                    135deg,
                    #f6f8ff,
                    #ffffff
                );

            overflow: hidden;

        }
.page-exam-help .roadmap-line {

            position: absolute;

            top: 50%;

            left: 15%;

            right: 15%;

            height: 2px;

            background:

                linear-gradient(
                    90deg,
                    rgba(67, 97, 238, 0.08),
                    var(--primary),
                    rgba(247, 37, 133, 0.08)
                );

            transform: translateY(-50%);

        }
.page-exam-help .roadmap-card {

            position: relative;

            z-index: 2;

            height: 100%;

            padding: 34px 25px;

            text-align: center;

            background: rgba(255, 255, 255, 0.96);

            border: 1px solid var(--border);

            border-radius: 24px;

            transition: 0.4s ease;

        }
.page-exam-help .roadmap-card:hover {

            transform: translateY(-8px);

            box-shadow:

                0 20px 45px rgba(67, 97, 238, 0.11);

        }
.page-exam-help .roadmap-number {

            position: absolute;

            top: 17px;

            right: 19px;

            color: #e1e5f0;

            font-weight: 800;

            font-size: 0.75rem;

        }
.page-exam-help .roadmap-icon {

            width: 72px;

            height: 72px;

            margin: 0 auto 20px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #ffffff;

            background:

                linear-gradient(
                    135deg,
                    var(--primary),
                    var(--primary-light)
                );

            box-shadow:

                0 12px 28px rgba(67, 97, 238, 0.25);

            font-size: 1.35rem;

        }
.page-exam-help .roadmap-card h3 {

            color: #252934;

            font-size: 1.08rem;

            margin-bottom: 11px;

        }
.page-exam-help .roadmap-card p {

            color: #707684;

            font-size: 0.84rem;

            line-height: 1.75;

            margin: 0;

        }
.page-exam-help .why-section {

            background: #ffffff;

        }
.page-exam-help .why-image {

            position: relative;

        }
.page-exam-help .why-image-main {

            width: 100%;

            height: 500px;

            object-fit: cover;

            border-radius: 30px;

            box-shadow:

                0 28px 65px rgba(27, 38, 68, 0.14);

        }
.page-exam-help .why-badge {

            position: absolute;

            left: -20px;

            bottom: 30px;

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 15px 19px;

            border-radius: 17px;

            background: #ffffff;

            box-shadow:

                0 18px 40px rgba(0, 0, 0, 0.13);

        }
.page-exam-help .why-badge-icon {

            width: 43px;

            height: 43px;

            border-radius: 13px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(247, 37, 133, 0.10);

            color: var(--pink);

        }
.page-exam-help .why-badge strong {

            display: block;

            color: #242733;

            font-size: 0.8rem;

        }
.page-exam-help .why-badge span {

            display: block;

            color: #818692;

            font-size: 0.66rem;

            margin-top: 2px;

        }
.page-exam-help .why-content .section-description {

            margin: 0;

            max-width: 620px;

        }
.page-exam-help .why-list {

            margin-top: 30px;

        }
.page-exam-help .why-item {

            display: flex;

            align-items: flex-start;

            gap: 14px;

            margin-bottom: 21px;

        }
.page-exam-help .why-check {

            width: 35px;

            height: 35px;

            min-width: 35px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background: rgba(67, 97, 238, 0.09);

            color: var(--primary);

            font-size: 0.7rem;

        }
.page-exam-help .why-item strong {

            display: block;

            color: #242832;

            font-size: 0.91rem;

            margin-bottom: 4px;

        }
.page-exam-help .why-item p {

            margin: 0;

            color: #717784;

            font-size: 0.83rem;

            line-height: 1.7;

        }
.page-exam-help .benefits-section {

            padding: 80px 0;

            background:

                linear-gradient(
                    135deg,
                    #f8f9ff,
                    #ffffff
                );

        }
.page-exam-help .benefit-card {

            display: flex;

            align-items: center;

            gap: 14px;

            height: 100%;

            padding: 23px;

            background: #ffffff;

            border: 1px solid var(--border);

            border-radius: 20px;

            transition: 0.35s ease;

        }
.page-exam-help .benefit-card:hover {

            transform: translateY(-6px);

            box-shadow:

                0 16px 35px rgba(30, 40, 70, 0.08);

        }
.page-exam-help .benefit-icon {

            width: 48px;

            height: 48px;

            min-width: 48px;

            border-radius: 14px;

            display: flex;

            align-items: center;

            justify-content: center;

            color: #ffffff;

            background:

                linear-gradient(
                    135deg,
                    var(--primary),
                    var(--primary-light)
                );

        }
.page-exam-help .benefit-card strong {

            display: block;

            color: #252934;

            font-size: 0.86rem;

            margin-bottom: 3px;

        }
.page-exam-help .benefit-card span {

            color: #7b808c;

            font-size: 0.7rem;

        }
.page-exam-help .reveal {

            opacity: 0;

            transform: translateY(30px);

            transition:

                opacity 0.75s ease,

                transform 0.75s ease;

        }
.page-exam-help .reveal.show {

            opacity: 1;

            transform: translateY(0);

        }@media (max-width: 1199px) {
.page-exam-help .exam-hero h1 {
                font-size: 4rem;
            }
.page-exam-help .floating-one {
                left: -10px;
            }
.page-exam-help .floating-two {
                right: -10px;
            }
.page-exam-help .roadmap-line {
                left: 10%;
                right: 10%;
            }
}@media (max-width: 991px) {
.page-exam-help .exam-hero {

                min-height: auto;

                padding: 75px 0 100px;

            }
.page-exam-help .exam-hero h1 {

                font-size: 3.6rem;

            }
.page-exam-help .hero-visual {

                margin-top: 30px;

            }
.page-exam-help .hero-image-wrap img {

                height: 460px;

            }
.page-exam-help .quick-stats {

                margin-top: -35px;

            }
.page-exam-help .roadmap-line {

                display: none;

            }
.page-exam-help .why-badge {

                left: 15px;

            }
}@media (max-width: 767px) {
.page-exam-help .section-padding {

                padding: 75px 0;

            }
.page-exam-help .exam-hero {

                padding: 60px 0 90px;

            }
.page-exam-help .exam-hero h1 {

                font-size: 2.75rem;

                letter-spacing: -1.2px;

            }
.page-exam-help .hero-description {

                font-size: 0.94rem;

            }
.page-exam-help .hero-check-grid {

                grid-template-columns: 1fr;

            }
.page-exam-help .hero-actions {

                flex-direction: column;

            }
.page-exam-help .btn-main,
.page-exam-help .btn-outline-main {

                width: 100%;

            }
.page-exam-help .hero-trust {

                gap: 12px;

            }
.page-exam-help .trust-divider {

                display: none;

            }
.page-exam-help .hero-image-wrap img {

                height: 390px;

            }
.page-exam-help .floating-card {

                padding: 10px 12px;

            }
.page-exam-help .floating-one {

                top: 25px;

                left: -5px;

            }
.page-exam-help .floating-two {

                right: -5px;

                bottom: 30px;

            }
.page-exam-help .floating-three {

                left: 10px;

                bottom: -20px;

            }
.page-exam-help .floating-card strong {

                font-size: 0.68rem;

            }
.page-exam-help .floating-card small {

                font-size: 0.58rem;

            }
.page-exam-help .floating-icon {

                width: 35px;

                height: 35px;

            }
.page-exam-help .quick-stats {

                margin-top: -25px;

            }
.page-exam-help .stats-wrapper {

                padding: 20px 10px;

            }
.page-exam-help .quick-stat {

                padding: 10px;

            }
.page-exam-help .quick-stat-icon {

                width: 42px;

                height: 42px;

                min-width: 42px;

            }
.page-exam-help .why-image-main {

                height: 390px;

            }
.page-exam-help .why-badge {

                left: 10px;

                bottom: 20px;

            }
}@media (max-width: 575px) {
.page-exam-help .exam-hero h1 {

                font-size: 2.3rem;

            }
.page-exam-help .hero-badge {

                font-size: 0.67rem;

            }
.page-exam-help .hero-image-wrap {

                padding: 7px;

                border-radius: 24px;

            }
.page-exam-help .hero-image-wrap img {

                height: 330px;

                border-radius: 19px;

            }
.page-exam-help .floating-card {

                transform: scale(0.88);

            }
.page-exam-help .floating-one {

                left: -20px;

            }
.page-exam-help .floating-two {

                right: -20px;

            }
.page-exam-help .floating-three {

                left: -5px;

            }
.page-exam-help .quick-stat strong {

                font-size: 0.82rem;

            }
.page-exam-help .quick-stat span {

                font-size: 0.62rem;

            }
.page-exam-help .feature-card {

                padding: 27px;

            }
.page-exam-help .why-image-main {

                height: 325px;

            }
.page-exam-help .why-badge {

                padding: 11px 13px;

            }
.page-exam-help .why-badge-icon {

                width: 38px;

                height: 38px;

            }
}