a,
button {
    cursor: pointer;
}
body,
h1 {
    line-height: 1.6;
}
.btn-solid-blue:hover,
.btn-solid-yellow:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
body,
header {
    background: var(--white);
}
.vertical-cta,
header.site-header {
    position: fixed;
}
.certi-slider,
.hero-wrap,
.hero-wrapper {
    overflow: hidden;
}
.footer ul li a,
.social-icons a,
.vertical-cta,
a,
a.read-more.btn-primary {
    text-decoration: none;
}
.beliefs__icon,
.blog-search__icon,
.lead__mark,
.teach__badge,
.whatwedo__icon {
    place-items: center;
}
.btn-container,
html {
    scroll-behavior: smooth;
}
*,
.slide,
.timeline-row {
    box-sizing: border-box;
}
.blog-table,
.exam-table {
    border-collapse: collapse;
}
#backToTop,
.dropdown-menu {
    visibility: hidden;
    opacity: 0;
}
:root {
    --navy: #10162e;
    --navy2: #0a2357;
    --gold: #d4af3a;
    --white: #ffffff;
    --yellow: #cda938;
    --btn: #f1a534;
    --btn2: #f7b44d;
    --body-color: #222;
    --para-color: #444;
    --dark: #000;
    --light-dark: #1a1a1a;
    --search-border: #ddd;
    --search-icon: #888;
    --mobile-icon: #eee;
    --about-cta: #0c4789;
    --footer1: #020617;
    --footer2: #0f172a;
    --footer3: #020617;
    --section-bg: #f1f3f7;
}
* {
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-display: swap;
}
body,
html {
    height: 100%;
    margin: 0;
}
body {
    color: var(--body-color);
}
section[id] {
    scroll-margin-top: 140px;
    scroll-margin-top: 112px;
}
img {
    max-width: 100%;
    display: block;
}
a {
    color: inherit;
}
li {
    margin-left: 20px;
}
button {
    outline: 0;
    border: none;
}
.container {
    max-width: 1240px;
    margin: auto;
    padding: 0 20px;
}
.btn-solid-blue,
.btn-solid-yellow {
    padding: 8px 22px;
    border-radius: 8px;
    transition: 0.3s;
    font-weight: 600;
    line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: normal;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 22px;
}
p {
    font-size: 16px;
    color: var(--para-color);
}
.btn-solid-yellow {
    background-color: var(--gold);
    color: var(--navy);
    display: flex;
    align-items: center;
    width: fit-content;
}
.btn-solid-yellow:hover {
    background-color: var(--navy);
    color: var(--gold);
}
.btn-solid-blue {
    background-color: var(--navy);
    color: var(--white);
    display: inline-block;
    border: none;
}
.btn-solid-blue:hover {
    background-color: var(--gold);
    color: var(--navy);
}
#mobile-menu-sidebar {
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.15);
}
header {
    width: 100%;
}
.site-header {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.vertical-cta {
    left: 45px;
    top: 35%;
    transform: rotate(90deg);
    transform-origin: left top;
    width: max-content;
    background: var(--btn);
    color: var(--dark);
    z-index: 99 !important;
    padding: 10px 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    transition: 0.3s;
    animation: 2s infinite pulseShadow;
}
@keyframes pulseShadow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.25);
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
.vertical-cta:hover {
    background: var(--btn2);
    color: var(--dark);
}
.site-header .logo img {
    height: 70px;
    width: auto;
    object-fit: contain;
}
.site-header .nav-links ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.site-header .nav-links a {
    font-weight: 600;
    color: var(--dark);
    position: relative;
    padding-bottom: 6px;
    transition: 0.3s;
}
.contact-page .info-box:hover::before,
form.currency-form {
    width: 100%;
}
form.currency-form select {
    width: 110px;
    border-radius: 6px;
    padding: 4px;
    font-size: 15px;
    font-weight: 500;
}
.blog-cta-box p,
.blog-slider-section .slick-dots li.slick-active button:before,
.breadcrumb-wrp ol.breadcrumb a:hover,
.footer ul li a:hover,
.footer-bottom .container a,
.site-header .nav-links a.active,
.site-header .nav-links a:hover {
    color: var(--gold);
}
.site-header .nav-links a.active::after,
.site-header .nav-links a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--gold);
    border-radius: 5px;
}
.site-header .auth-search {
    width: 180px;
    position: relative;
}
.site-header .auth-search input {
    width: 100%;
    padding: 10px 14px 10px 40px;
    border-radius: 8px;
    border: 2px solid var(--search-border);
    outline: 0;
    font-size: 14px;
}
.site-header .auth-search i {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: var(--search-border);
    font-size: 16px;
}
.site-header .auth-buttons {
    display: flex;
    gap: 10px;
    align-items: anchor-center;
}
.site-header {
    background: var(--white);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 999;
}
.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.header-actions,
.search-field {
    display: flex;
    align-items: center;
}
.header-actions {
    gap: 15px;
}
.search-field {
    border: 1px solid var(--search-border);
    border-radius: 50px;
    padding: 8px 12px;
    gap: 10px;
    background: var(--white);
}
.burger,
.mobile-search-icon {
    display: none;
    cursor: pointer;
}
.search-field i {
    color: var(--search-icon);
    font-size: 14px;
}
.search-field input {
    border: none;
    outline: 0;
    font-size: 14px;
    width: 120px;
}
.mobile-search-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--mobile-icon);
    align-items: center;
    justify-content: center;
}
.burger {
    flex-direction: column;
    gap: 6px;
}
.burger span {
    width: 26px;
    height: 3px;
    background: var(--dark);
}
.mobile-menu-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    background: #fff;
    padding: 30px 20px;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
    transition: left 0.3s;
    z-index: 999999;
}
.mobile-menu-sidebar.active {
    left: 0;
}
.close-menu {
    font-size: 28px;
    cursor: pointer;
    margin-bottom: 20px;
}
.mobile-menu-sidebar ul {
    list-style: none;
    padding: 0;
}
.mobile-menu-sidebar ul li {
    margin-bottom: 15px;
}
.partnership-faq .pf-category-item.pf-active,
.partnership-faq .pf-category-item:hover,
div#mobile-menu-sidebar {
    background: var(--navy);
    color: #fff;
}
.mobile-menu-sidebar ul li a {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
}
div#tools-you-use .tools-grid {
    display: grid;
    gap: 30px;
    margin-bottom: 50px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    justify-content: center;
}
.tools-you-use-content h2.teach__title {
    text-align: center;
    margin-bottom: 40px;
}
#tools-you-use .tools-grid .tool-card {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow:
        0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
}
#tools-you-use .tools-grid .tool-card p {
    margin: 0;
    text-align: center;
}
.hero-wrapper {
    margin-top: 105px;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    font-family: Ubuntu, sans-serif;
}
.hero-dots,
section#overview {
    margin-top: 25px;
}
.hero-dots,
.hero-image {
    justify-content: center;
}
.hero-wrap {
    transform: none !important;
}
.hero-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
}
.certificate-wrapper:hover .zoom-icon,
.feature-card:hover::before,
.hero-carousel.ready {
    opacity: 1;
}
.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 80vh;
    width: 70vw;
    transform-style: preserve-3d;
    perspective: 100vw;
}
.hero-wrap {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    background: var(--dark);
    position: relative;
}
.hero-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: auto;
    object-fit: cover;
    display: flex;
    align-items: end;
}
.hero-title {
    position: absolute;
    bottom: 5vw;
    left: 5vw;
    font-size: 8vw;
    font-weight: 700;
    color: var(--white);
}
form#registerForm .modal-body {
    padding: 20px 30px;
}
.hero-card::before {
    content: "";
    position: absolute;
    background: #00000045;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
}
.hero-content {
    position: relative;
    bottom: 130px;
}
.hero-card,
.hero-dots {
    position: absolute;
    display: flex;
}
.hero-card {
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 50px;
    flex-direction: column;
    gap: 80px;
    height: inherit;
    justify-content: end;
}
span.hero-spantext {
    font-size: 35px;
    color: var(--gold);
    font-weight: 700;
}
.hero-content p {
    color: var(--white);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
.hero-content h1 {
    color: var(--white);
    font-weight: 700;
}
.contact-wrapper iframe#gmap_canvas,
.hero-card img {
    width: 100%;
    border-radius: 16px;
}
.hero-dots {
    gap: 10px;
    bottom: 0;
}
.hero-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: 0.3s;
}
.hero-dot.active {
    background: var(--dark);
    transform: scale(1.4);
}
.course-slick-section .slick-next,
.course-slick-section .slick-prev {
    font-size: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    z-index: 5;
}
.course-slick-section .slick-next::before,
.course-slick-section .slick-prev::before {
    font-family: FontAwesome;
    font-size: 18px;
    color: var(--dark);
}
.course-slick-section .slick-prev::before {
    content: "\f053";
}
.course-slick-section .slick-next::before {
    content: "\f054";
}
.hero-img.home-certification-img {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}
.certi-row {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.certi-col {
    min-width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.certi-col img {
    width: 130px;
    height: 55px;
    object-fit: contain;
}
.certi-col span {
    text-align: center;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #0c132c;
}
.certi-row.slick-initialized.slick-slider,
.no-slider .certi-row {
    justify-content: center;
}
.no-slider .certi-col {
    min-width: auto;
    flex: 1 1 0;
}
.eduviatai-cta.home-cta-full {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 45px;
}
.about p,
.course-slick-section .course-title,
.eduviatai-cta.home-cta-full h2 {
    margin-bottom: 12px;
}
.no-slider .certi-col img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
}
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    opacity: 0.8;
}
.slider-btn.prev {
    left: 10px;
}
.slider-btn.next {
    right: 10px;
}
.certi-row .slick-slide {
    display: flex !important;
    justify-content: center;
}
.no-slider .slider-btn {
    display: none;
}
.certi-col a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.no-slider .certi-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 15px;
}
.no-slider .certi-col {
    flex: 1;
    max-width: 300px;
}
.course-slick-section {
    width: 100%;
    padding: 50px 0 30px;
}
section.course-slick-section
    .container
    .course-slider.slick-initialized.slick-slider
    .slick-list.draggable {
    padding: 20px 0 25px;
}
.about h2,
.course-slick-section .container h2 {
    margin: 0;
    color: var(--navy);
}
.course-slick-section .autoplay,
.my-float {
    margin: auto;
}
.course-slick-section .slick-track {
    display: flex;
    align-items: stretch;
}
.course-slick-section .slick-slide {
    height: auto !important;
    display: flex !important;
}
.course-slick-section .course-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px;
    border: 1px solid var(--white);
}
.blog-card,
.course-card {
    border-radius: 18px;
    box-shadow:
        0 -4px 8px rgba(0, 0, 0, 0.08),
        0 4px 8px rgba(0, 0, 0, 0.08);
    display: flex;
}
.course-slick-section .course-card h3.course-title {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
}
.breadcrumb-wrp a,
.breadcrumb-wrp h1,
.breadcrumb-wrp p,
.breadcrumb-wrp span,
.course-slick-section .slick-dots li button:before {
    color: var(--white);
}
.autoplay .slick-slide,
.autoplay .slick-track,
.multiple-items .slick-track,
.training-grid .col-md-6 {
    display: flex;
}
.course-card {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: var(--white);
    padding: 30px;
    text-align: center;
}
.course-icon {
    height: 70px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-icon img {
    height: 100%;
    object-fit: contain;
}
.course-title,
.faq-wrapper .faq-right h4 {
    margin-bottom: 20px;
}
.course-slick-section .slick-arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    z-index: 10;
}
.course-slick-section .slick-prev {
    left: -25px;
}
.course-slick-section .slick-next {
    right: -25px;
}
.course-slick-section .slick-next:before,
.course-slick-section .slick-prev:before {
    color: var(--navy);
    font-size: 22px;
}
.eduviatai-cta a.btn-solid-yellow:hover,
.faq-wrapper .faq-right button.btn-solid-blue:hover,
.hero-card .hero-content-col a.hero-btn.btn-solid-yellow:hover,
.partner-services .card-actions a.btn-solid-blue,
.partner-services .card-actions a.btn-solid-yellow:hover,
.partnership-faq-contact .pf-email,
.start-cta-banner button.btn-solid-yellow:hover {
    background: #fff;
    color: var(--navy);
}
.about .container {
    display: flex;
    align-items: stretch;
    gap: 40px;
}
.about-content strong {
    font-size: 20px;
    margin-bottom: 10px !important;
    display: block;
}
span.cta-banner-white,
span.cta-banner-yellow {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}
.about {
    padding: 0 0 50px;
}
section.blog-slider-section h2 {
    color: var(--navy);
}
.about-content,
.about-img,
.contact-wrapper .contact-form,
.faq-wrapper .faq-left,
.signup-wrapper .two-col div {
    flex: 1;
}
.about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.about-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.start-cta-banner {
    padding: 40px 0;
    background: var(--navy);
}
.start-cta-banner .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
span.cta-banner-yellow {
    color: var(--gold);
    margin-bottom: 0;
}
span.cta-banner-white {
    color: var(--white);
    margin-bottom: 20px;
}
.blog-body p,
.faq-wrapper .faq-answer {
    color: var(--para-color);
    line-height: 1.6;
    overflow: hidden;
}
.blog-slider-section {
    padding: 50px 0 35px;
    overflow: hidden;
}
.blog-slider-section .slick-track {
    padding: 0 0 18px;
}
.multiple-items .slick-slide {
    display: flex;
    height: auto;
}
.blog-card {
    background: var(--white);
    overflow: hidden;
    flex-direction: column;
    height: 100%;
    margin: 15px;
}
.blog-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.blog-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.blog-body h3 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 700;
}
.blog-body p,
section#prerequisites .teach__head {
    margin-bottom: 20px;
}
.blog-body p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.footer-middle .container {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin-top: 10px;
}
.footer strong {
    color: #d4af39 !important;
}
a.read-more.btn-primary {
    margin-top: auto;
    width: max-content;
    color: inherit;
    border-bottom: 2px solid var(--gold);
    font-weight: 600;
    padding-bottom: 2px;
}
.blog-slider-section .slick-dots {
    bottom: -20px;
}
.blog-slider-section .slick-dots li button:before {
    font-size: 12px;
    color: var(--search-icon);
    opacity: 1;
}
.faq-wrapper .container {
    margin: 0 auto;
    display: flex;
    gap: 40px;
    align-items: center;
}
.faq-wrapper .faq-left h2 {
    margin-bottom: 25px;
    color: var(--navy);
}
.faq-wrapper .faq-item {
    border: 1px solid var(--search-border);
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 14px;
    transition: 0.3s;
}
.faq-wrapper .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
.faq-wrapper .faq-answer {
    max-height: 0;
    transition: max-height 0.4s;
}
.arrow,
.beliefs__card::before,
.faq-wrapper .faq-item .arrow i {
    transition: transform 0.3s;
}
.faq-wrapper .faq-item.active .faq-answer {
    margin-top: 12px;
}
.faq-wrapper .faq-item.active .arrow i,
.profile-btn.active .arrow {
    transform: rotate(180deg);
}
.faq-wrapper .faq-right {
    min-height: 300px;
    height: 100%;
    flex: 1;
    background: var(--gold);
    border-radius: 18px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.faq-wrapper .faq-right button.btn-solid-blue {
    width: max-content;
    margin: 0 auto;
}
.newsletter {
    max-width: fit-content;
    margin: 50px auto;
    text-align: center;
}
.newsletter h2 {
    font-weight: 700;
    margin-bottom: 30px;
    color: var(--navy);
}
.footer,
.footer p,
.footer ul li a {
    color: var(--white);
}
.newsletter .form-box {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.newsletter .form-box input {
    width: 420px;
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid var(--search-border);
    font-size: 16px;
    outline: 0;
}
.newsletter .form-box input::placeholder {
    color: var(--search-icon);
}
.footer {
    background: linear-gradient(
        135deg,
        var(--footer1),
        var(--footer2),
        var(--footer3)
    );
    padding: 60px 0 20px;
}
.about-hero,
.breadcrumb-wrp {
    background-size: cover;
    background-repeat: no-repeat;
}
.footer .container {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    gap: 50px;
}
.footer-last-colsec strong:last-child {
    margin-left: 15px;
}
.footer-last-col {
    display: flex;
    gap: 50px;
}
.footer-logo {
    font-size: 26px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 15px;
}
.footer p {
    line-height: 1.6;
    font-size: 15px;
}
.footer h3 {
    color: var(--gold);
    margin-bottom: 15px;
    font-size: 22px;
}
.footer ul,
.partnership-faq .pf-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.contact-wrapper .two-col,
.signup-wrapper .two-col,
.social-icons {
    display: flex;
    gap: 15px;
}
.social-icons a {
    width: 45px;
    height: 45px;
    background: var(--gold);
    color: var(--dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.3s;
}
.social-icons i {
    font-size: 20px;
}
.footer-bottom .container {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--gold);
}
.footer-bottom-col,
.footer-bottom-col a,
.footer-last-colsec p,
.footer-last-colsec p > strong {
    font-size: 14px;
}
.social-icons a:hover {
    background: var(--white);
    color: var(--dark);
    transform: translateY(-4px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
.footer ul li {
    margin-bottom: 10px;
    margin-left: 0;
}
.footer ul li a {
    transition: 0.3s;
}
.footer-bottom-col {
    width: 50%;
}
.footer-bottom-col:last-child {
    width: 80%;
}
ol.breadcrumb {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    left: 25px;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 99;
    animation: 3s infinite bounce-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-hero,
.beliefs__card:hover h5 {
    color: var(--white);
}
a.whatsapp-float img {
    width: 60px;
}
@keyframes bounce-in-out {
    0%,
    100%,
    50% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    75% {
        transform: translateY(-5px);
    }
}
.breadcrumb-wrp {
    padding: 100px 0;
    background-image: url(/frontend/images/inner-banner1.jpg);
    background-position: 100%;
    position: relative;
}
.breadcrumb-wrp::before {
    content: "";
    position: absolute;
    background: #00000069;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.about-card,
.beliefs__card,
.beliefs__title,
.blog-card__media,
.blog-hero,
.blog-hero__container,
.lead__eyebrow,
.lead__footer,
.lead__panel,
.lead__text,
.lead__title,
.teach__badge,
.teach__rail,
.teach__step,
.whatwedo,
.whatwedo__container,
.whatwedo__rail {
    position: relative;
}
.breadcrumb-wrp .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.beliefs__title::after,
.whatwedo__title::after {
    display: block;
    height: 4px;
    margin: 10px auto 0;
    content: "";
}
.breadcrumb-wrp li {
    color: var(--gold);
    font-size: 18px !important;
    font-weight: 500;
}
.breadcrumb-wrp ol.breadcrumb {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.breadcrumb-wrp ol.breadcrumb li,
.course-list li {
    margin: 0;
}
.about-hero {
    background-image: url("../images/about-hero-bg.webp");
    background-position: center;
    padding: 40px 0;
}
.about-hero__wrap {
    width: min(1200px, 92%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.about-hero__title {
    margin: 0 0 18px;
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--gold);
}
.about-hero__subheading {
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--navy);
}
.about-hero__list {
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0;
}
.about-hero__list li {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
    margin-left: 0;
}
.about-hero__list li i {
    font-weight: 700;
    font-size: 20px;
    color: var(--navy);
}
.about-hero__cta {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.about-card {
    width: min(360px, 100%);
    margin-left: auto;
    background: linear-gradient(180deg, var(--white) 0, #fff8df 100%);
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
    color: var(--dark);
}
.beliefs,
.beliefs__card {
    background: var(--white);
}
.about-card__top {
    display: flex;
    justify-content: center;
    height: 300px;
}
.about-card__brand {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.beliefs {
    padding: 50px 0 60px;
}
.beliefs__container,
.blog-detail-content__container,
.blog-grid__container,
.teach__container {
    width: min(1200px, 92%);
    margin: 0 auto;
}
.beliefs__title {
    text-align: center;
    font-weight: 900;
    margin-bottom: 50px;
    color: var(--navy);
}
.beliefs__title::after {
    width: 80px;
    background: var(--gold);
    border-radius: 999px;
}
.beliefs__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.beliefs__card {
    padding: 36px 26px;
    border-radius: 18px;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    transition: 0.35s;
    border: 1px solid rgba(11, 42, 102, 0.08);
}
.beliefs__icon,
.whatwedo__item {
    border-radius: 16px;
    display: grid;
}
.beliefs__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
}
.beliefs__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    background: rgba(11, 42, 102, 0.08);
    transition: 0.35s;
}
.beliefs__icon i {
    font-size: 22px;
    color: var(--navy);
    transition: 0.35s;
}
.beliefs__card h5 {
    margin: 0 0 12px;
    font-weight: 900;
    color: var(--navy);
}
.beliefs__card p {
    margin: 0;
    line-height: 1.7;
    color: rgba(0, 0, 0, 0.72);
}
.beliefs__card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.18);
    background: linear-gradient(135deg, var(--navy), var(--navy2));
}
.beliefs__card:hover::before {
    transform: scaleX(1);
}
.beliefs__card:hover p {
    color: var(--gold);
    font-weight: 700;
}
.beliefs__card:hover .beliefs__icon {
    background: var(--gold);
}
.beliefs__card:hover .beliefs__icon i {
    color: var(--navy);
    transform: scale(1.15);
}
.beliefs__statement {
    margin-top: 50px;
    text-align: center;
    font-weight: 600;
    color: var(--navy);
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.whatwedo,
.whatwedo__intro strong {
    color: var(--white);
}
.whatwedo {
    padding: 50px 0 60px;
    background: var(--navy);
    overflow: hidden;
}
.whatwedo__intro,
.whatwedo__note {
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.75;
    text-align: center;
}
.whatwedo__container {
    width: min(1100px, 92%);
    margin: 0 auto;
    z-index: 1;
}
.whatwedo__title {
    text-align: center;
    font-weight: 900;
    margin: 0 0 14px;
}
.whatwedo__title::after {
    width: 80px;
    background: var(--gold);
    border-radius: 999px;
}
.whatwedo__intro {
    max-width: 860px;
    margin: 0 auto 40px;
}
.whatwedo__timeline {
    display: grid;
    gap: 18px;
    max-width: 920px;
    margin: 0 auto;
}
.whatwedo__item {
    grid-template-columns: 72px 1fr;
    gap: 16px;
    align-items: start;
    padding: 18px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition:
        transform 0.25s,
        background 0.25s,
        border-color 0.25s;
}
.whatwedo__item:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(210, 178, 74, 0.35);
}
.whatwedo__rail {
    display: grid;
    justify-items: center;
}
.whatwedo__icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    background: var(--gold);
    border: 1px solid rgba(210, 178, 74, 0.35);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}
.whatwedo__icon i {
    font-size: 20px;
    color: var(--navy);
}
.whatwedo__line {
    width: 2px;
    height: calc(100% + 18px);
    margin-top: 10px;
    background: linear-gradient(
        to bottom,
        rgba(210, 178, 74, 0.7),
        rgba(210, 178, 74, 0)
    );
    border-radius: 999px;
}
.footer-copy,
.mobile-logo,
.modal-backdrop.fade.show,
.partnership-faq .pf-faq-group,
.whatwedo__item:last-child .whatwedo__line {
    display: none;
}
.teach__badge,
.teach__step {
    display: grid;
    border-radius: 14px;
}
.whatwedo__content h5 {
    padding: 18px 0;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.whatwedo__note {
    margin: 26px auto 0;
    max-width: 980px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
}
.teach {
    padding: 15px 0;
    background: var(--white);
}
.teach__layout {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 24px;
    align-items: start;
}
.teach__rail {
    background: linear-gradient(
        180deg,
        rgba(11, 42, 102, 0.06),
        rgba(11, 42, 102, 0.03)
    );
    border: 1px solid rgba(11, 42, 102, 0.1);
    border-radius: 18px;
    padding: 18px;
    overflow: hidden;
}
.teach__step {
    grid-template-columns: 56px 1fr;
    gap: 14px;
    padding: 16px 14px;
    transition:
        transform 0.25s,
        background 0.25s;
}
.teach__step:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.75);
}
.teach__badge {
    width: 46px;
    height: 46px;
    background: rgba(210, 178, 74, 0.16);
    border: 1px solid rgba(210, 178, 74, 0.35);
    color: var(--navy);
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.08);
    z-index: 1;
}
.teach__badge i,
.training-card__body h2 span {
    font-size: 18px;
}
.teach__copy h5 {
    padding: 10px 0;
    font-weight: 600;
    color: var(--navy);
}
.teach__pill i {
    font-size: 45px;
}
.teach__manifesto {
    border-radius: 18px;
    padding: 22px;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: var(--white);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.teach__pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 800;
    margin-bottom: 14px;
}
.teach__manifestoTitle {
    margin: 0 0 10px;
    font-weight: 900;
    letter-spacing: 0.2px;
}
.teach__manifestoText {
    margin: 0 0 18px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.9);
}
.lead__panel,
.teach__manifestoText strong {
    color: var(--white);
}
.teach__callout {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    transition: 0.3s ease-in;
}
.teach__calloutIcon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(210, 178, 74, 0.18);
    border: 1px solid rgba(210, 178, 74, 0.25);
}
.teach__calloutIcon i {
    color: var(--white);
    font-size: 18px;
}
.teach__callout p {
    margin: 0;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.92);
}
.teach__callout:hover {
    transform: translateY(-5px);
}
.lead {
    padding: 50px 0;
    background: var(--white);
}
.lead__container {
    margin: 0 auto;
}
.lead__panel {
    border-radius: 22px;
    padding: 34px 30px;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}
