:root {
    --primary-blue: #1e3a5f;
    --accent-blue: #2c5282;
    --light-gray: #f8f9fa;
    --border-color: #4a5568;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f5f7fa;
    /* padding-top: 120px; */
}

h1 {
    font-weight: 700;
    color: #003057;
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 36px;
}

p {
    color: #6b7280;
    font-size: 18px;
    line-height: 1.6;
}

li {
    color: #6b7280;
    font-size: 18px;
    line-height: 1.6;
}

.btn-1 {
    border: solid;
    border-width: 2px;
    border-color: #007394 !important;
    border-radius: 50px;
    background-color: #fff;
    color: #007394;
    padding: 12px 30px;
    font-size: 18px;
    display: inline-block !important;
}

.btn-1:hover {
    background-color: #007394;
    color: #fff;
}

.btn-2 {
    border: solid;
    border-width: 2px;
    border-color: #007394 !important;
    border-radius: 50px;
    background-color: #007394 !important;
    color: #fff !important;
    padding: 12px 30px;
    font-size: 18px;
    display: inline-block !important;
}

.btn-2:hover {
    background-color: #fff !important;
    color: #007394 !important;
}

.cookiealert {
    background-color: #002244;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    border-radius: 0;
    padding: 15px 10px;
    color: #fff;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
}

.cookiealert a {
    color: #ffffff;
    text-decoration: underline;
}

.cookiealert .btn {
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    background-color: #007394;
    color: #fff;
    border-color: #002244;
}