.lead__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 800;
    letter-spacing: 0.3px;
}
.lead__title {
    margin: 16px 0 12px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: 0.2px;
}
.lead__titleAccent {
    display: inline;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: underline;
    text-decoration-color: rgba(210, 178, 74, 0.85);
    text-decoration-thickness: 4px;
    text-underline-offset: 6px;
}
.lead__text {
    margin: 0;
    max-width: 900px;
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.88);
}
.lead__mark,
.lead__text strong {
    color: var(--white);
}
.lead__footer {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
}
.lead__mark {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: grid;
    background: rgba(210, 178, 74, 0.2);
    border: 1px solid rgba(210, 178, 74, 0.25);
    font-weight: 900;
}
.lead__tagline {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.7;
    font-weight: 700;
}
.blog-page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
    background-color: var(--navy2);
    color: var(--white);
}
.blog-hero,
section#prerequisites {
    padding-top: 40px;
}
.blog-hero {
    background: var(--white);
    color: var(--white);
    overflow: hidden;
}
.blog-hero::before {
    content: "";
    position: absolute;
    inset: -40%;
    transform: rotate(10deg);
    pointer-events: none;
}
.blog-hero__container {
    width: min(1200px, 92%);
    margin: 0 auto;
    z-index: 1;
}
.blog-hero__head {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 26px;
}
.blog-hero__title {
    margin: 0 0 10px;
    font-weight: 900;
    letter-spacing: 0.2px;
    color: var(--navy);
}
.blog-hero__sub {
    margin: 0;
    line-height: 1.75;
    color: var(--gold);
    font-weight: 600;
}
.blog-hero__controls {
    max-width: 980px;
    margin: 24px auto;
    display: grid;
    gap: 14px;
}
.blog-search {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
}
.blog-search__icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: grid;
    background: var(--gold);
    border: 1px solid rgba(210, 178, 74, 0.22);
    font-weight: 900;
    color: var(--navy);
}
.blog-search__input {
    width: 100%;
    height: 44px;
    border: 0;
    outline: 0;
    background: 0 0;
    color: var(--navy2);
    font-size: 15px;
}
.blog-search__input::placeholder {
    color: var(--navy);
}
.blog-search__btn {
    height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    background: var(--gold);
    color: var(--light-dark);
    font-weight: 900;
    transition: 0.3s ease-in;
}
.blog-search__btn:hover {
    transform: translateY(-2px);
    opacity: 0.96;
    color: var(--white);
    background: var(--navy2);
}
.blog-search:focus-within {
    border-color: rgba(210, 178, 74, 0.55);
    box-shadow:
        0 0 0 4px rgba(210, 178, 74, 0.18),
        0 18px 40px rgba(0, 0, 0, 0.18);
}
.blog-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    justify-content: center;
}
.blog-filter__chip {
    padding: 10px 14px;
    border-radius: 999px;
    background: #ebe8e8;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: var(--navy2);
    font-weight: 800;
    cursor: pointer;
    transition:
        transform 0.15s,
        background 0.2s,
        border-color 0.2s;
}
.blog-filter__chip:hover {
    transform: translateY(-1px);
    border-color: rgba(210, 178, 74, 0.35);
    background: rgba(255, 255, 255, 0.14);
}
.blog-filter__chip.is-active {
    background: var(--navy2);
    border-color: rgba(210, 178, 74, 0.5);
    color: var(--gold);
}
.blog-grid__title::after,
.teach__title::after {
    content: "";
    height: 4px;
    background: var(--gold);
    margin: 10px auto 0;
}
.blog-detail-content,
.blog-grid {
    padding: 60px 0;
    background: var(--white);
}
.blog-grid__head {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 36px;
}
.blog-grid__title {
    margin: 0 0 10px;
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 900;
    color: var(--navy);
}
.blog-grid__title::after {
    display: block;
    width: 78px;
    border-radius: 999px;
}
.blog-grid__sub {
    margin: 12px 0 0;
    color: rgba(11, 42, 102, 0.75);
    line-height: 1.7;
}
.blog-grid__wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    align-items: stretch;
}
.blog-cards {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: var(--white);
    border: 1px solid rgba(11, 42, 102, 0.1);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.35s,
        box-shadow 0.35s,
        border-color 0.35s;
}
.blog-card__media {
    display: block;
    height: 190px;
    overflow: hidden;
}
.blog-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 0.45s;
}
.blog-card__chip {
    position: absolute;
    left: 14px;
    bottom: 12px;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(11, 42, 102, 0.1);
    color: var(--navy);
    font-weight: 900;
    font-size: 12px;
}
.blog-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 18px 20px;
}
.blog-card__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(11, 42, 102, 0.7);
    font-weight: 800;
    font-size: 12.5px;
    margin-bottom: 10px;
}
.blog-card__dot {
    opacity: 0.6;
}
.blog-card__title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    color: var(--navy);
}
.sidebar__widget.mb-55 .rc__meta span {
    font-size: 13px !important;
    color: var(--navy);
    font-weight: 600;
}
.blog-card__text {
    flex-grow: 1;
    margin: 0 0 14px;
    line-height: 1.7;
    color: var(--para-color);
    font-size: 14.5px;
}
.blog-card__btn {
    margin-top: auto;
    width: max-content;
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid var(--gold);
    font-weight: 600;
    padding-bottom: 2px;
    transition: transform 0.2s;
}
.blog-card__btn span {
    display: inline-block;
    transition: transform 0.2s;
}
.blog-card__btn:hover span {
    transform: translateX(4px);
}
.blog-cards:hover .blog-card__media img {
    transform: scale(1.1);
}
.teach__head {
    text-align: center;
    max-width: 880px;
    margin: 0 auto 44px;
}
.teach__title {
    margin: 0 0 10px;
    font-weight: 900;
    color: var(--navy);
}
.teach__title::after {
    display: block;
    width: 82px;
    border-radius: 999px;
}
.teach__subtitle {
    margin: 14px 0 0;
    color: rgba(11, 42, 102, 0.75);
    line-height: 1.75;
}
.featured-blog {
    padding-bottom: 30px;
}
.featured-post {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 18px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2);
}
.featured-post__media {
    min-height: 260px;
}
.featured-post__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.featured-post__content {
    padding: 22px 20px;
}
.featured-post__tag {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(210, 178, 74, 0.3);
    border: 1px solid rgba(210, 178, 74, 0.25);
    color: var(--navy2);
    font-weight: 900;
    font-size: 13px;
}
.featured-post__title {
    margin: 12px 0 10px;
    font-weight: 900;
    line-height: 1.2;
}
.featured-post__excerpt {
    margin: 0 0 14px;
    line-height: 1.75;
    color: var(--navy2);
    font-weight: 500;
}
.featured-post__meta {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 16px;
}
.featured-post__meta .dot {
    opacity: 0.65;
}
.featured-post__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    border-radius: 12px;
    text-decoration: none;
    background: var(--gold);
    color: var(--light-dark);
    font-weight: 900;
    transition:
        transform 0.15s,
        opacity 0.15s;
}
.featured-post__cta:hover {
    transform: translateY(-1px);
    opacity: 0.96;
}
.featured-slider {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    border-radius: 22px;
}
.featured-slider__track {
    display: flex;
    transition: transform 0.6s;
}
.slide {
    min-width: 100%;
}
.prev {
    position: absolute;
    left: -10px;
}
.next {
    right: -20px;
}
.contact-page .contact-info {
    display: flex;
    flex-direction: column;
    gap: 2vw;
}
.contact-page .info-box {
    display: flex;
    gap: 1.5vw;
    align-items: center;
    padding: 2vw;
    border-radius: 1.5vw;
    background: var(--white);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}
.contact-page .row,
.contact-page form {
    display: flex;
    gap: 1.4vw;
}
.contact-page .info-box::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, var(--gold), var(--btn));
    transition: 0.5s;
    z-index: 0;
}
.contact-page .info-box i {
    color: var(--yellow);
    z-index: 1;
    transition: 0.5s;
    font-size: 40px;
}
.contact-page .info-box div {
    z-index: 1;
}
.contact-page .info-box strong {
    display: block;
    margin-bottom: 0.4vw;
}
.contact-page .info-box:hover {
    transform: translateX(14px);
    cursor: pointer;
}
.contact-page .info-box:hover i,
.contact-page .info-box:hover p,
.contact-page .info-box:hover strong {
    color: var(--navy);
    cursor: pointer;
}
.contact-page .contact-form {
    background: var(--white);
    padding: 3vw;
    border-radius: 2vw;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
}
.contact-page form {
    flex-direction: column;
}
.contact-page input,
.contact-page textarea {
    width: 100%;
    padding: 1.1vw 1.4vw;
    border-radius: 1vw;
    border: 1px solid var(--search-border);
    outline: 0;
    transition: 0.3s;
}
.contact-page textarea {
    resize: none;
    min-height: 10vw;
}
.contact-page button {
    background: linear-gradient(135deg, var(--yellow), var(--yellow));
    border: none;
    color: var(--white);
    padding: 1.2vw;
    border-radius: 1vw;
    cursor: pointer;
    transition: 0.4s;
}
.contact-page button:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(14, 165, 233, 0.4);
}
.course-hero {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    color: var(--white);
}
.course__container {
    margin: 0 auto;
    padding: 60px 0;
}
.course-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(16, 22, 46, 0.92),
        rgba(10, 35, 87, 0.88)
    );
    z-index: 0;
}
#what-you-learn {
    padding: 40px 0 50px;
}
.course-hero .blog-detail-hero__container,
.partner-cta-unique .cta-left-inner {
    position: relative;
    z-index: 1;
}
.course__grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
}
.course-hero__badge {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(212, 175, 58, 0.15);
    border: 1px solid rgba(212, 175, 58, 0.35);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.4px;
    margin-bottom: 18px;
}
.course-hero__title {
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 16px;
}
.course-hero__subtitle {
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin-bottom: 22px;
    max-width: 650px;
}
.course-hero__list {
    list-style: none;
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
}
.course-hero__cta,
.course-media,
.course-two-price {
    display: flex;
    display: flex;
}
.course-hero__list li {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    line-height: 1.6;
    margin: 0;
}
.course-hero__cta {
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.btn-outline {
    padding: 8px 22px;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s;
}
.course-tab,
.tab-arrow {
    transition: 0.3s;
    cursor: pointer;
}
.btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
}
.course-media {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.course-two-price {
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
    color: var(--navy);
    padding: 12px 20px;
    width: stretch;
    position: relative;
}
.course-two-col {
    text-align: center;
    flex: 1;
}
.tab-arrow,
.tabs-wrapper {
    display: flex;
    align-items: center;
}
.course-two-col span {
    font-size: 15px;
    font-weight: 600;
}
.course-two-price::after {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;
    width: 1px;
    background: #c1c1c1;
}
.course-media__card {
    width: min(365px, 100%);
    padding: 20px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(16px);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
}
.course-media__price,
.tab-arrow:hover {
    background: var(--gold);
    color: var(--navy);
}
.course-media__price {
    position: absolute;
    top: -16px;
    right: 24px;
    padding: 8px 16px;
    font-weight: 900;
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.course-media__card img {
    width: 100%;
    max-width: 300px;
    margin: 8px auto;
    display: block;
}
.footer p {
    margin-bottom: 5px;
}
.course-media__rating {
    font-weight: 800;
    margin-bottom: 6px;
}
.course-media__rating span {
    margin-left: 8px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}
.course-media__learners {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
}
.timeline-box ol {
    list-style-type: disc;
    padding-left: 0;
}
section.course-hero.bg-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/frontend/images/course-bg-design.png) center/cover
        no-repeat;
    opacity: 0.2;
    z-index: 1;
}
.course-section-btns {
    top: 90px;
    z-index: 100;
    padding: 25px 0;
    background: var(--white);
}
.tabs-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 92%;
    margin-top: 32px;
}
.btn-container {
    display: flex;
    gap: 14px;
    overflow-x: hidden;
    flex: 1;
    padding: 0 10px;
    margin: 5px 0;
}
.course-tab {
    flex: 0 0 auto;
    padding: 12px 20px;
    border-radius: 999px;
    border: 1px solid rgba(16, 22, 46, 0.15);
    background: var(--white);
    font-weight: 700;
    white-space: nowrap;
}
.course-section-active,
.tab-arrow {
    background: var(--navy2);
    color: var(--white);
}
.course-section-active {
    border-color: var(--navy2);
}
.tab-arrow {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
}
.course-info__container {
    width: min(1100px, 92%);
    margin: 0 auto;
}
.course-info__card {
    border: 1px solid rgba(16, 22, 46, 0.12);
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
}
.course-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    border-top: 1px solid rgba(16, 22, 46, 0.1);
}
.course-row:first-child {
    border-top: none;
}
.course-key {
    background: var(--navy2);
    color: var(--white);
    font-weight: 800;
    padding: 16px 18px;
    display: flex;
    align-items: center;
}
.course-link,
.feature-card__title {
    font-weight: 900;
    color: var(--navy2);
}
.course-val {
    padding: 16px 18px;
    color: rgba(16, 22, 46, 0.92);
    line-height: 1.7;
}
.course-link {
    text-decoration: none;
    border-bottom: 2px solid rgba(212, 175, 58, 0.9);
    padding-bottom: 2px;
}
.course-link:hover {
    opacity: 0.9;
}
.course-list {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 8px;
}
.feature-grid__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.feature-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 22px 20px;
    border-radius: 18px;
    background: linear-gradient(145deg, var(--white), var(--search-border));
    border: 1px solid rgba(16, 22, 46, 0.08);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
    transition:
        transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.35s,
        border-color 0.35s,
        background 0.35s;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}
.feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(212, 175, 58, 0.05),
        transparent 40%
    );
    opacity: 0;
    transition: opacity 0.35s;
}
.feature-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 58, 0.6);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.12);
}
.feature-card__icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(212, 175, 58, 0.12);
    border: 1px solid rgba(212, 175, 58, 0.3);
    color: var(--navy2);
    flex: 0 0 50px;
    transition: 0.35s;
}
.feature-card__icon i {
    font-size: 20px;
    transition: transform 0.35s;
}
.feature-card:hover .feature-card__icon {
    background: linear-gradient(135deg, var(--gold), var(--gold));
    color: var(--light-dark);
    transform: rotate(-5deg) scale(1.08);
}
.contact-wrapper .info-box p,
.dropdown-menu i,
.eduviatai-box h4,
.eduviatai-feature h4,
.feature-card:hover .feature-card__title,
.timeline-box h3,
main.terms-condition-wrp h1,
main.terms-condition-wrp h2,
main.terms-condition-wrp h3,
section.partnership-faq .approach-head h2 {
    color: var(--navy);
}
.feature-card:hover .feature-card__icon i {
    transform: scale(1.15);
}
.feature-card__title {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.3;
    transition: color 0.3s;
}
.feature-card__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: rgba(16, 22, 46, 0.75);
}
.feature-card {
    height: 100%;
}
.timeline-section {
    padding: 60px 0;
    background: var(--section-bg);
}
.timeline-wrapper {
    position: relative;
    max-width: 1100px;
    margin: auto;
    padding: 40px 0;
}
.timeline-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    width: 4px;
    background: var(--gold);
    border-radius: 4px;
}
.timeline-row {
    position: relative;
    width: 50%;
    padding: 30px 40px;
}
.timeline-icon-left,
.timeline-icon-right {
    top: 32px;
    transform: translateX(-50%);
    width: 46px;
    height: 46px;
    color: var(--light-dark);
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--white);
    z-index: 5;
    transition: transform 0.3s;
    display: flex;
    background: var(--gold);
    font-size: 18px;
    position: absolute;
}
.timeline-row.left {
    left: 0;
    text-align: left;
}
.timeline-row.right {
    left: 50%;
    text-align: left;
}
.timeline-icon-left {
    left: 100%;
    align-items: center;
    justify-content: center;
}
.timeline-icon-right {
    left: calc(0%);
    align-items: center;
    justify-content: center;
}
.timeline-box {
    background: var(--white);
    border-radius: 18px;
    padding: 28px 30px;
    position: relative;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.35s,
        box-shadow 0.35s,
        border 0.35s;
    border: 1px solid rgba(16, 22, 46, 0.08);
}
.timeline-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
    border-color: rgba(212, 175, 58, 0.6);
}
.timeline-row:hover .timeline-icon {
    transform: translateX(-50%) scale(1.1);
}
.timeline-box h3 {
    font-weight: 800;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: normal;
}
.timeline-box ul {
    padding-left: 18px;
    color: var(--navy2);
    line-height: 1.8;
}
.timeline-box li {
    margin-bottom: 6px;
}
.timeline-row.left .timeline-box::after {
    content: "";
    position: absolute;
    top: 35px;
    right: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent var(--white);
}
.timeline-row.right .timeline-box::after {
    content: "";
    position: absolute;
    top: 35px;
    left: -12px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent var(--white) transparent transparent;
}
.about-content ul,
.course-val ul.course-list ul,
.course__grid ul,
.partner-services .partner-grid ul {
    padding-left: 0;
}
input#m-agree {
    margin-right: 10px;
}
.checkout-wrp {
    background: #0c132c0d;
    padding-bottom: 40px;
}
div#enroll-bundle {
    margin-bottom: 0 !important;
}
.auth-buttons,
.header-actions a {
    white-space: nowrap;
    color: #cca328 !important;
}
.course-certificate__image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.course-certificate__image img {
    margin-bottom: 50px;
}
.opportunity-grid__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.opportunity__title {
    margin: 0 0 10px;
    font-weight: 900;
    color: var(--navy);
    line-height: normal;
}
.opportunity__title::after {
    content: "";
    display: block;
    width: 110px;
    height: 2px;
    margin: 10px auto 0;
    background: var(--gold);
    border-radius: 999px;
}
.opportunity__card {
    position: relative;
    padding: 26px 28px;
    border-radius: 22px;
    background: var(--white);
    border: 1px solid rgba(16, 22, 46, 0.08);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition:
        transform 0.35s,
        box-shadow 0.35s,
        border-color 0.35s;
}
.opportunity__card:hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 26px 60px rgba(0, 0, 0, 0.12);
}
.opportunity__image {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    transition: transform 0.35s;
}
.opportunity__image img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
    filter: brightness(0) invert(1);
}
.opportunity__card:hover .opportunity__image {
    transform: rotate(-6deg) scale(1.06);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}
.opportunity__subtitle {
    text-align: left;
    padding: 0;
    font-weight: 600;
    line-height: 1.75;
    color: rgba(16, 22, 46, 0.78);
}
.opportunity-faq {
    background-color: var(--navy);
    color: var(--white);
}
#faq .faq-wrapper .faq-answer {
    max-height: 500px !important;
    overflow: hidden;
    transition: max-height 0.4s;
    color: var(--para-color);
    line-height: 1.6;
}
.prerequisites__list {
    padding: 15px 20px;
}
.prerequisites__list li {
    padding-bottom: 10px;
    color: var(--para-color);
}
.exam-detail-grid__wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    justify-content: center;
}
.exam-detail__subtitle p {
    text-align: center;
    color: var(--para-color);
}
.exam-table-wrapper {
    margin: auto;
    overflow-x: auto;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.exam-table {
    width: 100%;
    border-radius: 20px;
}
.exam-table td {
    padding: 15px 20px;
    border-bottom: 0.5px solid var(--search-border);
    background-color: var(--section-bg);
    font-size: 18px;
    color: var(--navy);
    font-weight: 500;
}
.exam-table tr td:last-child {
    text-align: right;
}
.price__btn {
    padding: 20px 0;
}
.course-price__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}
.course-price__btn button {
    padding: 15px 25px;
    border-left: 6px solid var(--gold);
    border-radius: 20px;
    background-color: var(--navy);
    color: var(--white);
    animation: 2s ease-in infinite jump;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.18);
}
@keyframes jump {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.07);
    }
}
.training-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 26px;
    margin: 50px auto 0;
}
.training-card__body h2 {
    margin-bottom: 0;
}
.training-grid .row {
    display: flex;
    flex-wrap: wrap;
}
.training-grid .training-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.training-grid .training-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.training-grid .training-btn {
    margin-top: auto;
}
.training-card {
    border-radius: 14px;
    border: 2px solid var(--navy);
    overflow: hidden;
    background: var(--white);
    transition:
        transform 0.3s,
        box-shadow 0.3s;
}
.training-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}
.training-card__header {
    background: var(--navy);
    color: var(--white);
    font-weight: 800;
    text-align: center;
    padding: 18px 20px;
    font-size: 18px;
}
.training-btn,
.training-btn.alt {
    background: linear-gradient(135deg, var(--gold), var(--gold));
}
.training-card__body {
    padding: 26px 30px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.training-card__body ul {
    padding-left: 20px;
    margin-bottom: 28px;
    line-height: 1.8;
    font-weight: 600;
    color: var(--navy2);
}
.training-card__body li {
    margin-bottom: 8px;
}
.training-btn {
    display: inline-block;
    padding: 10px 18px;
    color: var(--light-dark);
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.training-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(241, 165, 52, 0.4);
}
#certificate {
    padding: 50px 0 0;
}
#exam_details,
#opportunity {
    padding-bottom: 50px;
}
#training-cards {
    padding-bottom: 60px;
}
.blog-detail-hero {
    padding: 40px 0;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: var(--white);
    position: relative;
    overflow: hidden;
}
.blog-detail-hero::before {
    content: "";
    position: absolute;
    inset: -40%;
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(210, 178, 74, 0.18),
            transparent 45%
        ),
        radial-gradient(
            circle at 80% 30%,
            rgba(255, 255, 255, 0.08),
            transparent 50%
        ),
        radial-gradient(
            circle at 55% 90%,
            rgba(210, 178, 74, 0.12),
            transparent 55%
        );
    transform: rotate(10deg);
    pointer-events: none;
}
.blog-detail-hero__container {
    width: min(1200px, 92%);
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.blog-detail-hero__grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 26px;
    align-items: center;
}
.blog-detail-hero__category {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(210, 178, 74, 0.18);
    border: 1px solid rgba(210, 178, 74, 0.3);
    color: rgba(255, 255, 255, 0.92);
    font-weight: 900;
    font-size: 13px;
    letter-spacing: 0.2px;
}
.blog-detail-hero__title {
    margin: 14px 0 10px;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: 0.2px;
    color: var(--gold);
    font-size: 34px;
    line-height: normal;
}
.blog-detail-hero__subtitle {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.8;
    max-width: 720px;
}
.blog-detail-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 800;
    font-size: 13px;
}
.blog-detail-hero__metaItem {
    display: inline-flex;
    gap: 8px;
    align-items: baseline;
}
.blog-detail-hero__label,
.partner-services .partner-card strong {
    color: var(--gold);
    font-weight: 800;
}
.blog-detail-hero__value {
    color: rgba(255, 255, 255, 0.95);
    font-weight: 900;
}
.blog-detail-hero__sep {
    opacity: 0.7;
}
.blog-detail-hero__media {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
    position: relative;
}
.blog-detail-hero__media img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform 0.35s;
}
.blog-detail-hero__media:hover img,
.course-listing-card:hover img {
    transform: scale(1.07);
}
.blog-detail-content__lead {
    line-height: 1.9;
    color: var(--navy);
    font-weight: 600;
}
.blog-detail-content h3 {
    margin: 40px 0 14px;
    font-weight: 900;
    color: var(--navy);
    padding: 10px 20px;
    background: rgba(210, 178, 74, 0.12);
    border-left: 4px solid var(--gold);
}
.blog-detail-main__image {
    margin: 22px 0 26px;
    width: 100%;
}
.blog-detail-main__image img {
    width: 100%;
    max-width: 900px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 16px;
    border: 1px solid rgba(11, 42, 102, 0.1);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}
.course-listing-head__image_old img,
.footer-logo img,
.lightbox img {
    object-fit: contain;
}
.blog-list,
.blog-ordered {
    margin: 14px 0 18px 20px;
    line-height: 1.8;
}
.blog-divider {
    margin: 40px 0;
    border: none;
    height: 1px;
    background: rgba(11, 42, 102, 0.1);
}
.blog-table-wrap {
    overflow-x: auto;
}
.blog-table {
    width: 100%;
    margin-top: 14px;
}
.blog-table td,
.blog-table th {
    border: 1px solid rgba(11, 42, 102, 0.1);
    padding: 12px;
    text-align: left;
}
.blog-table th {
    background: rgba(11, 42, 102, 0.06);
    font-weight: 900;
}
.blog-quote {
    margin: 24px 0;
    font-weight: 700;
    color: var(--navy2);
}
.blog-cta-box {
    margin-top: 40px;
    padding: 30px;
    border-radius: 18px;
    font-size: 18px;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: var(--white);
    text-align: center;
}
.blog-cta-btn {
    display: inline-block;
    margin-top: 16px;
    padding: 12px 20px;
    background: var(--gold);
    color: var(--light-dark);
    font-weight: 900;
    border-radius: 10px;
    text-decoration: none;
}
.section_bottom {
    padding: 0 0 60px;
}
.course-listing__container {
    padding: 60px 0;
}
.course-listing-head__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.course-listing-head__title {
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.course-listing-head__title h3 {
    color: var(--navy);
    font-weight: 700;
}
.course-listing-head__title p {
    color: var(--light-dark);
    font-weight: 500;
}
.course-listing-head__image {
    display: flex;
    justify-content: end;
    align-items: center;
}
.course-listing-head__image img {
    width: 350px;
}
.course-listing-cards__grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.search-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid var(--gold);
    background: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}