@media (max-width: 576px) {

    body {
        padding: 0px 12px 0px 12px;
    }

    h1 {
        font-size: 30px;
    }

    p {
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    li {
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 0px;
    }

    .navbar-nav a {
        font-size: 14px !important;
    }

    .navbar-details {
        border-radius: 0px 0px 32px 32px !important;
    }

    .title {
        font-size: 32px !important;
    }

    .title-2 {
        font-size: 24px !important;
    }

    .subtitle {
        font-size: 14px !important;
        padding: 10px 16px !important;
    }

    .btn-1,
    .btn-2 {
        font-size: 14px !important;
        padding: 8px 20px;
    }

    .location-content {
        gap: 12px !important;
    }

    .location-container {
        padding: 40px 12px 20px 12px !important;
        margin-top: 0px !important;
    }

    .location-center-section {
        padding: 40px 12px 20px 12px !important;
    }

    .location-card-section-title h1 {
        font-size: 28px !important;
    }

    .location-card-section-title p {
        font-size: 16px !important;
    }

    .ready-to-book-section {
        padding: 40px 12px !important;
    }

    .ready-to-book-section h2 {
        font-size: 24px !important;
    }

    .ready-to-book-section p {
        font-size: 16px !important;
    }

    .ready-to-book-section .btn-book-now {
        font-size: 16px !important;
        padding: 10px 20px !important;
    }

    .lo-card {
        padding: 0px;
    }

    .location-card-section-title h1 {
        font-size: 30px;
    }

    .location-card-section-title p {
        font-size: 18px;
    }

    .location-title {
        font-size: 24px !important;
    }

    .lo-card .card-title {
        font-size: 18px !important;
        text-align: start;
        font-weight: 500 !important;
    }

    .lo-card .card-body i {
        font-size: 16px !important;
    }

    .lo-card .card-body p {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .lo-card .card .btn {
        font-size: 14px !important;
        font-weight: 400px !important;
    }

    .location-content p {
        font-size: 16px !important;
    }

}

@media (max-width: 992px) {
    /* .navbar-custom {
        margin: 20px;
        padding: 12px 20px;
    } */
}

.custom-navbar {
    margin-top: 2%;
}

.custom-inner-navbar {
    border: solid;
    border-width: 1px;
    border-color: #003057;
    border-radius: 50px;
    padding: 5px 40px 5px 40px;
    box-shadow: 10px 10px 20px #0030573b;
    background-color: #fff;
    /* backdrop-filter: blur(5px); */
    z-index: 2;
}

.navbar-nav a {
    color: #003057 !important;
    font-size: 18px;
    font-weight: 600;
}

.navbar-nav a:hover {
    color: #007394 !important;
}

.navbar-details {
    border-radius: 0px 0px 50px 50px;
    box-shadow: 10px 10px 20px rgba(8, 152, 236, 0.2);
    background-color: #003057;
    position: absolute;
    margin-top: -30px;
    z-index: 1;
}

.nav-item a {
    color: #fff;
    font-size: 13px;
}

.nav-item a:hover {
    color: #fff
}

.location-card-section p {
    color: #007394;
    max-width: 768px !important;
}

/* locations page css */
.location-container {
    border: solid 2px #003057;
    background-color: #e9f3f9;
    align-content: center;
    border-radius: 20px;
    margin-top: 48px;
}

.subtitle {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: #295b69;
    display: inline-block !important;
    border-radius: 50px;
}

.title {
    color: #003057;
    font-weight: bold;
    font-size: 60px;
    max-width: 896px;
    margin: 0 auto;
}

.location-content p {
    color: #6b7280;
    max-width: 768px;
    margin: 0 auto;
    font-size: 20px;
}

.features-section {
    max-width: 768px;
    gap: 2rem;
    margin: 0 auto;
}

.features-section i {
    font-size: 32px;
    color: #003057 !important;
}

.features-section p {
    font-size: 16px;
    font-weight: 600;
    color: #003057;
}

.features-section span {
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;

}

.feature-all {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.feature-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}


.feature-1 {
    max-width: 350px;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.location-center-section {
    max-width: 1440px;
    margin: 0 auto;
    background-color: #fbfcfd;
}

.location-card-section-title h1 {
    font-size: 36px;
}

.location-card-section-title p {
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    max-width: 768px;
}

.location-title {
    color: #003057;
    font-size: 30px;
    font-weight: 700;
}

hr {
    border: none;
    height: 4px !important;
    background-color: #003057 !important;
    /* your theme color */
    margin: 40px 0;
}

.lo-card .card {
    background-color: #fff;
    align-items: start;
}

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

.lo-card .card-body {
    padding: 0px;
    align-items: start;
    text-align: start;
}

.lo-card .card-title {
    font-size: 18px;
    font-weight: 500;
    color: #020817;
    text-align: start;
}

.lo-card .card-body p {
    text-align: start;
    font-size: 14px;
}

.lo-card p,
i,
.card-explain {
    font-size: 14px;
    font-weight: 400px;
    color: #64748b;
}

.lo-card .available-exam-boards p {
    color: #020817;
    margin: 0px;
    font-size: 14px;
    font-weight: 400px;
}

.lo-tags .badge {
    background-color: #28a745;
    color: #fff;
    border-radius: 9999px;
    padding: 5px 12px;
    font-size: 12px;
}

.lo-card .card .btn {
    background-color: #003057;
}

.lo-card .card .btn a {
    color: #fff;
    font-weight: 600;
}

.ready-to-book-section {
    background-color: #0b1727;
    border-bottom: #4a5568 solid 2px;
}

.ready-to-book-section h2 {
    font-weight: bolder;
    margin-bottom: 20px;
}

.ready-to-book-section p {
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
}

.ready-to-book-section .btn-book-now {
    background-color: #007394;
    color: white;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.ready-to-book-section .btn-book-now:hover {
    background-color: #005f73;
    color: white;
}

/* locations css end */

/* home hero section start */
@media (max-width:1200px) {
    .hero p {
        text-align: center !important;
        font-size: 16px !important;
    }

    .home-sec-2 h1 {
        text-align: center !important;
    }

    .home-sec-2 p {
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    /* .hero {
        padding: 0 !important;
        margin: 0 auto !important;
    }

    .hero-p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    } */

    .hero h1 {
        font-size: 32px !important;
        text-align: center !important;
    }

    .home-sec-2 {
        padding: 40px 40px !important;
        text-align: center !important;
    }
}

@media (max-width: 576px) {

    .logos {
        padding: 10px 0 !important;
        box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1) !important;
        border-radius: 12px !important;
        background-color: #fff !important;
        max-width: 100% !important;
    }

    .logos-slide img {
        height: 80px !important;
        margin: 0 10px !important;
    }

    .title-2 {
        font-size: 18px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    .hero h1 {
        font-size: 30px !important;
    }
}

.hero-container {
    border-radius: 20px;
    margin-top: 48px !important;
    background-color: #fff;
}

.hero p {
    color: #6b7280;
    font-size: 20px;
    text-align: start;
    max-width: 700px !important;
}

.hero-section .hero h1 {
    color: #003057;
    font-weight: bold;
    font-size: 36px;
}

.hero-img {
    max-width: 100%;
    object-fit: contain;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 500px;
}

/* hero home end */

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.title-2 {
    color: #003057;
    font-weight: bolder;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 32px;
    text-align: center;
}

.logos {
    overflow: hidden;
    white-space: nowrap;
    border-radius: 20px;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 6px 20px 5px rgba(0, 0, 0, 0.1);
    max-width: 1440px;

}

.logos-slide {
    display: inline-block;
    animation: 30s slide infinite linear;
}

.logos-slide img {
    height: 100px;
}

@media (max-width: 576px) {

    .card-r .custom-card {
        padding: 12px !important;
        margin-bottom: 12px !important;
        height: 100% !important;
    }

    .card-r .custom-card .card-title {
        font-size: 18px !important;
    }

    .card-r .card-body p {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }

    .card-r .card i {
        font-size: 30px !important;
    }

    .home-sec-2 h1 {
        font-size: 24px !important;
        text-align: center !important;
    }


    .home-sec-2 p {
        text-align: center !important;
        font-size: 16px !important;
    }

    .home-sec-2 {
        padding: 20px 0px !important;
        text-align: center !important;
    }

}


.card-r .custom-card {
    height: 100%;
    border-radius: 8px;
    background-color: #fff;
    padding: 24px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-r .custom-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.card-r .custom-card .card-body {
    padding: 0px;
}

.card-r .custom-card i {
    font-size: 32px;
    color: #003057 !important;
}

.card-r .custom-card .card-title {
    color: #003057;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
}

.card-r .card-body p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.text-primary-color {
    color: #003057;
}

.text-secondary-color {
    color: #007394;
}

.home-sec-2 {
    background-color: #f0f2f5;
    border-radius: 20px;
    margin-bottom: 30px;
}

.home-sec-2 h1 {
    font-weight: bolder;
    font-size: 36px;
    margin-bottom: 20px;
    color: #003057;
    text-align: start;
    max-width: 600px;

}

.home-sec-2 p {
    text-align: start;
    font-size: 20px;
}

/* trusted-img img {
    height: 100px;
} */

/* trusted end */

/* examination start */
.examination-sec {
    border-radius: 20px;
    padding: 80px 0px 40px 0px;
    background-color: #fbfcfd;
}

.examination-sec .looking-for-section span {
    font-size: 14px;
    background-color: #002244;
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
}

.examination-sec p {
    color: #6b7280;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.examination-sec h1 {
    font-weight: bolder;
    margin-bottom: 20px;
    font-size: 36px;
    color: #003057;
}

.examination-sec .card-body {
    padding: 0px;
    max-width: 900px;
}

.examination-sec .card-body i {
    color: #22c55e;
    font-size: 18px;
    margin-right: 12px;
}

.examination-sec .card-body p {
    color: #6b7280;
    font-size: 18px;
    margin: 0px;
    text-align: start;
}

.card-btn,
.card-btn:hover {
    background-color: #003057;
    color: #fff;
    border-radius: 20px;
}

.booking {
    border-radius: 20px;
    background-color: #e7f6f7;
    padding: 30px;
}

.booking-btn {
    background-color: #003057;
    color: #fff;
    border-radius: 20px;
    margin-top: 20px;
}

.booking-btn:hover {
    font-size: large;
    font-weight: 600;
    color: #fff;
    padding: 5px 0;
}

/* exam cards start */

.exam-cards {
    padding: 32px !important;
}

.exam-cards .card {
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.exam-cards .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.exam-cards .card img {
    border-radius: 8px !important;
    height: 250px !important;
    object-fit: cover;
    width: 100%;
}

.exam-cards .card .card-body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.exam-cards .card .card-body .card-title {
    color: #003057;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

.exam-cards .card .card-body .card-text {
    color: #6b7280;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* exam card end */

/* exam solutions start */
@media (max-width: 576px) {
    .ex-solutions {
        padding: 0px !important;
    }

    .ex-solutions h1 {
        font-size: 24px !important;
    }

    .ex-solutions p {
        color: #6b7280;
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }

    .examination-sec {
        padding: 40px 0px !important;
        text-align: center !important;
    }

    .examination-sec h1 {
        font-size: 24px !important;
    }

    .examination-sec p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .examination-sec .card-body p {
        font-size: 16px !important;
        text-align: start !important;
        margin-bottom: 12px !important;
    }

    .exam-cards {
        padding: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .record {
        padding: 40px 12px !important;
        text-align: center !important;
    }

    .record h1 {
        font-size: 24px !important;
        text-align: center !important;
        color: #003057;
    }

    .record p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        color: #6b7280;
    }
}

.ex-solutions {
    border-radius: 20px;
    background-color: #f0f2f5;
}

.ex-solutions img {
    height: 400px !important;
    border-radius: 20px;
    object-fit: cover;
    padding: 0px;
}

.ex-solutions h1 {
    font-weight: bolder;
    margin-bottom: 20px;
    font-size: 36px;
    color: #003057;
    text-align: center;
}

.ex-solutions p {
    color: #6b7280;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: center;
}

/* record start */
.record {
    padding: 80px 40px;
}

.record h1 {
    font-weight: bolder;
    font-size: 36px;
    color: #003057;
    max-width: 900px;
    margin: 0 auto;
}

.record p {
    color: #6b7280;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.record .card-title {
    color: #003057;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
}

.record .card-body p {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
}

/* record end */

.custom-card-2 {
    border-radius: 20px;
    background-color: #fff;
    color: #fff;
    padding: 20px;
    height: 100%;
}

.collapse-btn {
    border-radius: 10px;
    background-color: #e7f6f7;
}

/* functional skills */

@media (max-width: 992px) {

    .exam-page-left-img-card-content {
        border-radius: 20px !important;
        padding: 12px !important;
    }

    .functional-skills-card {
        border-radius: 20px !important;
    }

}

@media (max-width: 768px) {

    .exam-page-left-img-card .container {
        padding: 0px !important;
    }

    .exam-page-left-img-card img {
        border-radius: 20px 20px 0px 0px !important;
        height: auto !important;
        width: 100% !important;
    }

    .exam-page-left-img-card-content {
        border-radius: 0px 0px 20px 20px !important;
        padding: 20px !important;
        text-align: center !important;
    }
}

@media (max-width:576px) {

    .exam-pages-container .exam-pages-content h4 {
        font-size: 18px !important;
        margin: 0;
    }

    .hero-items p {
        font-size: 14px !important;
    }

    .hero-items i {
        font-size: 16px !important;
    }

    .exam-pages-content .title {
        font-size: 32px !important;
        text-align: center !important;
    }

    .exam-pages-content p {
        font-size: 16px !important;
        text-align: center;
    }

    .exam-hero-btn {
        font-size: 16px !important;
        padding: 10px 20px !important;
    }

    .exam-page-left-img-card {
        margin-bottom: 20px !important;
        height: auto !important;
    }

    .exam-page-left-img-card h1 {
        font-size: 24px !important;
    }

    .exam-page-left-img-card p {
        font-size: 16px !important;
        margin: 0px;
        text-align: center !important;
    }

    .exam-page-left-img-card span {
        font-size: 24px !important;
    }

    .exam-page-left-img-card i {
        font-size: 18px !important;
        margin-right: 8px !important;
    }

    .exam-options {
        padding: 20px 0px !important;
    }

    .exam-options .title {
        font-size: 24px !important;
    }

    .exam-options .p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }

    .exam-options-cards {
        max-width: 100% !important;
        gap: 12px !important;
    }

    .option-card h4 {
        font-size: 18px !important;
    }

    .option-card p {
        font-size: 14px !important;
    }

    .option-card i {
        font-size: 28px !important;
    }

    .option-card span {
        font-size: 14px !important;
        padding: 4px 16px !important;
    }

    .exam-key-info h1 {
        font-size: 18px !important;
        margin-bottom: 0px;
    }

    .exam-key-info p {
        font-size: 14px !important;
    }

    .exam-key-info i {
        font-size: 16px !important;
        margin-right: 8px !important;
    }

    .ready-to-book-section {
        padding: 40px 12px !important;
    }

    .ready-to-book-section .card {
        height: auto !important;
        padding: 20px !important;
    }

    .ready-to-book-section .card h5 {
        font-size: 16px !important;
    }

    .ready-to-book-section .card p {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }

    .ready-to-book-section .card-body {
        padding: 0px !important;
    }

    .examp-key-info-details h4 {
        font-size: 16px !important;
    }

    .examp-key-info-details .key-info-items p {
        font-size: 14px !important;
        text-align: start !important;
    }

    .functional-skills-card h2 {
        font-size: 18px !important;
        padding: 0px !important;
    }

    .functional-skills-card .card-body {
        padding: 0px !important;
    }

    .functional-skills-card .card-body h4 {
        font-size: 20px !important;
    }

    .functional-skills-card .card-body p {
        font-size: 14px !important;
    }

    .functional-skills-card .card-body i {
        font-size: 14px !important;
    }

    .ready-to-book-section .card .download-btn i {
        font-size: 14px !important;
        margin-right: 8px !important;
    }

    /* .exam-pages-container {
        padding: 20px 12px !important;
    } */
}

.functional-skills-card {
    padding: 20px;
    height: 100%;
    background-color: #fbfcfd;
    padding: 30px;
    border-radius: 0px 12px 12px 0px;
    border: solid 2px #16a28633;
}

.functional-skills-card h2 {
    color: #002244;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.functional-skills-card .card-title {
    color: #16a286;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.functional-skills-card .card-body h4 {
    color: #003057;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.functional-skills-card .card-body {
    align-items: start;
}

.functional-skills-card a {
    color: #fff;
    font-weight: 600;
    border: #007394 solid 2px;
    border-radius: 50px;
    padding: 8px 20px;
    background-color: #007394;
}

.hero-items {
    text-align: left;
}

.hero-items p {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
}

.hero-items i {
    color: #002244;
    /* change icon color if you want */
}

.hero-section {
    text-align: left !important;
}

.exam-pages-container {
    border: solid 2px #003057;
    background-color: #e9f3f9;
    align-content: center;
    border-radius: 20px;
}

.exam-pages-content .title {
    color: #003057;
    font-weight: bold;
    font-size: 60px;
    max-width: 896px;
    margin: 0 auto;
}

.exam-pages-content p {
    color: #6b7280;
    max-width: 768px;
    margin: 0 auto;
    font-size: 20px;
}

.exam-hero-btn {
    background-color: #003057;
    color: #fff;
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 18px;
}

.exam-hero-btn:hover {
    background-color: #005f73;
    color: #fff;
}

.exam-page-left-img-card {
    border-radius: 20px;
    height: 100%;
}

.exam-page-left-img-card .container {
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 0px;
}

.exam-page-left-img-card img {
    border-radius: 20px 0px 0px 20px;
    object-fit: cover;
    padding: 0px;
    height: 100%;
}

.exam-page-left-img-card-content {
    height: auto;
    background-color: #fff;
    border-radius: 0px 20px 20px 0px;
    padding: 24px 32px 24px 32px;
}

.exam-page-left-img-card h1 {
    color: #003057;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    margin: 0px;
}

.exam-page-left-img-card p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
}

.exam-page-left-img-card span {
    color: #003057;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
}

.exam-page-left-img-card i {
    color: #003057;
    font-size: 28px;
    margin-right: 12px;
}

.exam-options {
    padding: 20px 0px 40px 0px;
}

.exam-options .title {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
}

.exam-options .p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
    max-width: 600px;
}

.exam-options-cards {
    max-width: 1200px;
}

.option-card {
    border: solid 1px #e2e8f0;
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    height: 100%;
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.option-card h4 {
    color: #003057;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
}

.option-card p {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.option-card i {
    color: #003057;
    font-size: 32px;
}

.option-card span {
    color: #92400e;
    background-color: #fef3c7;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
}

.option-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.exam-key-info {
    padding: 20px;
    background-color: #fab71e1a;
    border-radius: 20px;
    border: solid 1px #fbbf24;
}

.exam-key-info h1 {
    color: #003057;
    font-size: 28px;
    font-weight: 700px;
}

.examp-key-info-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: 12px;
}

.examp-key-info-details h4 {
    color: #003057;
    font-size: 24px;
    font-weight: 600;
}

.examp-key-info-details .key-info-items p {
    color: #6b7280;
    font-size: 18px;
    font-weight: 400;
    text-align: start;
    margin: 0px;
    align-items: start !important;
}

.exam-key-info p {
    color: #6b7280;
    font-size: 18px;
    font-weight: 500;
    text-align: start;
}

.exam-key-info i {
    color: #003057;
    font-size: 24px;
    margin-right: 12px;
    text-align: start;
}

.fs-last-2-cards {
    background-color: #e9edf0;
}

.ready-to-book-section .card {
    background-color: #003057;
    border: 0px;
}

.ready-to-book-section .card h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.ready-to-book-section .card p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.ready-to-book-section .card-body i {
    color: #fff;
    font-size: 32px;
}

.ready-to-book-section .card .download-btn {
    background-color: #fff;
    color: #003057;
    font-size: 14px !important;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
    white-space: nowrap;
    width: auto !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.ready-to-book-section .card .download-btn a {
    color: #003057;
}

.ready-to-book-section .card .download-btn i {
    color: #003057;
    font-size: 20px;
    margin-right: 12px;
}

/* functional skills */

/* GCSE */
@media (max-width:576px) {
    .exams-tags span {
        padding: 8px 12px !important;
        font-size: 14px !important;
    }

    .exam-pages-detail-card {
        padding: 0px !important;
    }

    .exam-pages-detail-card h1 {
        font-size: 30px !important;
    }

    .exam-pages-detail-card .card {
        padding: 12px !important;
    }

    .exams-page-card-2 .card {
        padding: 12px !important;
    }

    .exams-page-card-2 .card-text {
        color: #fff;
        font-size: 16px !important;
    }

    .exams-page-card-2 .card-body p {
        color: #fff;
        font-size: 14px !important;
        margin: 0px !important;
    }

    .img-add-section img {
        height: auto !important;
        width: 100% !important;
    }

    .img-add-section .img-add-head {
        padding: 0px;
    }

    .img-add-section .img-add-head h1 {
        font-size: 24px !important;
    }

    .img-add-section .img-add-head h3 {
        font-size: 18px !important;
    }

    .img-add-section .img-add-head p {
        font-size: 16px !important;
    }

    .img-add-section .img-add-head ul li {
        font-size: 16px !important;
    }

    .subjectlist-table-container h2 {
        font-size: 24px !important;
    }
}

.table-responsive {
    max-width: 900px;
    margin: 0 auto;
}

.table th,
.table td {
    vertical-align: middle;
    padding: 10px;
}

.table thead th {
    background-color: #002244;
    color: #fff;
}

.pricing-guidance {
    max-width: 600px;
    margin: 20px auto;
    color: #6b7280;
    background-color: #fbbf241a;
    font-size: 0.9rem;
    line-height: 1.5;
}

.pricing-guidance h6 {
    font-size: 14px;
    text-align: center;
    color: #003057;
    font-weight: 600;
    margin-bottom: 10px;
}

.pricing-guidance p {
    text-align: center;
}


.exams-tags span {
    background-color: #003057;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.exam-pages-detail-card {
    padding: 0px 30px;
}

.exam-pages-detail-card h1 {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
}

.exam-pages-detail-card .card {
    background-color: #fbfcfd;
    padding: 20px;
    border-radius: 12px;
    border: solid 1px #64748b;
}

.exam-pages-detail-card .card-body .card-title {
    color: #003057;
    font-size: 20px;
    font-weight: 600 !important;
    text-align: center;
}

.exam-pages-detail-card .card-body .card-text {
    color: #4a5568;
    font-size: 16px !important;
}

.exams-page-card-2 .card {
    background-color: #003057;
    border-radius: 20px;
    border: solid 1px;
    padding: 20px;
}

.exams-page-card-2 .card-title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.exams-page-card-2 .card-text {
    color: #fff;
    font-size: 18px;
}

.exams-page-card-2 .card-body p {
    color: #fff;
    font-size: 18px;
}

.exams-page-card-2 .card-body i {
    color: #fff;
    margin-right: 12px;
}

.img-add-section img {
    border-radius: 20px;
    object-fit: cover;
    height: 700px;
}

.img-add-section .img-add-head h1 {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
}

.img-add-section .img-add-head h3 {
    color: #003057;
    font-size: 20px;
    margin-top: 12px;
}

.img-add-section .img-add-head p {
    color: #6b7280;
    font-size: 18px;
    margin-top: 12px;
}

.img-add-section .img-add-head h4 {
    color: #003057;
    font-size: 24px;
    margin-top: 20px;
}

.img-add-section .img-add-head ul li {
    color: #002244;
    font-size: 18px;
}

.img-add-section .img-add-head .mw-paragraph {
    color: #002244;
    max-width: 600px;
    margin: 0 auto;
}

/* 
.img-add-section .img-add-head ul li {
    color: #002244;
    font-size: 18px;
    margin-bottom: 8px;
} */



.subjectlist-table-container h2 {
    color: #003057;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

thead {
    background-color: #0d6efd;
    color: white;
}

tbody tr:hover {
    background-color: #eef5ff;
}

/* GCSE css end */

/* cat-4 start */
@media (max-width:576px) {
    .cat-4-section {
        padding: 20px !important;
    }

    .cat-4-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .cat-4-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .cat-4-section .card {
        padding: 12px !important;
        margin-bottom: 12px !important;
        height: 100% !important;
    }

    .cat-4-section .card h5 {
        font-size: 18px !important;
    }

    .cat-4-section .card p {
        font-size: 14px !important;
    }

    .exam-pages-detail-card {
        padding: 12px !important;
    }

    .exam-pages-detail-card h2 {
        font-size: 20px !important;
    }

    .exam-pages-detail-card p {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }

    .exam-pages-detail-card .card-body p {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .practical-tips-section {
        padding: 20px !important;
        margin-top: 20px !important;
    }

    .practical-tips-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .practical-tips-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }

    .practical-tips-section .practical-sec .card {
        padding: 20px !important;
    }

    .practical-tips-section .practical-sec .card h3 {
        font-size: 18px !important;
    }

    .practical-tips-section .practical-sec .card p {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .practical-tips-section .practical-sec .card-body {
        padding: 0px !important;
    }
}

.cat-4-section {
    border-radius: 20px;
    background-color: #f0f2f5;
    padding: 40px;
}

.cat-4-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.cat-4-section p {
    color: #6b7280;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
    max-width: 600px;
}

.cat-4-section .card {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
}

.cat-4-section .card h5 {
    color: #003057;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
}

.cat-4-section .card p {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
}

.exam-pages-detail-card {
    border-radius: 20px;
    border: solid 2px #16a28633;
    background-color: #fbfcfd;
    padding: 30px;
}

.exam-pages-detail-card .span-1 {
    background-color: #16a286;
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.exam-pages-detail-card .span-2 {
    background-color: #1e77c0;
    color: #fff;
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.exam-pages-detail-card h2 {
    color: #003057;
    font-weight: 700;
    font-size: 24px;
}

.exam-pages-detail-card p {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.booking-fees .card .card-title {
    color: #003057;
    font-size: 28px;
    font-weight: 600;
}

.exam-pages-detail-card .card-body p {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 8px;
    text-align: start;
}

.exam-pages-detail-card .card-body p i {
    color: #003057;
    margin-right: 12px;
}

.practical-tips-section {
    padding: 40px;
    border-radius: 20px;
    background-color: #e7f6f7;
    margin-top: 40px;
}

.practical-tips-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.practical-tips-section p {
    color: #6b7280;
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.practical-tips-section .practical-sec .card {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
}

.practical-tips-section .practical-sec .card h3 {
    color: #003057;
    font-size: 20px;
    font-weight: 600;
    margin-top: 12px;
}

.practical-tips-section .practical-sec .card p {
    color: #6b7280;
    font-size: 16px;
    text-align: start;
    margin-bottom: 8px;
}

.practical-tips-section .practical-sec .card-body {
    padding: 0px;
}

.practical-tips-section .practical-sec .card i {
    color: #22c55e;
    font-size: 18px;
    margin-right: 12px;
}


/* cat-4 end */

/* invigilation start */
@media (max-width:576px) {
    .what-set-apart-section {
        padding: 20px !important;
    }

    .what-set-apart-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .what-set-apart-card {
        padding: 0px !important;
        margin-bottom: 12px !important;
        height: 100% !important;
    }

    .what-set-apart-card img {
        height: 200px !important;
    }

    .what-set-apart-details {
        padding: 20px !important;
    }

    .what-set-apart-details h4 {
        font-size: 20px !important;
    }

    .what-set-apart-details p {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }
}

.what-set-apart-section {
    padding: 40px;
}

.what-set-apart-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
}

.what-set-apart-card {
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.what-set-apart-card img {
    border-radius: 20px 0px 0px 20px;
    object-fit: cover;
    padding: 0px;
    height: 300px;
}

.what-set-apart-details {
    padding: 32px;
}

.what-set-apart-details h4 {
    color: #003057;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
}

.what-set-apart-details p {
    color: #6b7280;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
}

/* invigilation start */
@media (max-width:576px) {
    .icon-cards {
        padding: 0px !important;
    }

    .icon-cards h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .icon-cards p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .icon-cards .card-body {
        padding: 0px !important;
    }

    .icon-cards .icon-card {
        padding: 0px !important;
        margin-bottom: 12px !important;
    }

    .icon-cards .icon-card .card h5 {
        font-size: 18px !important;
    }

    .icon-cards .icon-card .card p {
        font-size: 14px !important;
    }

    .icon-cards .icon-card .card i {
        font-size: 28px !important;
    }

    .title-background {
        padding: 20px 10px !important;
    }

    .title-background h1 {
        font-size: 28px !important;
    }

    .title-background p {
        font-size: 16px !important;
    }

    .title-background-details p {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }

    .title-background-details p i {
        font-size: 16px !important;
        margin-right: 0px !important;
    }
}

@media (max-width:768px) {
    .invigilation-card {
        padding: 20px !important;
    }

    .invigilation-card h4 {
        font-size: 18px !important;
        font-weight: 600 !important;
        padding: 8px !important;
    }

    .invigilation-card p {
        font-size: 16px !important;
    }

    .invigilation-card ul li {
        font-size: 16px !important;
    }

    .invigilation-card ul li i {
        font-size: 16px !important;
        margin-right: 8px !important;
    }
}

.icon-cards {
    max-width: 900px;
    margin: 0 auto;
}

.icon-cards .icon-card .card {
    border-radius: 20px;
    height: 100%;
    background-color: #e7f6f7;
    padding: 20px;
}

.icon-cards .icon-card .card i {
    color: #202428;
    font-size: 32px;
    margin-bottom: 20px;
}

.icon-cards .icon-card .card h5 {
    color: #003057;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}

.icon-cards .icon-card .card p {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
}

.title-background {
    background-color: #003057;
    padding: 40px 20px;
    border-radius: 20px;
    color: #fff;
}

.title-background h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin: 0px;
}

.title-background p {
    color: #ffffffcc;
    font-size: 18px;
    text-align: center;
    margin: 0px;
    margin-top: 12px;
}

.title-background-details p {
    background-color: #ffffff38;
    padding: 12px 20px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0px;
    margin-top: 12px;
}

.title-background-details p i {
    color: #fff;
    margin-right: 8px;
}

.invigilation-card {
    border: 2px solid #003057;
    border-radius: 12px;
    padding: 2rem;
    background: #fff;
    transition: all 0.3s ease;
}

.invigilation-card:hover {
    box-shadow: 0 0 20px rgba(66, 133, 244, 0.2);
    transform: translateY(-5px);
}

.invigilation-card h4 {
    background-color: #002244;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 99px;
    text-align: center;
}

.invigilation-card p {
    font-size: 18px;
    color: #003057;
    font-weight: 600;
}

.invigilation-card ul {
    list-style: none;
    padding: 0;
}

.invigilation-card ul li {
    margin: 0.6rem 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.invigilation-card ul li i {
    color: #22c55e;
    /* green check */
    margin-right: 10px;
}

/* invigilation end */

/* UCSA application */
/* First Row - Image (3 cols) + Content (9 cols) */

@media (max-width: 992px) {
    .ucas-card {
        padding: 20px 15px;
    }

}

@media (max-width: 768px) {
    .ucas-section {
        padding: 10px !important;
    }

    .ucas-title {
        font-size: 28px !important;
    }

    .ucas-paragraph {
        font-size: 16px !important;
    }

    .ucas-card-title {
        font-size: 20px !important;
    }

    .ucas-image {
        min-height: 150px;
    }

    .ucas-section-wrapper h2 {
        font-size: 30px !important;
    }

    .ucas-card {
        padding: 10px !important;
    }

    .ucas-card .card-title {
        font-size: 20px !important;
    }

    .ucas-card .card-text {
        font-size: 14px !important;
    }

    .process-cards h1 {
        font-size: 30px !important;
    }

    .process-cards p {
        font-size: 16px !important;
        max-width: 100% !important;
    }

    .ucas-h4 {
        font-size: 24px !important;
        margin-top: 12px !important;
    }

}

.exam-page-img {
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
    padding: 12px;
    background-color: #fff;
}

.exam-page-img img {
    max-height: 100px;
    object-fit: cover;
}

.ucas-section {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.ucas-image {
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.ucas-title {
    font-size: 36px;
    color: #003057;
    font-weight: 700;
    margin-bottom: 20px;
}

.ucas-paragraph {
    font-size: 18px;
    color: #6b7280;
    line-height: 1.8;
}

.ucas-section-wrapper h2 {
    font-size: 36px;
    color: #003057;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

.ucas-card-column {
    border-radius: 20px;
    height: 100%;
    margin: 0 !important;
}

.ucas-h4 {
    font-size: 28px;
    color: #003057;
    font-weight: 700;
    margin-bottom: 0px;
}

.ucas-card {
    background: #f7fafc;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s;
    border: 2px solid transparent;
    height: 100%;
}

.ucas-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    border-color: #667eea;
}

.ucas-card-title {
    font-size: 24px;
    font-weight: 600;
    color: #1a365d;
    margin-bottom: 8px;
}

.ucas-card-subtitle {
    font-size: 16px;
    color: #718096;
}

.ucas-section-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.ucas-card {
    background-color: #f0f2f5;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
}

.ucas-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    border-color: #003057;
}

.ucas-card .card-title {
    color: #003057;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.ucas-card .card-text {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
}

.ucas-card img {
    height: 200px;
    object-fit: cover;
    border-radius: 12px !important;
}

.process-cards {
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}

.process-cards h1 {
    color: #003057;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}

.process-cards p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.process-card {
    position: relative;
    background: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 50px 20px 30px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
}

.process-card:hover {
    border-color: #003057;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
}

.process-step {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #003057;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.process-card i {
    font-size: 32px;
    color: #003057;
    margin-bottom: 15px;
}

.process-title {
    font-size: 24px;
    font-weight: 600;
    color: #003057;
    margin-bottom: 10px;
}

.process-text {
    color: #64748b;
    font-size: 14px;
}

/* UCSA application */

/* science css start */
.pricing-card {
    border: 2px solid #003057;
    border-radius: 12px;
    padding: 2rem;
    background: #fff;
    transition: all 0.3s ease;
}

.pricing-card:hover {
    box-shadow: 0 0 20px rgba(66, 133, 244, 0.2);
    transform: translateY(-5px);
}

.pricing-card .badge-custom {
    background-color: #003057;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
}

.pricing-card ul {
    list-style: none;
    padding: 0;
}

.pricing-card ul li {
    margin: 0.6rem 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.pricing-card ul li i {
    color: #22c55e;
    /* green check */
    margin-right: 10px;
}

.btn-pricing {
    background-color: #003057;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
}

.btn-pricing:hover {
    background-color: #002244;
    color: #fff;
}

.assurance-section {
    background-color: #f9fafb;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 20px;
}

/* Left content styling */
.assurance-left h2 {
    font-weight: 700;
    margin-bottom: 25px;
    color: #0b1727;
}

.assurance-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.assurance-feature i {
    font-size: 1.6rem;
    color: #2d7ff9;
    margin-right: 15px;
}

.assurance-feature h5 {
    font-weight: 600;
    margin-bottom: 5px;
    color: #0b1727;
}

.assurance-feature p {
    margin: 0;
    font-size: 0.95rem;
    color: #555;
}

/* Right card styling */
.assurance-card {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.assurance-card h4 {
    margin-bottom: 15px;
}

.assurance-card p {
    color: #64748b;
    font-size: 0.95rem;
    margin-bottom: 25px;
}

.btn-check-availability {
    background-color: #002244;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 12px;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.btn-check-availability a {
    color: #fff !important;
}

.btn-check-availability a:hover {
    color: #fff !important;
}

.btn-check-availability:hover {
    background-color: #002244;
    color: #fff;
}

.btn-schedule {
    border: 1.5px solid #002244;
    color: #002244;
    font-weight: 600;
    padding: 12px;
    border-radius: 6px;
    width: 100%;
    background: #fff;
    transition: all 0.3s ease;
}

.btn-schedule a {
    color: #002244 !important;
}

/* science css end */

/* access arrangement start */

.highlight-box {
    max-width: 900px;
    margin: 0 auto;
    background: #f8fbff;
    border: 1px solid #d0e4ff;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

.highlight-box h5 {
    color: #003057;
    font-size: 24px;
    margin-bottom: 1rem;
}

.highlight-box p {
    color: #555;
    font-size: 16px;
    margin-bottom: 1.5rem;
}

.highlight-box .btn {
    background-color: #3ae4781a;
    color: #3ae478;
    font-weight: 600;
    border-radius: 50px;
    padding: 0.75rem 1.5rem;
    border: solid 1px #3ae4781a;
}

.highlight-box i {
    color: #003057;
}

.note-box {
    max-width: 900px;
    margin: 0 auto;
    background: #fff7ed;
    border: 1px solid #fbbf24;
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
    font-size: 0.95rem;
    margin-top: 1.5rem;
}

.note-box h1 {
    color: #b45309;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* access arrangement end */

/* coursework start */

@media (max-width:576px) {
    .nea-section {
        padding: 20px !important;
    }

    .nea-section h2 {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }

    .nea-section p.lead {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .nea-card-section {
        gap: 20px !important;
    }

    .nea-card {
        padding: 20px !important;
    }

    .nea-card h5 {
        font-size: 18px !important;
    }

    .nea-card p {
        font-size: 14px !important;
    }

    .nea-step .circle {
        width: 35px !important;
        height: 35px !important;
        font-size: 0.9rem !important;
        margin-bottom: 10px !important;
    }

    .nea-step h5 {
        font-size: 18px !important;
    }

    .nea-step p {
        font-size: 14px !important;
    }
}

.nea-section {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 20px;
}

.nea-section h2 {
    font-size: 36px;
    font-weight: 700;
    color: #003057;
    margin-bottom: 20px;
}

.nea-section p.lead {
    color: #64748b;
    max-width: 750px;
    margin: 0 auto 50px auto;
    font-size: 18px;
}

.nea-card {
    background: #fff;
    border: 1px solid #e4e8f0;
    border-radius: 12px;
    padding: 30px 20px;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.nea-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.nea-card i {
    font-size: 2rem;
    color: #002244;
    background: #f0f6ff;
    border-radius: 50%;
    padding: 12px;
    margin-bottom: 20px;
}

.nea-card h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #0b2c61;
}

.nea-card p {
    font-size: 0.95rem;
    color: #64748b;
}

/* Section headings */
.section-title {
    font-weight: 700;
    color: #0b2c61;
    margin-bottom: 15px;
}

.section-subtitle {
    color: #64748b;
    margin-bottom: 50px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Step process */
.nea-step {
    text-align: center;
    padding: 20px;
}

.nea-step .circle {
    background-color: #0b2c61;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
}

.nea-step h5 {
    font-weight: 600;
    color: #0b2c61;
    margin-bottom: 8px;
}

.nea-step p {
    font-size: 0.95rem;
    color: #555;
    margin: 0;
}

.nea-card-section {
    max-width: 1200px;
    margin: 0 auto;
    gap: 30px;
}

.nea-card {
    background: #fff;
    border: 1px solid #e4e8f0;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: left;
    transition: all 0.3s ease;
    height: 100%;
}

.nea-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.nea-card i {
    font-size: 1.8rem;
    color: #0b2c61;
    margin-bottom: 15px;
}

.nea-card h5 {
    font-weight: 600;
    margin-bottom: 8px;
    color: #0b2c61;
}

.nea-card p {
    font-size: 0.95rem;
    color: #64748b;
}

/* coursework end */

/* register start */

/* Common Section */
@media (max-width:576px) {

    .registration-steps h1 {
        font-size: 30px !important;
    }

    .registration-steps p {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .registration-steps .step-card {
        padding: 20px !important;
        margin-bottom: 12px !important;
    }

    .registration-steps .step-card i {
        font-size: 1.5rem !important;
        margin-bottom: 2px !important;
    }

    .uci-section {
        padding: 20px !important;
        margin-top: 20px !important;
    }

    .uci-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .uci-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .uci-section .important-box {
        padding: 15px !important;
        margin-bottom: 12px !important;
    }

    .uci-section .important-box h5 {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    .uci-section .important-box p {
        font-size: 14px !important;
    }

    .uci-section .important-list {
        padding: 10px !important;
    }

    .download-section {
        padding: 20px !important;
        margin-top: 0px !important;
    }

    .download-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .download-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .download-section .download-card {
        padding: 20px !important;
        margin-bottom: 12px !important;
    }

    .download-section .download-card h5 {
        font-size: 18px !important;
    }

    .download-section .download-card p {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }
}

.custom-section {
    max-width: 1200px;
    margin: 0px auto;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.registration-steps .step-card i {
    font-size: 2rem;
    color: #002244;
    background: #f0f6ff;
    border-radius: 50%;
    padding: 12px;
    margin-bottom: 20px;
}

/* Section 1: Steps */
.registration-steps {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.registration-steps .step-card {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 20px;
    background: #fdfdfd;
    transition: 0.3s;
}

.registration-steps .step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

/* Section 2: Important Notice */
.uci-section .important-box {
    background: #fefefe;
    border: 1px solid #eee;
    border-left: 6px solid #002244;
    border-radius: 15px;
    padding: 20px;
}

.important-box h5 {
    color: #002244;
    font-weight: 600;
    margin-bottom: 10px;
}

.important-box p {
    color: #555;
    font-size: 16px;
    line-height: 1.6;
}

.uci-section .important-list {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 10px;
}

/* Section 3: Downloads */
.download-section .download-card {
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    transition: 0.3s;
    background: #fdfdfd;
}

.download-section .download-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.download-section .btn-custom {
    border-radius: 50px;
}

/* contact css start */

@media (max-width:576px) {
    .contact-section {
        padding: 12px !important;
    }

    .contact-section h1 {
        font-size: 30px !important;
        margin-bottom: 12px !important;
    }

    .contact-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .contact-info-card .card {
        padding: 20px !important;
        margin-bottom: 12px !important;
        height: 100% !important;
    }

    .contact-info-card .card i {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }

    .contact-info-card .card h6 {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }

    .contact-info-card .card p {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .contact-info-card .card small {
        font-size: 14px !important;
    }
}

.contact-section {
    background-color: #f0f2f5;
    padding: 40px;
    border-radius: 20px;
}

.contact-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
}

.contact-section p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.contact-info-card .card {
    background-color: #fff;
    border-radius: 20px;
    border: solid 2px #16a28633;
    padding: 30px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-info-card .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    border-color: #003057;
}

.contact-info-card .card i {
    color: #0e8686;
    font-size: 32px;
    margin-bottom: 20px;
}

.contact-info-card .card h6 {
    color: #002244;
    font-size: 24px;
    font-weight: 600;
}

.contact-info-card .card p {
    color: #6b7280;
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
}

.contact-info-card .card p a {
    color: #003057;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

.contact-info-card .card small {
    color: #002244;
}

.info-card {
    background-color: #f0f2f5;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.info-card h6 {
    color: #003057;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.info-card .info-card-2 {
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.info-card .info-card-2 h4 {
    color: #003057;
    font-size: 20px;
    font-weight: 500;
}

.info-card .info-card-2 p {
    color: #6b7280;
    font-size: 16px;
    margin: 0;
}

.info-card .info-card-2 ul i {
    font-size: 16px;
    margin-right: 12px;
    color: #003057;
}

.info-card p {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 8px;
}

.info-card .btn-custom {
    background-color: #003057;
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    padding: 10px 20px;
    border: solid 1px #003057;
    transition: all 0.3s ease;
}

.info-card .btn-custom:hover {
    background-color: #002244;
    color: #fff;
    border: solid 1px #002244;
}

.info-card .btn-custom a {
    color: #fff !important;
}

.info-card .btn-custom i {
    color: #fff !important;
}

.info-card p i {
    color: #003057;
    margin-right: 8px;
}

.message-section {
    padding: 0px;
    height: 100%;
}

/* Full width & height Google Form */
.form-container iframe {
    width: 100%;
    min-height: 600px;
    max-height: 1200px;
    border: none;
    border-radius: 20px;
    padding: 0px !important;
}

.map-container {
    position: relative;
    width: 100%;
    height: 500px;
    /* adjust height as needed */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    /* or 20px if you want rounded edges */
}


/* contact css end */

/* faqs css start */
@media (max-width:576px) {
    .faq-section {
        padding: 12px !important;
    }

    .faq-section h1 {
        font-size: 26px !important;
        margin-bottom: 12px !important;
    }

    .faq-section p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }

    .accordion-item {
        margin-bottom: 12px !important;
    }

    .accordion-item h2 {
        font-size: 18px !important;
    }

    .accordion-body {
        font-size: 14px !important;
    }

    .accordion-button {
        font-size: 16px !important;
        padding: 15px !important;
    }
}

.faq-section {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    margin: 0 auto;
}

.faq-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
}

.faq-section p {
    color: #6b7280;
    font-size: 18px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.accordion-item {
    background-color: #f0f2f5;
    border-radius: 12px;
    border: none;
    margin-bottom: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.accordion-item h2 {
    color: #003057 !important;
    font-size: 20px;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    background-color: #f0f2f5;
    border: none;
    color: #003057;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

.accordion-body {
    color: #002244;
    font-size: 16px;
    line-height: 1.6;
}

.accordion-button {
    background-color: #f0f2f5;
    color: #003057;
    font-weight: 600;
    border-radius: 12px;
    border: none;
    padding: 20px;
}

.faq-footer {
    text-align: center;
    margin-bottom: 20px;
}

.faq-footer p {
    color: #6b7280;
    font-size: 16px;
}

.faq-footer button {
    background-color: #003057;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
}


/* faqs end */

/* terms css start */

@media (max-width:576px) {
    .terms {
        padding: 20px !important;
    }

    .terms h2 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .terms p {
        font-size: 14px !important;
    }

    .terms ul li {
        font-size: 14px !important;
    }
}

.terms {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    margin: 0 auto;
}

.terms p {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 16px;
}

.terms h2 {
    color: #003057;
    font-size: 28px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
}

.terms ul li {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.8;
}

/* terms css end */

/* gdpr start */

@media (max-width:576px) {
    .policy-content {
        padding: 20px !important;
    }

    .policy-content h2 {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .policy-content p {
        font-size: 14px !important;
    }

    .policy-content ul li {
        font-size: 14px !important;
    }
}

.policy-content {
    background-color: #fff;
    padding: 40px;
    border-radius: 20px;
    margin: 0 auto;
}

.policy-content h2 {
    color: #003057;
    font-size: 28px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
}

.policy-content p {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 16px;
}

.policy-content ul li {
    color: #6b7280;
    font-size: 16px;
    line-height: 1.8;
}

/* gdpr end */

/* whatsapp */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 50px;
    right: 20px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    background-color: #20b954;
    color: #fff;
}

.whatsapp-float i {
    font-size: 28px;
    color: white;
}

/* IGCSE */
.igcse-card {
    background-color: #003057;
    border: #003057;
    color: #fff;
    border-radius: 20px;
}

/* IGCSE */

/* CAT */
.custom-badge {
    background-color: #fff;
    color: #003057;
    border: solid;
    border-width: 1px;
    border-color: #003057;
}

/* CAT */

/* footer */
.footer {
    background-color: #003057;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 48px 16px;
    max-width: 2560px;
}

.footer h4 {
    color: #fff;
    font-weight: 600px;
    font-size: 24px;
}

.footer p {
    color: #ffffffcc;
    font-size: 14px;
}

.footer a {
    color: #ffffffcc;
    font-size: 14px;
}

@media (max-width:576px) {
    .footer {
        text-align: center;
        ;
    }

    .footer h4 {
        font-size: 18px;
    }

    .footer p,
    .footer a {
        font-size: 12px;
    }

    .whatsapp-float {
        bottom: 90px !important;
    }
}

@media (max-width:576px) {
    .sponcer-img-section img {
        max-height: 50px !important;
    }

    .sponcer-img-section h1 {
        font-size: 20px !important;
    }
}

.sponcer-img-section h1 {
    color: #003057;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}

.sponcer-img-section {
    background-color: #fff;
    padding: 20px 0px;
    border-radius: 20px;
    align-items: center;
    box-shadow: 0px 6px 20px 5px rgba(0, 0, 0, 0.1);
    max-width: 900px;
}

.sponcer-img-section img {
    max-height: 100px;
    object-fit: contain;
}

/* footer */

@media (max-width:768px) {
    .acc-green {
        padding: 15px !important;
    }

    .acc-green h5 {
        font-size: 20px !important;
        margin-bottom: 8px !important;
    }

    .acc-green p {
        font-size: 14px !important;
    }

    .acc-green .btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    .acc-important-note .pricing-card {
        padding: 15px !important;
        margin-bottom: 12px !important;
    }

    .acc-important-note .pricing-card .badge-custom {
        font-size: 0.7rem !important;
        padding: 0.4rem 0.8rem !important;
    }

    .acc-important-note .pricing-card ul li {
        font-size: 0.9rem !important;
    }


    .ready-to-book-section-small h2 {
        font-size: 24px !important;
        font-weight: 500 !important;
        margin-bottom: 10px !important;
    }

    .ready-to-book-section-small p {
        font-size: 14px !important;
        margin-bottom: 0px !important;
    }

    .ready-to-book-section-small .card h5 {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }

    .ready-to-book-section-small .card .card-body a {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

}

.acc-green {
    max-width: 900px;
    margin: 0 auto;
    background: #f8fbff;
    border: 1px solid #d0e4ff;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
}

.acc-green h5 {
    color: #003057;
    font-size: 24px;
    margin-bottom: 1rem;
}

.acc-green p {
    color: #555;
    font-size: 16px;
    margin-bottom: 1.5rem;
}

.acc-green .btn {
    background-color: #3ae4781a;
    color: #3ae478;
    font-weight: 600;
    border-radius: 50px;
    padding: 12px 24px;
    border: solid 1px #3ae4781a;
}

.acc-green i {
    color: #003057;
}

.acc-important-note .pricing-card {
    border: 2px solid #003057;
    border-radius: 12px;
    padding: 2rem;
    background: #fff;
    transition: all 0.3s ease;
}


.acc-important-note .pricing-card:hover {
    box-shadow: 0 0 20px rgba(66, 133, 244, 0.2);
    transform: translateY(-5px);
}

.acc-important-note .pricing-card .badge-custom {
    background-color: #003057;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
}

.acc-important-note .pricing-card ul {
    list-style: none;
    padding: 0;
}

.acc-important-note .pricing-card ul li {
    margin: 0.6rem 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.acc-important-note .pricing-card ul li i {
    color: #22c55e;
    /* green check */
    margin-right: 10px;
}

.exam-pages-container .exam-pages-content .gcse-header-width {
    max-width: 1200px;
    margin: 0 auto;
}

.ready-to-book-section-small {
    background-color: #0b1727;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
}

.ready-to-book-section-small h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.ready-to-book-section-small p {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}

.ready-to-book-section-small .card {
    background-color: #003057;
    border: 0px;
}

.ready-to-book-section-small .card h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
}

.ready-to-book-section-small .card p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.ready-to-book-section-small .card-body i {
    color: #fff;
    font-size: 32px;
}

.ready-to-book-section-small .card .download-btn {
    background-color: #fff;
    color: #003057;
    font-size: 14px !important;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
    white-space: nowrap;
    width: auto !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.ready-to-book-section-small .card .download-btn a {
    color: #003057;
}

.ready-to-book-section-small .card .download-btn i {
    color: #003057;
    font-size: 20px;
    margin-right: 12px;
}