.search-btn i {
    color: #fff;
    font-size: 18px;
}
label .req,
label .required,
label .star,
label span.required {
    color: red;
}
.search-btn:hover i {
    color: #fff;
}
.search-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    align-items: center;
    justify-content: center;
}
.search-modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    position: relative;
    animation: 0.3s fadeIn;
}
.close-search {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 24px;
    cursor: pointer;
}
.search-input-wrapper {
    position: relative;
}
.search-input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--navy);
}
.search-input-wrapper input {
    width: 100%;
    padding: 12px 15px 12px 45px;
    border-radius: 30px;
    border: 1px solid #ddd;
    font-size: 16px;
    outline: 0;
}
.search-input-wrapper input:focus {
    border-color: var(--navy);
}
@keyframes fadeIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.course-listing-card {
    border: 1px solid var(--search-border);
    border-radius: 18px;
    background: var(--white);
    padding: 18px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.25s,
        box-shadow 0.25s,
        border-color 0.25s;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.course-listing-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, var(--gold), var(--navy2));
    opacity: 0.9;
}
.course-listing-card img {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 14px 0 30px;
    transition: transform 0.25s;
}
.course-listing-card h4 {
    color: var(--navy);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 6px;
    min-height: 42px;
}
.course-listing-card h5 {
    color: var(--gold);
    font-weight: 600;
    margin: 0 0 10px;
}
.course-listing-card p {
    color: var(--navy2);
    font-weight: 800;
    margin: 0 0 14px;
}
.course-listing-card button {
    margin-top: auto;
    width: 100%;
}
.course-listing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
    border-color: rgba(0, 0, 0, 0.08);
}
.course-listing-card:hover button {
    background-color: var(--gold);
    color: var(--dark);
    transform: translateY(-2px);
}
.course-listing-card button:focus {
    outline: rgba(255, 199, 0, 0.35) solid 3px;
    outline-offset: 2px;
}
.login-wrapper,
.signup-wrapper {
    min-height: 100vh;
}
.login-wrapper .container,
.signup-wrapper .container {
    display: flex;
    min-height: 100vh;
    max-width: 100%;
    padding: 0;
}
.login-wrapper .login-image {
    flex: 1;
    background: url("/images/hero-banner2.webp") center/cover no-repeat;
    position: relative;
}
.login-wrapper .brand,
.signup-wrapper .brand {
    position: absolute;
    top: 30px;
    left: 40px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 40px;
}
.login-wrapper .login-form {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fb;
}
.login-wrapper form {
    background: #fff;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin: 0 200px;
}
.login-wrapper label,
.signup-wrapper label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}
.login-wrapper input {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    outline: 0;
}
.login-wrapper input:focus {
    border-color: var(--gold);
}
.login-row label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.login-row label input[type="checkbox"] {
    width: auto;
    margin: 0 10px 0 0;
}
.login-wrapper .login-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin-bottom: 25px;
    gap: 10px;
}
.login-wrapper .login-footer a,
.login-wrapper .login-row a,
.signup-wrapper .signup-footer a {
    color: var(--gold);
    font-weight: 600;
    text-decoration: none;
}
.login-wrapper button {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
}
.login-wrapper .login-footer {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}
.mapouter {
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
}
.contact-wrapper {
    padding: 60px 20px;
}
.contact-wrapper .container .contact-us-wrp .contact-us-col {
    display: flex;
    gap: 50px;
    align-items: center;
}
.contact-wrapper .contact-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 40%;
}
.contact-form {
    padding: 20px;
    border: 1px solid var(--navy2);
    border-radius: 16px;
}
.contact-wrapper .info-box {
    background: var(--gold);
    color: #fff;
    padding: 30px;
    border-radius: 14px;
    min-width: 280px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: hidden;
    transition: 0.35s;
}
.contact-wrapper .info-box h3 {
    margin-bottom: 10px;
    color: var(--navy);
}
.contact-wrapper h2 {
    margin-bottom: 25px;
    color: #142b6f;
}
.contact-wrapper input,
.contact-wrapper textarea {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-bottom: 18px;
    outline: 0;
}
.contact-wrapper textarea {
    height: 130px;
    resize: none;
}
.contact-wrapper input:focus,
.contact-wrapper textarea:focus {
    border-color: #142b6f;
}
.contact-wrapper .captcha-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 15px 0 25px;
    width: 280px;
}
.contact-wrapper button {
    background: #142b6f;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    float: right;
}
.info-box i {
    margin-right: 8px;
    font-size: 16px;
}
.contact-wrapper .info-box::after {
    content: "";
    position: absolute;
    width: 150%;
    height: 100%;
    top: 0;
    left: -150%;
    background: linear-gradient(90deg, transparent, var(--navy), transparent);
    transition: 0.6s;
}
.contact-wrapper .info-box:hover::after {
    left: 150%;
}
.contact-wrapper .info-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.3);
}
.signup-wrapper .signup-image {
    width: 50%;
    background: url("/images/hero-banner1.webp") center/cover no-repeat;
    position: relative;
}
.signup-wrapper .signup-form {
    align-items: flex-start;
    overflow-y: auto;
    padding: 40px 20px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fb;
}
.signup-wrapper input {
    font-size: 14px;
    background: #fff;
    color: #0e1133;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.signup-wrapper form {
    margin: 0 auto 40px;
    width: 100%;
    max-width: fit-content;
    background: #fff;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}
.signup-form h2 {
    color: var(--gold);
    margin-bottom: 14px;
}
.signup-wrapper input {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-bottom: 18px;
    outline: 0;
}
.signup-wrapper input:focus {
    border-color: #1f3c88;
}
.signup-wrapper .captcha-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 20px 0;
    border-radius: 6px;
    font-size: 14px;
}
.signup-form {
    padding: 50px 0;
    flex-direction: column;
}
.signup-wrapper button {
    width: 100%;
    justify-content: center;
}
.signup-wrapper .signup-footer {
    text-align: center;
    margin-top: 18px;
    font-size: 14px;
}
.forgot-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 145px;
    gap: 20px;
}
.forgot-form p {
    padding: 0 20px;
    text-align: center;
}
.profile-dropdown {
    display: none !important;
    position: relative;
    font-family: Arial, sans-serif;
}
.profile-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.profile-btn img {
    width: 36px;
    border-radius: 50%;
}
section.course-listing-cards__section .section_bottom ul {
    margin-top: 40px;
}
.container.search-page,
main.terms-condition-wrp,
section.blog__area {
    padding: 50px 0;
}
.blog__sidebar .sidebar__widget .rc__post {
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--navy);
    padding-bottom: 10px;
}
.blog__sidebar .rc__meta {
    background: var(--gold);
    width: max-content;
    padding: 2px 8px;
    border-radius: 5px;
    color: var(--navy);
    font-size: 10px;
}
.sidebar__search.p-relative input[type="text"] {
    border-radius: 20px;
    padding: 5px 20px;
    border: 1px solid;
    margin-bottom: 10px;
}
.blog__sidebar .sidebar__widget .rc__post .rc__thumb.mr-20 img {
    border-radius: 12px;
    height: 95px;
    width: 109px !important;
    max-width: 100px;
    object-fit: cover;
}
.contact-us-send-wrp {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.blog__sidebar .sidebar__widget .rc__post h6.rc__title {
    margin-top: 2px;
    line-height: normal;
}
.blog__sidebar .sidebar__widget .rc__post .rc__thumb.mr-20 {
    width: 160px;
}
.blog-body h3:hover,
.blog-card__title:hover,
.blog__sidebar .sidebar__widget .rc__post h6.rc__title a:hover,
main.terms-condition-wrp a,
p.pf-contact-desc strong {
    color: var(--gold);
}
section.course-listing-cards__section .section_bottom ul li {
    background: var(--gold);
    padding: 5px 14px;
    border-radius: 50%;
    display: flex;
    align-items: anchor-center;
}
section.course-listing-cards__section .section_bottom ul li:first-child,
section.course-listing-cards__section .section_bottom ul li:last-child {
    background-color: var(--navy);
    color: var(--white);
    padding: 8px 22px;
    font-weight: 600;
    border-radius: 8px;
    display: inline-block;
    transition: 0.3s;
    border: none;
    line-height: inherit;
}
section.course-listing-cards__section .section_bottom ul li:first-child:hover {
    background-color: var(--gold);
    color: var(--navy);
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
section.course-listing-cards__section .section_bottom ul li:last-child:hover {
    background-color: var(--gold);
    color: var(--navy);
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}
.logout {
    color: #e63946;
}
.user-dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menu {
    position: absolute;
    top: 55px;
    right: 0;
    width: 220px;
    background: #f3f8ff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    list-style: none;
    transform: translateY(-10px);
    transition: 0.3s;
}
#backToTop.show,
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.dashboard-wrapper .tp-dashboard-menu li,
.header-actions div#userDropdown ul#userDropdownMenu li {
    margin-left: 0;
}
.header-actions div#userDropdown ul#userDropdownMenu li:hover {
    background: var(--gold);
    margin-left: 0 !important;
}
.header-actions div#userDropdown ul#userDropdownMenu li a {
    color: var(--navy);
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
}
.dropdown-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    width: fit-content;
    transition: background 0.2s;
}
div#loginModal,
div#registerModal {
    background: #00000073;
}
div#userDropdown img.avatar {
    width: 30px;
}
button#userDropdownToggle {
    display: flex;
    gap: 10px;
    align-items: center;
    background: 0 0;
    font-weight: 500;
}
.dashboard-wrapper .tp-dashboard-menu ul li {
    border: 1px solid #d4af3a;
}
.dashboard-page {
    padding: 60px 0;
    background: #0c132c12;
}
h3.dashboard-title {
    padding-bottom: 10px !important;
}
.edit-btn-col {
    display: flex;
    align-items: center;
    gap: 14px;
}
.hero-wrap img.side-image {
    height: 100%;
    object-fit: cover;
}
.desktop-logo,
.partnership-faq .pf-faq-group.pf-show {
    display: block;
}
ul#userDropdownMenu a {
    color: #000 !important;
}
.user-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: 0 0;
    border: none;
    font-weight: 600;
    cursor: pointer;
}
#backToTop,
.user-icon {
    background: var(--gold);
}
.user-avatar,
.user-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
form#profileEditForm img#preview-image {
    width: 150px !important;
    height: auto !important;
}
.user-avatar {
    object-fit: cover;
}
.user-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-float,
.zoom-icon {
    height: 60px;
    transition: 0.3s;
}
.user-icon i {
    color: #fff;
    font-size: 14px;
}
.breadcrumb-wrp h1 {
    color: var(--white);
    text-align: center;
    line-height: normal;
}
.container.search-page li.list-group-item.d-flex.align-items-center {
    margin-left: 0;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 10px;
}
.container.search-page .search-results-title h3 {
    color: var(--navy);
    margin-bottom: 25px;
}
.container.search-page li.list-group-item.d-flex.align-items-center img {
    display: block;
    object-fit: contain !important;
    text-align: left;
}
.container.search-page
    li.list-group-item.d-flex.align-items-center
    strong:hover {
    color: var(--gold) !important;
}
div#courseInquiryModal form {
    display: flex;
    flex-direction: column;
    gap: 13px;
}
div#courseInquiryModal form label {
    margin-bottom: 2px;
}
#courseInquiryModal button.close {
    position: absolute;
    right: 12px;
    top: 12px;
    background: #10162e;
    border-radius: 50%;
    color: #fff;
    width: 35px;
    height: 35px;
}
div#courseInquiryModal::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #00000073;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.wp-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #25d366;
    color: #fff;
    font-size: 28px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    animation: 2s ease-in-out infinite floatUpDown;
}
.close-btn,
.zoom-icon {
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}
.wp-float:hover {
    background-color: #1ebe5d;
    transform: scale(1.1);
}
.wp-float i {
    font-family: FontAwesome !important;
    line-height: 60px;
}
@keyframes floatUpDown {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}
.course-certificate__image {
    text-align: center;
}
.certificate-wrapper {
    position: relative;
    display: inline-block;
    width: 30%;
}
.certificate-wrapper img {
    width: 100%;
    border-radius: 10px;
    transition: 0.3s;
}
.zoom-icon {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
#backToTop,
.lightbox {
    position: fixed;
    z-index: 9999;
}
.lightbox {
    display: none;
    padding: 40px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
}
.lightbox img {
    max-width: 100%;
    max-height: 100%;
}
.close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
}
.partnership-services {
    max-width: 100%;
    color: #111;
    line-height: 1.6;
}
.partnership-services h1,
.partnership-services h2,
.partnership-services h3 {
    color: #222;
    margin-bottom: 0.5em;
}
.partnership-services p,
.ps-faq details {
    margin-bottom: 1em;
}
.partnership-services h1 {
    font-size: 2.5em;
}
.partnership-services h2 {
    font-size: 2em;
    margin-top: 1.5em;
}
.partnership-services h3 {
    font-size: 1.3em;
    margin-top: 1em;
}
.partnership-services a {
    color: #007bff;
    text-decoration: none;
}
.partnership-services a:hover {
    text-decoration: underline;
}
.ps-approach,
.ps-contact,
.ps-faq,
.ps-partners,
.ps-services,
.ps-why-partner {
    padding: 1em 0;
}
.service-item {
    margin-bottom: 1.5em;
}
.ps-partners ul,
.ps-why-partner ul {
    list-style: disc inside;
    margin-left: 0;
    padding-left: 0;
}
.ps-approach ol {
    padding-left: 1.5em;
}
.ps-contact {
    background-color: #f8f9fa;
    padding: 1.5em;
    border-radius: 8px;
}
.ps-faq details {
    border-left: 3px solid #007bff;
    padding-left: 0.8em;
    cursor: pointer;
}
.ps-faq summary {
    font-weight: 600;
    margin-bottom: 0.3em;
    list-style: none;
}
.eduviatai-why {
    background-color: #fefefe;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}
.eduviatai-why h2 {
    color: var(--navy);
    margin-bottom: 30px;
    text-align: center;
}
.eduviatai-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    width: 100%;
    max-width: 1200px;
}
.eduviatai-box,
.eduviatai-feature {
    background: linear-gradient(145deg, #fff, #f0f9ff);
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    transition:
        transform 0.3s,
        box-shadow 0.3s;
}
.eduviatai-cta,
.eduviatai-testimonial {
    border-radius: 12px;
    margin-top: 40px;
    text-align: center;
}
.eduviatai-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.eduviatai-feature::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: rgba(29, 78, 216, 0.1);
    border-radius: 50%;
    transform: rotate(45deg);
}
.eduviatai-box h4,
.eduviatai-feature h4 {
    color: var(--navy);
    margin-bottom: 0.8rem;
}
.eduviatai-feature p {
    color: #555;
    font-size: 1rem;
    line-height: 1.5;
}
@media (max-width: 768px) {
    .eduviatai-feature {
        padding: 1.5rem;
    }
    .footer-bottom-col,
    .footer-bottom-col:last-child {
        width: 100%;
    }
    .footer-copy {
        display: block;
    }
}
.eduviatai-journey {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    background-color: #fdfefe;
}
.eduviatai-journey h2 {
    color: var(--navy);
    margin-bottom: 1rem;
    text-align: center;
}
.eduviatai-problem-solution {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
}
.eduviatai-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}
.eduviatai-box p {
    color: #555;
    line-height: 1.6;
}
a.course-tab:hover {
    background: var(--navy2);
    color: #fff;
}
.eduviatai-testimonial {
    width: 100%;
    background-color: #fff;
    border-left: 6px solid var(--navy);
    padding: 2rem;
    font-style: italic;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    margin-bottom: 40px;
    border-right: 6px solid var(--navy);
}
.course-hero__content p,
.pf-contact-cta p,
section.course-listing-cards__section .section_bottom ul li b {
    color: #fff;
}
.course-listing-head__image_old {
    display: flex;
    justify-content: center;
    align-items: center;
}
.eduviatai-list {
    max-width: fit-content;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding-left: 1.2rem;
}
.eduviatai-list li {
    color: #555;
    font-size: 1rem;
    list-style-type: disc;
}
.eduviatai-cta {
    padding: 3rem 1rem;
    background: var(--navy);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: anchor-center;
}
.eduviatai-cta h4 {
    margin-bottom: 1rem;
    color: var(--navy);
}
.eduviatai-testimonial li {
    text-align: left;
}
.eduviatai-testimonial ul {
    margin-top: 20px;
}
.eduviatai-cta p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    color: #fff;
}
@media (max-width: 1699px) {
    .login-wrapper form {
        margin: 0 150px;
    }
    .hero-content {
        bottom: 40px;
    }
}
@media (max-width: 1599px) {
    .hero-content {
        bottom: 0;
    }
}
@media (max-width: 1499px) {
    .login-wrapper form {
        margin: 0 100px;
    }
    .course-media__card img {
        max-width: 230px;
    }
    .course-media__card {
        width: min(300px, 100%);
    }
}
@media (max-width: 1299px) {
    .container.search-page {
        padding: 40px;
    }
    .forgot-form {
        padding: 0 80px;
    }
    .course-slick-section .slick-prev {
        left: -10px;
    }
    .login-wrapper form {
        margin: 0 50px;
    }
    .hero-img.home-certification-img {
        padding: 12px;
    }
    .no-slider .certi-col img {
        max-width: fit-content;
    }
    .certi-col span {
        font-size: 14px;
    }
    .header-wrap {
        gap: 30px;
    }
    .course-slick-section .slick-next {
        right: -10px;
    }
}
@media (max-width: 1199px) {
    .hero-img.home-certification-img {
        height: auto !important;
        min-height: max-content;
    }
    .forgot-form {
        padding: 0 70px;
    }
    .site-header .logo img {
        height: 50px;
    }
    .site-header .nav-links ul {
        gap: 5px;
    }
    .header-wrap {
        gap: 28px;
    }
    .feature-grid__wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .course-section-btns {
        top: 80px;
    }
}
@media (max-width: 1099px) {
    .site-header .logo img {
        height: 60px;
    }
    h1 {
        font-size: 35px;
        line-height: 1.6;
    }
    span.hero-spantext {
        font-size: 30px;
    }
    .search-field {
        display: none;
    }
    .mobile-search-icon {
        display: flex;
    }
}
@media (max-width: 1100px) {
    .course-listing-cards__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1024px) {
    .hero-card {
        justify-content: space-around;
    }
    .hero-slide,
    .hero-wrapper {
        height: 80vh;
    }
    h2 {
        font-size: 34px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
    }
    .container {
        max-width: 100%;
        margin: auto;
        padding: 0 20px;
        width: 100%;
    }
    .col-xl-8.dashboard-right-content,
    .dashboard-wrapper .dashboard-left-menu-bar {
        width: 100% !important;
    }
    .mobile-logo,
    .nav-links {
        display: none;
    }
    .desktop-logo {
        display: block;
    }
    .burger {
        display: flex;
    }
    .beliefs__grid,
    .feature-grid__wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .login-wrapper form,
    .signup-wrapper form {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
    }
    .about-hero__wrap,
    .blog-detail-hero__grid,
    .contact-page .contact-layout,
    .course__grid,
    .footer .container,
    .teach__layout,
    .training-grid {
        grid-template-columns: 1fr;
    }
    .about .container,
    .contact-page .row,
    .contact-wrapper .container .contact-us-wrp .contact-us-col,
    .contact-wrapper .two-col,
    .signup-wrapper .two-col {
        flex-direction: column;
    }
    .social-icons {
        display: flex !important;
        flex-direction: row !important;
    }
    .footer-last-colsec p {
        display: flex;
        flex-direction: column;
    }
    section.course-section-btns {
        margin-top: 35px;
    }
    .forgot-form p {
        color: #fff;
        text-align: center;
    }
    .blog__sidebar.pl-70 {
        margin-top: 30px;
    }
    .contact-wrapper button {
        float: none;
        width: 100%;
    }
    .signup-wrapper .container {
        flex-direction: column;
        background:
            linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
            url("/images/hero-banner1.webp") center/cover no-repeat;
        justify-content: center;
        align-items: center;
    }
    .login-wrapper .login-image,
    .signup-wrapper .signup-image {
        display: none;
    }
    .signup-wrapper .signup-form {
        background: 0 0;
        padding: 20px;
        width: 100%;
    }
    .signup-wrapper form {
        max-width: 100%;
    }
    .login-wrapper .container {
        flex-direction: column;
        background:
            linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
            url("/images/hero-banner2.webp") center/cover no-repeat;
        justify-content: center;
        align-items: center;
    }
    .login-wrapper form {
        margin: 0;
    }
    .login-wrapper .login-form {
        background: 0 0;
        padding: 20px;
    }
    .footer .container {
        gap: 25px;
    }
    .footer-logo,
    .social-icons {
        justify-content: center;
    }
    .footer .container div {
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .footer-bottom .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer p {
        margin-bottom: 5px;
        text-align: center;
    }
    .footer-last-col {
        gap: 25px;
        flex-direction: column;
    }
    .teach__manifesto {
        position: relative;
        top: auto;
    }
    .about-hero,
    .course-listing__container {
        padding: 40px 0;
    }
    .about-card {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .beliefs__grid,
    .blog-grid__wrap,
    .opportunity-grid__wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .contact-page .info-box:hover {
        transform: translateY(-6px);
    }
    .featured-blog {
        padding-bottom: 20px;
    }
    .featured-post {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }
    .featured-post__content {
        padding: 18px 16px;
    }
    .featured-post__meta {
        flex-wrap: wrap;
        row-gap: 6px;
    }
    .blog-page {
        padding: 50px 0;
    }
    .course-listing-cards__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    span.cta-banner-white,
    span.cta-banner-yellow {
        font-size: 32px;
    }
    .timeline-icon-left,
    .timeline-icon-right,
    .timeline-wrapper::before {
        left: 20px;
    }
    .timeline-row {
        width: 100%;
        padding-left: 60px;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .timeline-row.left,
    .timeline-row.right {
        left: 0;
        text-align: left;
    }
    .timeline-box h3 {
        font-size: 16px;
    }
    .timeline-box ul {
        padding: 0;
    }
    .timeline-box li {
        font-size: 14px;
    }
    .blog-detail-hero {
        padding: 60px 0;
    }
    .blog-detail-hero__media img {
        height: 320px;
    }
}
@media (max-width: 800px) {
    .certi-col {
        min-width: 120px;
    }
    .faq-wrapper {
        flex-direction: column;
    }
    .no-slider .certi-col img {
        max-width: 100%;
        height: 100%;
    }
    .hero-card {
        padding: 50px 30px;
    }
}
@media (max-width: 768px) {
    .eduviatai-problem-solution,
    .faq-wrapper .container {
        flex-direction: column;
    }
    .site-header .logo img {
        height: 50px;
    }
    .footer-bottom-col:first-child {
        display: none !important;
    }
    .eduviatai-testimonial ul {
        margin-top: 20px;
        padding-left: 0;
        text-align: left;
    }
    .footer-bottom .container {
        gap: 10px;
    }
    .eduviatai-testimonial,
    .opportunity__card {
        padding: 20px;
    }
    .faq-wrapper .container,
    .timeline-wrapper,
    section#faq .container,
    section#overview .container,
    section.eduviatai-journey .container {
        padding: 0;
    }
    .login-wrapper .login-form {
        padding: 20px;
        width: 100%;
    }
    .certificate-wrapper {
        width: 90%;
    }
    div#tools-you-use .tools-grid {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
    .training-grid {
        width: auto;
    }
    .timeline-row {
        margin-bottom: 0;
        padding: 20px 30px;
    }
    .opportunity__subtitle p {
        text-align: center;
    }
    section#faq {
        padding: 0 20px;
    }
    .timeline-row.left,
    .timeline-row.right {
        padding-right: 0;
    }
    .course-tab {
        padding: 8px 15px;
        font-size: 15px;
    }
    section#overview {
        padding: 11px 20px;
    }
    .faq-wrapper .faq-right {
        min-height: auto;
        width: 100%;
    }
    .prerequisites__list {
        padding: 15px 0;
    }
    .section-title {
        font-size: 28px;
    }
    .about-card,
    .whatwedo__line {
        display: none;
    }
    section.about-hero .about-card {
        display: block;
    }
    .why-section {
        padding: 60px 0;
    }
    .beliefs__grid,
    .blog-grid__wrap,
    .why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .beliefs {
        padding: 30px 0;
    }
    .lead {
        padding: 0 0 50px;
    }
    .whatwedo__item {
        grid-template-columns: 1fr;
    }
    .whatwedo__rail {
        grid-auto-flow: column;
        justify-content: start;
        justify-items: start;
        gap: 12px;
    }
    .lead__panel {
        padding: 26px 18px;
    }
    .blog-card__media {
        height: 210px;
    }
    .blog-search {
        grid-template-columns: 40px 1fr;
        grid-auto-rows: auto;
    }
    .blog-search__btn {
        grid-column: 1/-1;
        width: 100%;
    }
    .blog-page {
        padding: 40px 0;
    }
    .featured-slider {
        margin-top: 22px;
        border-radius: 18px;
    }
    .featured-post {
        grid-template-columns: 1fr;
        gap: 0;
        border-radius: 18px;
    }
    .featured-post__media {
        min-height: 220px;
    }
    .featured-post__content {
        padding: 18px 16px 20px;
    }
    .featured-post__tag {
        font-size: 12px;
        padding: 7px 10px;
    }
    .featured-post__meta {
        font-size: 12.5px;
    }
    .featured-post__cta {
        width: 100%;
    }
    .blog-detail-main__image img {
        width: 100%;
        height: 100%;
    }
    .social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 699px) {
    .footer ul li,
    .mobile-menu-sidebar ul li {
        margin-left: 0;
    }
    .blog-slider-section h2,
    .course-slick-section .container h2,
    .faq-wrapper .faq-left h2,
    .footer h3,
    .footer p,
    .footer ul li,
    .footer-bottom .container {
        text-align: center;
    }
    h1 {
        font-size: 32px;
    }
    .search-btn {
        width: 38px;
        height: 38px;
    }
    .vertical-cta {
        left: 42px;
    }
    .auth-buttons.d-flex.mobile-auths span.btn-solid-blue {
        background-color: #fff;
        color: var(--navy);
    }
    .auth-buttons.d-flex.mobile-auths span.btn-solid-yellow:hover {
        background-color: #fff;
    }
    .auth-buttons.d-flex {
        display: none !important;
    }
    .auth-buttons.d-flex.mobile-auths {
        margin-top: 20px;
        display: flex !important;
        flex-direction: row !important;
        gap: 20px;
    }
    .breadcrumb-wrp ol.breadcrumb li {
        margin: 0;
        text-align: center;
    }
    .course-two-col h5,
    h4 {
        font-size: 18px;
    }
    .contact-wrapper,
    footer.footer {
        padding: 40px 20px;
    }
    .footer-logo img {
        height: auto;
        width: 100% !important;
    }
    .footer-last-colsec {
        margin-top: 10px;
    }
    a,
    p.footer-copy {
        font-size: 14px;
    }
    .footer-logo,
    .social-icons {
        justify-content: center;
    }
    .contact-us-send-wrp {
        flex-direction: column;
    }
    .checkout-box,
    .checkout-box.user-details,
    .container.search-page,
    .login-wrapper form,
    form#registerForm .modal-body {
        padding: 20px;
    }
    .checkout-box.user-details .form-group:last-child {
        margin-top: 15px;
    }
    div#tools-you-use .tools-grid {
        grid-template-columns: 1fr 1fr;
    }
    .course-listing-head__image_old img {
        width: 100% !important;
        object-fit: contain;
    }
    div#courseInquiryModal h4.modal-title {
        padding-right: 30px;
    }
    section.course-listing-cards__section .section_bottom ul li {
        padding: 3px 8px;
        margin-left: 0;
    }
    .course-listing-card {
        margin: 0 !important;
    }
    .whatwedo__content h5 {
        font-size: 18px;
        line-height: normal;
    }
    .teach__copy h5 {
        font-size: 16px;
        line-height: normal;
    }
    .checkout-columns {
        padding-bottom: 0;
    }
    .prerequisites__list ul {
        padding-left: 0;
    }
    .exam-table td {
        font-size: 16px;
    }
    section.blog-slider-section button.slick-next.slick-arrow {
        display: none;
    }
    main.terms-condition-wrp h2 {
        margin-bottom: 14px;
    }
    .footer-bottom .container {
        display: block;
    }
    .faq-wrapper .faq-question,
    p {
        font-size: 15px;
    }
    .faq-wrapper .container {
        padding: 0 20px;
    }
    h2 {
        font-size: 26px;
    }
    .hero-content h1,
    h3 {
        font-size: 20px;
    }
    .blog-slider-section h2 {
        margin: 0;
    }
    .contact-wrapper .container,
    .contact-wrapper .container .contact-us-wrp .contact-us-col {
        padding: 0;
    }
    .certi-col a,
    .certi-slider .slick-list.draggable,
    .contact-wrapper .contact-info {
        width: 100%;
    }
    .contact-wrapper .contact-form {
        flex: 1;
        width: 100%;
    }
    .blog-grid {
        padding: 40px 0;
        background: var(--white);
    }
    .login-wrapper .login-row {
        gap: 3px;
        flex-direction: column;
        margin-bottom: 15px;
    }
    #certificate {
        padding: 50px 0 0;
    }
    .certi-col span {
        font-size: 10px;
    }
    .hero-img.home-certification-img {
        padding: 10px;
        width: 100%;
    }
    .certi-col img {
        width: 100%;
        height: 100%;
    }
    #exam_details,
    #opportunity,
    #training-cards {
        padding-bottom: 40px;
    }
    .certi-col.slick-slide.slick-current.slick-active,
    .certi-slider .slick-track {
        width: 100% !important;
    }
    .hero-slide,
    .hero-wrapper {
        height: 40vh !important;
    }
    .certi-col {
        min-width: auto;
    }
    span.hero-spantext {
        font-size: 16px !important;
        line-height: normal;
    }
    .hero-content h1 {
        line-height: 25px;
    }
    .hero-content p {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }
    .footer h3,
    span.cta-banner-white,
    span.cta-banner-yellow {
        font-size: 22px;
    }
    .hero-content-col a.hero-btn.btn-solid-yellow {
        font-size: 11px !important;
        padding: 5px 10px !important;
    }
    .hero-card {
        gap: 20px !important;
        padding: 20px !important;
    }
    .course-slick-section {
        width: 100%;
        padding: 50px 0 25px;
    }
    .faq-wrapper .container,
    .footer .container {
        gap: 25px;
    }
    .newsletter {
        margin: 35px auto;
    }
    .start-cta-banner {
        padding: 35px 0;
    }
    .footer ul li {
        margin-bottom: 10px;
    }
    .footer h3 {
        color: var(--gold);
        margin-bottom: 15px;
    }
    .newsletter .form-box {
        flex-direction: column;
        align-items: center;
    }
    .newsletter .form-box input {
        width: auto;
    }
    .blog-slider-section .slick-track {
        padding: 20px 0;
    }
    .blog-slider-section {
        padding: 40px 0 20px;
    }
    .btn-solid-blue,
    .btn-solid-yellow {
        padding: 8px 14px;
        font-size: 14px;
    }
    .about .container {
        gap: 20px;
    }
    .course-row,
    .feature-grid__wrap {
        grid-template-columns: 1fr;
    }
    .course-key,
    .course-val {
        padding: 14px 16px;
    }
    .opportunity-grid__wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .exam-detail-grid__wrap {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 599px) {
    .hero-content h1 {
        font-size: 17px;
    }
    span.hero-spantext {
        font-size: 15px !important;
    }
    .hero-slide,
    .hero-wrapper {
        height: 48vh !important;
    }
    .hero-img.home-certification-img {
        height: auto !important;
        min-height: inherit;
    }
}
@media (max-width: 520px) {
    .course-listing-cards__grid {
        grid-template-columns: 1fr;
    }
    .course-listing-card {
        border-radius: 16px;
        padding: 16px;
        margin: 0 15px;
    }
    .course-listing-card h3 {
        font-size: 15px;
        min-height: auto;
    }
    .course-listing-head__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}
@media (max-width: 500px) {
    .forgot-form {
        padding: 0;
    }
    .footer .container {
        grid-template-columns: 1fr;
        padding: 20px 0;
    }
    .footer {
        padding: 40px 30px 20px;
    }
    .section-title {
        font-size: 28px;
    }
    .about-card {
        display: none;
    }
    section.about-hero .about-card {
        display: block;
    }
    .beliefs__grid {
        grid-template-columns: 1fr !important;
    }
    .blog-grid__wrap,
    .exam-detail-grid__wrap,
    .opportunity-grid__wrap,
    .why-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .teach {
        padding: 40px 0;
    }
    .course-hero {
        padding: 60px 0;
    }
    .course-media__card {
        padding: 20px;
    }
    .course-certificate__image img {
        width: 100%;
    }
    .blog-page {
        padding: 30px 0;
    }
    .featured-post__media {
        min-height: 200px;
    }
    .featured-post__title {
        font-size: 18px;
    }
    .featured-post__excerpt {
        font-size: 14px;
    }
    .blog-detail-hero__media img {
        height: 260px;
    }
    .whatwedo__item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .course-listing-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .course-listing-card .course-card-link {
        margin-top: auto;
    }
}
.partner-services .partner-grid {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 28px;
    align-items: start;
}
.partner-services .partner-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(212, 175, 58, 0.16);
    border: 1px solid rgba(212, 175, 58, 0.35);
    color: var(--navy);
    padding: 10px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    width: fit-content;
    margin-bottom: 12px;
}
.partner-cta-unique .cta-badge i,
.partner-services .partner-badge i,
.partner-why .why-chip i {
    color: var(--gold);
    font-size: 16px;
}
.partner-services h2 {
    color: var(--navy);
    margin-bottom: 14px;
}
.partner-services .partner-lead {
    color: var(--para-color);
    margin-bottom: 12px;
}
.partner-services .partner-text {
    color: var(--para-color);
    margin-bottom: 20px;
}
.partner-services .partner-card {
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    border-radius: 18px;
    padding: 22px;
    color: var(--white);
    box-shadow: 0 14px 35px rgba(16, 22, 46, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.12);
    position: sticky;
    top: 120px;
}
.partner-services .partner-card .card-top {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 18px;
}
.partner-services .partner-card .card-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: rgba(212, 175, 58, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}
.partner-services .partner-card .card-icon i {
    color: var(--gold);
    font-size: 20px;
}
.partner-services .partner-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    color: var(--white);
}
.partner-services .partner-card p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 14.8px;
    line-height: 1.7;
}
.partner-services .card-actions {
    margin-top: 14px;
    display: grid;
    gap: 12px;
}
.partner-services .card-actions a {
    width: 100%;
    justify-content: center;
    text-align: center;
}
#backToTop,
.partner-detail-wrp {
    align-items: center;
    display: flex;
}
.partner-detail-wrp {
    gap: 15px;
}
main.terms-condition-wrp h2 {
    margin-bottom: 10px;
}
.footer-logo img {
    height: 70px;
    margin-left: -12px;
}
.footer-last-col {
    justify-content: space-between;
}
#backToTop {
    bottom: 25px;
    right: 100px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    color: var(--navy);
    justify-content: center;
    transform: translateY(20px);
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
#backToTop:hover {
    transform: translateY(-3px);
}
.our-partnership-services,
.partner-who {
    background: var(--white);
    padding: 40px 0;
}
.our-partnership-services .ops-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 22px;
}
.our-partnership-services h2 {
    margin-bottom: 0;
    color: var(--navy);
}
.our-partnership-services .ops-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.our-partnership-services .ops-card {
    background: var(--section-bg);
    border: 1px solid rgba(16, 22, 46, 0.1);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, 0.06);
    transition: 0.25s;
}
.our-partnership-services .ops-card:hover,
.partner-approach .step:hover,
.partner-who .who-card:hover,
.partner-why .why-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(16, 22, 46, 0.1);
}
.our-partnership-services .ops-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.our-partnership-services .ops-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(212, 175, 58, 0.18);
    border: 1px solid rgba(212, 175, 58, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
}
.our-partnership-services .ops-icon i,
.partner-cta-unique .contact-icon i,
.partner-who .who-icon i,
.partner-why .why-icon i {
    color: var(--navy);
    font-size: 18px;
}
.our-partnership-services h4 {
    margin: 0;
    color: var(--navy);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}
.our-partnership-services p,
.partner-approach .step p,
.partner-who .who-card p,
.partner-why .why-item p,
.partner-why .why-panel .why-line {
    color: var(--para-color);
    line-height: 1.75;
    margin: 0;
}
.partner-why {
    background: var(--section-bg);
    padding: 40px 0;
}
.partner-approach .approach-wrap,
.partner-why .why-wrap {
    background: var(--white);
    border-radius: 18px;
    border: 1px solid rgba(16, 22, 46, 0.1);
    box-shadow: 0 16px 40px rgba(16, 22, 46, 0.08);
    overflow: hidden;
}
.partner-why .why-header {
    padding: 22px 22px 18px;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: var(--white);
}
.partner-why .why-header h2 {
    margin: 0;
    color: var(--white);
    text-align: center;
}
.partner-why .why-body {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 18px;
    padding: 22px;
}
.partner-why .why-panel {
    background: #fff;
    border: 1px solid rgba(212, 175, 58, 0.25);
    border-radius: 16px;
    padding: 18px;
    position: relative;
}
.partner-why .why-panel-inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}
.partner-why .why-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(16, 22, 46, 0.08);
    border: 1px solid rgba(16, 22, 46, 0.1);
    color: var(--navy);
    font-weight: 700;
    font-size: 14px;
}
.partner-why .why-panel .why-line {
    font-size: 16px;
}
.partner-why .why-list {
    display: grid;
    gap: 12px;
}
.partner-why .why-item {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 12px;
    padding: 14px;
    background: var(--white);
    border: 1px solid rgba(16, 22, 46, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, 0.05);
    transition: 0.25s;
}
.partner-why .why-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(212, 175, 58, 0.18);
    border: 1px solid rgba(212, 175, 58, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-who .who-card p strong,
.partner-why .why-item p strong {
    color: var(--navy);
    font-weight: 800;
}
.partner-who .who-wrap {
    border-radius: 18px;
    border: 1px solid rgba(16, 22, 46, 0.1);
    box-shadow: 0 16px 40px rgba(16, 22, 46, 0.08);
    overflow: hidden;
}
.partner-who .who-head {
    background: rgba(16, 22, 46, 0.06);
    padding: 20px 22px;
    border-bottom: 1px solid rgba(16, 22, 46, 0.1);
}
.partner-approach .approach-head h2,
.partner-who .who-head h2 {
    margin: 0;
    color: var(--navy);
    text-align: center;
}
.partner-who .who-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 22px;
    background: var(--white);
}
.partner-who .who-card {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 14px;
    align-items: start;
    padding: 16px;
    background: var(--section-bg);
    border: 1px solid rgba(16, 22, 46, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, 0.06);
    transition: 0.25s;
}
.partner-who .who-icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: rgba(212, 175, 58, 0.18);
    border: 1px solid rgba(212, 175, 58, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-approach {
    background: var(--white);
    padding: 20px 0 40px;
}
.partner-approach .approach-head {
    padding: 20px 22px;
    background: rgba(16, 22, 46, 0.06);
    border-bottom: 1px solid rgba(16, 22, 46, 0.1);
}
.partner-approach .approach-body {
    padding: 22px;
}
.partner-approach .steps {
    display: grid;
    gap: 14px;
}
.partner-approach .step {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 14px;
    align-items: start;
    padding: 16px;
    border-radius: 14px;
    background: var(--white);
    border: 1px solid rgba(16, 22, 46, 0.1);
    box-shadow: 0 10px 24px rgba(16, 22, 46, 0.05);
    position: relative;
    transition: 0.25s;
}
.partner-approach .step-num {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: rgba(212, 175, 58, 0.18);
    border: 1px solid rgba(212, 175, 58, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--navy);
    font-weight: 900;
    font-size: 18px;
    font-family: Poppins, sans-serif;
    position: relative;
}
.partner-approach .step:not(:last-child) .step-num:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 58px;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% + 14px);
    background: rgba(16, 22, 46, 0.14);
    border-radius: 2px;
}
.partner-approach .step h4 {
    margin: 2px 0 6px;
    color: var(--navy);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}
.partner-cta-unique {
    padding: 50px 0;
    background: var(--section-bg);
}
.partner-cta-unique .cta-shell {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(16, 22, 46, 0.1);
    box-shadow: 0 18px 55px rgba(16, 22, 46, 0.12);
    background: var(--white);
}
.partner-cta-unique .cta-left {
    padding: 26px;
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: var(--white);
    position: relative;
}
.partner-cta-unique .cta-left:after,
.partner-cta-unique .cta-left:before {
    content: "";
    position: absolute;
    border-radius: 999px;
    opacity: 0.35;
    pointer-events: none;
}
.partner-cta-unique .cta-left:before {
    width: 260px;
    height: 260px;
    left: -120px;
    top: -120px;
    background: radial-gradient(
        circle,
        rgba(212, 175, 58, 0.55),
        transparent 60%
    );
}
.partner-cta-unique .cta-left:after {
    width: 320px;
    height: 320px;
    right: -160px;
    bottom: -160px;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.22),
        transparent 60%
    );
}
.partner-cta-unique .cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
    width: fit-content;
    margin-bottom: 14px;
}
.partner-cta-unique .cta-left h2 {
    margin: 0 0 12px;
    color: var(--white);
    font-size: 42px;
    line-height: 1.18;
    font-weight: 700;
}
.partner-cta-unique .cta-left p {
    margin: 0 0 14px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.75;
}
.partner-cta-unique .cta-right {
    padding: 26px;
    background: var(--white);
    position: relative;
}
.partner-cta-unique .contact-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
}
.partner-cta-unique .contact-card {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border-radius: 14px;
    background: var(--section-bg);
    border: 1px solid rgba(16, 22, 46, 0.1);
    box-shadow: 0 10px 22px rgba(16, 22, 46, 0.06);
    transition: 0.25s;
}
.partner-cta-unique .contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(16, 22, 46, 0.1);
}
.partner-cta-unique .contact-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(212, 175, 58, 0.18);
    border: 1px solid rgba(212, 175, 58, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-cta-unique .contact-text {
    margin: 0;
    color: var(--navy);
    font-weight: 800;
    font-size: 16px;
    line-height: 1.35;
}
.partner-cta-unique .cta-buttons {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}
.partner-cta-unique .cta-buttons a {
    width: 100%;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
.partner-cta-unique .cta-note {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(16, 22, 46, 0.1);
    color: var(--para-color);
    font-weight: 600;
    font-size: 15px;
}
.partner-cta-unique .cta-right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, var(--gold), var(--navy));
}
@media (max-width: 991px) {
    .our-partnership-services .ops-grid,
    .partner-services .partner-grid,
    .partner-who .who-grid,
    .partner-why .why-body {
        grid-template-columns: 1fr;
    }
    .partner-services .partner-card {
        position: relative;
        top: auto;
    }
    .our-partnership-services h2,
    .partner-approach .approach-head h2,
    .partner-services h2,
    .partner-who .who-head h2,
    .partner-why .why-header h2 {
        font-size: 30px;
    }
    .partner-cta-unique .contact-card,
    .partner-cta-unique .cta-shell {
        display: flex;
        flex-direction: column;
    }
    .partner-cta-unique .cta-left h2 {
        font-size: 34px;
    }
    .partner-cta-unique .contact-grid {
        display: flex;
        gap: 12px;
        margin-bottom: 14px;
        flex-direction: column;
    }
}
@media (max-width: 480px) {
    .partner-services,
    .partner-who,
    .partner-why {
        padding: 50px 0;
    }
    .our-partnership-services h2,
    .partner-approach .approach-head h2,
    .partner-services h2,
    .partner-who .who-head h2,
    .partner-why .why-header h2 {
        font-size: 26px;
    }
    .our-partnership-services,
    .partner-approach,
    .partner-cta-unique {
        padding: 40px 0;
    }
    .partner-approach .step {
        grid-template-columns: 56px 1fr;
    }
    .partner-approach .step-num {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }
    .partner-approach .step:not(:last-child) .step-num:after {
        top: 52px;
    }
    .partner-cta-unique .cta-left h2 {
        font-size: 28px;
    }
}
.partnership-faq {
    padding: 50px 0;
    background: #f9fbff;
}
.partnership-faq .pf-layout {
    display: flex;
    gap: 40px;
}
.partnership-faq .pf-left {
    width: 30%;
}
section.partnership-faq .approach-head {
    text-align: center;
    padding: 0 20px;
}
.partnership-faq .pf-category-item {
    padding: 16px 20px;
    margin-bottom: 10px;
    background: var(--gold);
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid #e3e8f0;
    font-weight: 500;
    margin-left: 0;
}
.partnership-faq .pf-right {
    width: 70%;
}
.partnership-faq .pf-accordion-item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid var(--gold);
}
.partnership-faq .pf-accordion-header {
    padding: 18px 20px;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    color: var(--navy);
}
.partnership-faq .pf-icon {
    position: absolute;
    right: 20px;
    transition: 0.3s;
}
.partnership-faq .pf-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s;
    padding: 0 20px;
}
.partnership-faq .pf-accordion-item.pf-open .pf-accordion-content {
    max-height: 500px;
    padding: 15px 20px 20px;
}
.partnership-faq .pf-accordion-item.pf-open .pf-icon {
    transform: rotate(45deg);
}
.partnership-faq-contact {
    padding: 50px 0;
    background: #fff;
    color: #fff;
}
.partnership-faq-contact .pf-contact-wrapper {
    margin: auto;
    background: var(--navy);
    backdrop-filter: blur(10px);
    padding: 50px;
    border-radius: 16px;
}
.partnership-faq-contact .pf-contact-title {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--gold);
}
.partnership-faq-contact .pf-contact-desc {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #fff;
}
.partnership-faq-contact .pf-contact-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    margin: 40px 0;
}
.partnership-faq-contact .pf-contact-subtitle {
    font-size: 22px;
    margin-bottom: 15px;
    color: var(--gold);
}
.partnership-faq-contact .pf-contact-buttons {
    margin-top: 25px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.partnership-faq-contact .pf-contact-btn {
    display: inline-block;
    padding: 14px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}
.partnership-faq-contact .pf-phone {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.partnership-faq-contact .pf-contact-btn:hover {
    transform: translateY(-3px);
    opacity: 0.9;
}
.partnership-faq-contact .pf-contact-footer {
    margin-top: 30px;
    font-size: 14px;
    opacity: 0.9;
}
@media (max-width: 768px) {
    .partner-detail-wrp,
    .partnership-faq .pf-layout {
        flex-direction: column;
    }
    .partnership-faq .pf-icon {
        position: absolute;
        right: 20px;
        transition: 0.3s;
        top: 40%;
        font-size: 24px;
    }
    .partnership-faq .pf-left,
    .partnership-faq .pf-right {
        width: 100%;
    }
    .partnership-faq {
        padding: 40px 0;
        background: #f9fbff;
    }
    .partnership-faq-contact .pf-contact-wrapper {
        padding: 30px 20px;
    }
    .partnership-faq-contact .pf-contact-title {
        font-size: 22px;
    }
    .partnership-faq-contact {
        padding: 40px 0;
        background: #fff;
        color: #fff;
    }
}
section.error__area.pt-200.pb-200 .error__item.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding: 50px 0;
}
.error__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-us-send-wrp .col-lg-12.mb-3 {
    width: auto;
}
.contact-us-send-wrp button.btn-solid-blue {
    width: auto;
    height: max-content;
}



/* Accessible Section */

.principle-section {
  padding: 10px 0 80px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  position: relative;
  overflow: hidden;
}

.principle-section__container {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
}

.principle-section__card {
  position: relative;
  background: var(--white);
  border: 1px solid rgba(10, 35, 87, 0.08);
  border-radius: 28px;
  box-shadow: 0 24px 60px rgba(16, 22, 46, 0.08);
  overflow: hidden;
}

.principle-section__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--gold), var(--navy2), #2f8cff);
}

.principle-section__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 42px 42px 20px;
  border-bottom: 1px solid rgba(10, 35, 87, 0.08);
  background:
    radial-gradient(
      circle at top right,
      rgba(212, 175, 58, 0.12),
      transparent 25%
    ),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.principle-section__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(212, 175, 58, 0.12);
  color: var(--navy2);
  border: 1px solid rgba(212, 175, 58, 0.28);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 14px;
}

.principle-section__heading {
  font-size: 34px;
  line-height: 1.2;
  color: var(--navy2);
  margin-bottom: 10px;
}

.principle-section__subheading {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 700;
  color: var(--navy);
  max-width: 760px;
  margin-bottom: 0;
}

.principle-section__badge {
  min-width: 210px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, var(--navy2), var(--navy));
  color: var(--white);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: 0 18px 35px rgba(10, 35, 87, 0.2);
}

.principle-section__badge-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.14);
  color: var(--gold);
  font-size: 20px;
  flex-shrink: 0;
}

.principle-section__badge span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.principle-section__body {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr);
  gap: 28px;
  padding: 34px 42px 42px;
}

.principle-section__content p {
  font-size: 16px;
  color: var(--para-color);
  line-height: 1.8;
  margin-bottom: 18px;
}

.principle-section__points-box {
  margin: 28px 0;
  padding: 26px;
  background: linear-gradient(180deg, #f9fbff 0%, #f4f8fd 100%);
  border: 1px solid rgba(10, 35, 87, 0.08);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.principle-section__list-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 18px;
  line-height: 1.4;
  text-align: center;
}

.principle-section__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.principle-section__list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 14px;
  padding: 14px 14px 14px 0;
  line-height: 1.7;
}

.principle-section__list li:last-child {
  margin-bottom: 0;
}

.principle-section__check {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(212, 175, 58, 0.18);
  color: var(--navy2);
  font-size: 13px;
  margin-top: 2px;
  transition: 0.3s ease;
}

.principle-section__list li:hover .principle-section__check {
  transform: scale(1.08);
  background: var(--gold);
}

.principle-section__content a {
  color: #1273ea;
  text-decoration: none;
  position: relative;
  font-weight: 500;
  transition: 0.3s ease;
}

.principle-section__content a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: 0.3s ease;
}

.principle-section__content a:hover {
  color: var(--navy2);
}

.principle-section__content a:hover::after {
  transform: scaleX(0.85);
  transform-origin: left;
}

.principle-section__quote {
  position: relative;
  margin: 28px 0 22px;
  padding: 20px 22px 20px 24px;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(10, 35, 87, 0.04),
    rgba(212, 175, 58, 0.1)
  );
  border-left: 5px solid var(--gold);
}

.principle-section__highlight {
  font-size: 22px !important;
  line-height: 1.55;
  font-style: italic;
  font-weight: 700;
  color: var(--navy2) !important;
  margin: 0 !important;
  font-family: Poppins, sans-serif;
  text-align: center;
}

.principle-section__actions {
  padding-top: 6px;
  border-top: 1px dashed rgba(10, 35, 87, 0.14);
}

.principle-section__actions p:last-child {
  margin-bottom: 0;
}

.principle-section__side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.principle-section__mini-card {
  position: relative;
  padding: 22px;
  border-radius: 22px;
  background: var(--white);
  border: 1px solid rgba(10, 35, 87, 0.08);
  box-shadow: 0 14px 30px rgba(16, 22, 46, 0.06);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

.principle-section__mini-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 36px rgba(16, 22, 46, 0.1);
}

.principle-section__mini-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--navy2), var(--navy));
  color: var(--gold);
  font-size: 20px;
  margin-bottom: 14px;
}

.principle-section__mini-card h5 {
  font-size: 18px;
  color: var(--navy2);
  margin-bottom: 8px;
}

.principle-section__mini-card p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
  color: var(--para-color);
}

@media (max-width: 991px) {
  .principle-section__top {
    flex-direction: column;
    padding: 34px 24px 18px;
  }

  .principle-section__badge {
    min-width: unset;
    width: 100%;
    max-width: 320px;
  }

  .principle-section__body {
    grid-template-columns: 1fr;
    padding: 28px 24px 32px;
  }

  .principle-section__side {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .principle-section {
    padding: 0 0 55px;
  }

  .principle-section__heading {
    font-size: 28px;
  }

  .principle-section__subheading {
    font-size: 19px;
  }

  .principle-section__points-box {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .principle-section__list-title {
    font-size: 18px;
  }

  .principle-section__highlight {
    font-size: 19px !important;
  }

  .principle-section__side {
    grid-template-columns: 1fr;
  }

  .principle-section__mini-card {
    padding: 18px;
  }
}

@media (max-width: 480px) {
  .principle-section__top {
    padding: 28px 18px 16px;
  }

  .principle-section__body {
    padding: 22px 18px 24px;
  }

  .principle-section__heading {
    font-size: 24px;
  }

  .principle-section__subheading {
    font-size: 17px;
  }

  .principle-section__content p,
  .principle-section__list li {
    font-size: 15px;
  }

  .principle-section__highlight {
    font-size: 17px !important;
  }

  .principle-section__badge {
    padding: 14px 16px;
    border-radius: 16px;
  }

  .principle-section__badge-icon {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }
}


/* Principle section toggle */

.principle-section {
  display: none;
  animation: principleFade 0.35s ease;
}

.principle-section.is-open {
  display: block;
}

@keyframes principleFade {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Active belief card */
.beliefs__card.active {
  border-color: var(--gold);
  box-shadow: 0 16px 35px rgba(16, 22, 46, 0.12);
  transform: translateY(-4px);
}

html {
  scroll-behavior: smooth;
}


@media (max-width: 991px) {
    .certi-col img {
        width: 100% !important;
        height: 100% !important;
    }
}
 
@media (max-width: 991px) {
    .certi-col a, .certi-slider .slick-list.draggable, .contact-wrapper .contact-info {
        width: 100% !important;
    }
}
 
@media (max-width: 991px) {
    .certi-col.slick-slide.slick-current.slick-active, .certi-slider .slick-track {
        width: 100% !important;
    }
}
 
 
@media (max-width: 991px) {
    .certi-col.slick-slide.slick-current.slick-active, .certi-slider .slick-track {
        width: 100% !important;
    }
}

@media(min-width: 1366px) and (max-width: 1440px) {
.hero-card {
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding: 50px;
    flex-direction: column;
    gap: 30px !important;
    height: inherit;
    justify-content: end;
}
 
.hero-img.home-certification-img {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
}