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, .18)
}

.beliefs,
.beliefs__card,
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: #000000;
    --navy2: #000000;
    --gold: #ffc929;
    --header-offset: 157px;
    --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: #080a13;
    --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: calc(var(--header-offset) + 10px)
}

img {
    max-width: 100%;
    display: block
}

a {
    color: inherit
}

li {
    margin-left: 20px
}

button {
    outline: 0;
    border: none
}

.container,
.principle-section__container {
    max-width: 90%;
    margin: auto;
    padding: 0 20px
}

.btn-solid-blue,
.btn-solid-yellow {
    padding: 8px 22px;
    border-radius: 8px;
    transition: .3s;
    font-weight: 600;
    line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif;
    font-weight: 600
}

.hero-title,
.vertical-cta,
h2 {
    font-weight: 700
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 36px;
    margin-bottom: 30px;
    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(--dark);
    color: #ffffff;
    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, .15)
}

.contact-page .info-box:hover::before,
form.currency-form,
header {
    width: 100%
}

.site-header {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
}

.header-topbar {
    width: 100%;
    background: #000000;
    color: #ffc929
}

.header-topbar-wrap,
.header-topbar-left,
.header-topbar-right,
.header-topbar-item,
.header-topbar-login {
    display: flex;
    align-items: center
}

.header-topbar-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0
}

.header-topbar-left,
.header-topbar-right {
    flex-wrap: nowrap;
    gap: 22px
}

.header-topbar-item {
    gap: 8px;
    color: #ffc929;
    font-size: 14px;
    font-weight: 600
}

.header-topbar-item span,
.header-topbar-login span,
.header-topbar .currency-form select {
    font-size: 14px
}

.header-topbar-item i,
.header-topbar-login i {
    font-size: 13px
}

.header-topbar-currency {
    width: auto
}

.header-topbar .currency-form select {
    min-width: 82px;
    padding: 6px 28px 6px 10px;
    border: 1px solid rgba(255, 201, 41, .45);
    border-radius: 999px;
    background: #000000;
    color: #ffc929;
    font-weight: 700;
    outline: 0
}

.header-topbar-login {
    gap: 8px;
    padding: 7px 16px;
    border-radius: 999px;
    background: #ffc929;
    color: #000000;
    font-weight: 700;
    transition: .3s
}

.header-topbar-login:hover {
    background: #000000;
    color: #ffc929;
    box-shadow: inset 0 0 0 1px #ffc929
}

.header-topbar-user-dropdown .dropdown-menu {
    top: calc(100% + 10px)
}

.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;
    letter-spacing: .5px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    transition: .3s;
    animation: 2s infinite pulseShadow
}

@keyframes pulseShadow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .5)
    }

    50% {
        box-shadow: 0 0 20px 8px rgba(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: .3s
}

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
}

.header-actions,
.header-wrap,
.search-field,
.tab-arrow,
.tabs-wrapper {
    display: flex;
    align-items: center
}

.site-header {
    background: var(--white);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 9999999;
}

.header-wrap {
    justify-content: space-between;
    gap: 40px;
    padding: 15px 0
}

.header-actions,
.partner-detail-wrp {
    gap: 15px
}

.header-search {
    display: flex;
    align-items: center
}

.header-search-mobile {
    display: none
}

.header-search-form {
    display: flex;
    align-items: center;
    min-width: 240px;
    border: 1px solid #000000;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff
}

.header-search-form input {
    width: 190px;
    height: 42px;
    padding: 0 14px;
    border: none;
    outline: 0;
    font-size: 14px;
    color: #000000
}

.header-search-form input::placeholder {
    color: #707070
}

.header-search-submit {
    width: 50px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #000000;
    background: #ffc929;
    color: #000000;
    transition: .3s
}

.header-search-submit:hover {
    background: #000000;
    color: #ffc929;
}

.header-search-submit i {
    font-size: 15px
}

.mobile-user-dropdown {
    display: none
}

.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: 72px 20px 30px;
    box-shadow: 5px 0 25px rgba(0, 0, 0, .15);
    transition: left .3s;
    z-index: 10000000;
    overflow-y: auto
}

.footer ul li a,
.hero-carousel,
.hero-dot,
.social-icons a {
    transition: .3s
}

.mobile-menu-sidebar.active {
    left: 0
}

.close-menu {
    position: absolute;
    top: 18px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    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 {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    line-height: 1.4;
    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, .1);
    width: 100%;
    border: 2px solid transparent;
    transition: 0.3s ease-in;
}

#tools-you-use .tools-grid .tool-card p {
    margin: 0;
    text-align: center;
}

.tool-card:hover{
    transform: translateY(-3px);
    border: 2px solid var(--gold) !important;
}

.hero-wrapper {
    margin-top: var(--header-offset);
    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
}

.certi-row.slick-initialized.slick-slider,
.hero-dots,
.hero-image,
.no-slider .certi-row {
    justify-content: center
}

.hero-wrap {
    transform: none !important
}

.hero-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0
}

.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;
    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;
    line-height: 1.2;
    padding-bottom: 10px;
}

.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: #fff;
    cursor: pointer
}

.hero-dot.active {
    background: #ffc929;
    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, .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
}

.no-slider .certi-col {
    min-width: auto;
    flex: 1 1 0
}

.eduviatai-cta.home-cta-full {
    border-radius: 0;
    margin-top: 0;
}

.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: .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: 40px 0 40px;
}

section.course-slick-section .container .course-slider.slick-initialized.slick-slider .slick-list.draggable {
    padding: 25px 0 25px;
}

.course-slick-section .container h2 {
    margin: 0;
    color: var(--navy);
    text-align: center;
    position: relative;
    padding-bottom: 14px;
}

.course-slick-section .container h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #ffc600;
}

.about h2 {
    text-align: start;
    margin: 0;
    color: var(--navy);
    line-height: 1.3;
}

.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;
    padding: 26px 20px 20px;
    border: 2px solid #000000;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12)
}

.course-slick-section .course-card-head {
    min-height: 90px;
    margin-bottom: 8px
}

.blog-card,
.course-card {
    border-radius: 18px;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .08);
    display: flex
}

.course-slick-section .course-card h3.course-title {
    padding-left: 0;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    min-height: 60px;
    text-align: left;
    color: #000000
}

.course-slick-section .course-card-divider {
    width: 100%;
    height: 1px;
    background: #000000;
    margin: 0 0 12px
}

.course-slick-section .course-card-meta {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000
}

.about-hero,
.beliefs__card:hover h5,
.breadcrumb-wrp a,
.breadcrumb-wrp h1,
.breadcrumb-wrp p,
.breadcrumb-wrp span,
.course-slick-section .slick-dots li button:before,
.footer,
.footer p,
.footer ul li a,
.whatwedo,
.whatwedo__intro strong {
    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: 20px;
    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
}

.blog-body p,
.course-title,
.faq-wrapper .faq-right h4,
section#prerequisites .teach__head {
    margin-bottom: 20px
}

.course-slick-section .course-category-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
    margin: 0 0 24px;
    padding-left: 0;
    text-align: left;
    color: #000000
}

.course-slick-section .course-category-list li {
    position: relative;
    margin-bottom: 0;
    padding-left: 28px;
    font-size: 16px;
    line-height: 1.55;
    color: #000000
}

.course-slick-section .course-category-list li::before {
    content: "\f061";
    position: absolute;
    top: 4px;
    left: 0;
    font-family: FontAwesome;
    font-size: 15px;
    line-height: 1;
    color: #FFC929
}

.course-slick-section .course-btn.btn-solid-blue {
    width: 100%;
    margin-top: auto;
    padding: 12px 18px;
    border: 2px solid #000000;
    border-radius: 10px;
    background: #000000;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    box-shadow: none
}

.course-slick-section .course-btn.btn-solid-blue:hover {
    background: #FFC929;
    color: #000000;
    border-color: #FFC929
}

.course-slick-section .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
    z-index: 10;
    transition: 0.3s ease-in;
}

.course-slick-section .slick-arrow:hover{
    color:#000000;
    background-color: var(--gold);
}

.course-slick-section .slick-prev {
    left: -24px
}

.course-slick-section .slick-next {
    right: -24px
}

.course-slick-section .slick-next:before,
.course-slick-section .slick-prev:before {
    color: #000000;
    font-size: 24px;
    opacity: 1
}

.homepage-testimonial-section {
    padding: 40px 0px 30px;
    background: #fdfdfd;
}

.homepage-testimonial-heading {
    text-align: center;
    margin-bottom: 35px;
}

.homepage-testimonial-heading h2 {
    font-size: 36px;
    line-height: 1.1;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
}

.homepage-testimonial-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #ffc600;
}

.testimonial-slider .testimonial-slide {
    padding: 12px;
}

.homepage-testimonial-section .testimonial-card {
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(255, 198, 0, .2);
    padding: 22px 22px 26px;
    min-height: 350px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.homepage-testimonial-section .testimonial-card-top {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.homepage-testimonial-section .testimonial-quote-icon {
    color: #000000;
    font-size: 38px;
    line-height: 1;
    flex-shrink: 0;
}

.homepage-testimonial-section .testimonial-user-meta {
    display: flex;
    align-items: center;
    gap: 14px;
}

.homepage-testimonial-section .testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #FFC929;
    border: 2px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homepage-testimonial-section .testimonial-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-testimonial-section .testimonial-avatar span {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.homepage-testimonial-section .testimonial-user-info h3 {
    font-size: 18px;
    line-height: 1.2;
    color: #000000;
    font-weight: 700;
    margin-bottom: 6px;
}

.homepage-testimonial-section .testimonial-user-info span {
    display: block;
    font-size: 15px;
    color: #000000;
    margin-bottom: 8px;
}

.homepage-testimonial-section .testimonial-stars {
    display: flex;
    gap: 6px;
    color: #FFC929;
    font-size: 18px;
}

.homepage-testimonial-section .testimonial-card p {
    font-size: 17px;
    line-height: 1.75;
    color: #000000;
    margin-bottom: 0;
}

.homepage-testimonial-section .slick-track {
    display: flex;
}

.homepage-testimonial-section .slick-slide {
    height: auto;
}

.homepage-testimonial-section .slick-slide>div {
    height: 100%;
}

.homepage-testimonial-section .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
    z-index: 10;
    transition: 0.3s ease-in;
}

.homepage-testimonial-section .slick-arrow:hover{
    color:#000000;
    background-color: var(--gold);
}

.homepage-testimonial-section .slick-prev {
    left: -24px;
}

.homepage-testimonial-section .slick-next {
    right: -24px;
}

.homepage-testimonial-section .slick-next:before,
.homepage-testimonial-section .slick-prev:before {
    color: #000000;
    font-size: 24px;
    opacity: 1
}

.homepage-certificates-section {
    padding: 70px 0px 30px;
    background: #ffffff;
}

.homepage-certificates-heading {
    text-align: center;
    margin-bottom: 34px;
}

.homepage-certificates-heading h2 {
    font-size: 36px;
    line-height: 1.1;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
}

.homepage-certificates-heading h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #ffc600;
}

.homepage-certificates-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    padding: 0px 50px;
}

.homepage-certificate-card {
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 100%;
    background: #ffffff;
    border: 2px solid #000000;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(255, 198, 0, .18);
    transition: transform .25s ease, box-shadow .25s ease;
}

.homepage-certificate-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(255, 198, 0, .28);
}

.homepage-certificate-image {
    min-height: 230px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.homepage-certificate-image img {
    max-width: 100%;
    max-height: 180px;
    object-fit: contain;
}

.homepage-certificate-title {
    background: #FFC929;
    padding: 18px 20px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #000000;
}

.homepage-certificate-title h3 {
    font-size: 18px;
    line-height: 1.25;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

@media (max-width: 1024px) {
    .homepage-certificates-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.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: inline;
}

span.cta-banner-white,
span.cta-banner-yellow {
    font-size: 40px;
    font-weight: 700;
    text-align: center
}

.about {
    padding: 20px 0 50px;
}

section.blog-slider-section h2 {
    color: var(--navy);text-align:center;
    position: relative;
    padding-bottom: 14px;
}

section.blog-slider-section h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #ffc600;
}

.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;
    transition: 0.3s ease-in;
}

.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: .3s
}

.faq-wrapper .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer
}

.course-two-col,
.faq-wrapper .faq-right {
    flex: 1;
    text-align: center
}

.faq-wrapper .faq-answer {
    max-height: 0;
    transition: max-height .4s
}

.arrow,
.beliefs__card::before,
.faq-wrapper .faq-item .arrow i {
    transition: transform .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%;
    background: var(--gold);
    border-radius: 18px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: 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 h3,
.footer-logo {
    color: var(--gold);
    margin-bottom: 10px;
}

.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)
}

.about-hero,
.breadcrumb-wrp {
    background-size: cover;
    background-repeat: no-repeat
}

.footer {
    background: linear-gradient(135deg, #020817, #071226, #020817);
    padding: 42px 0 0;
    color: #fff;
}

.footer .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    display: grid;
    grid-template-columns: 1.45fr 0.75fr 0.85fr 1.15fr;
    gap: 48px;
    align-items: flex-start;
}

.footer-logo img {
    width: 285px;
    height: auto;
    margin-bottom: 24px;
}

.footer p {
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.75;
    font-size: 16px;
    margin-bottom: 22px;
}

.footer h3 {
    color: var(--gold);
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 26px;
}

.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer ul li {
    margin: 0 0 18px;
}

.footer ul li a {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    transition: 0.3s ease;
}

.footer ul li a:hover {
    color: var(--gold);
}

.footer-last-col {
    display: contents;
}

.footer-last-colsec {
    position: relative;
    padding-left: 36px;
}

.footer-last-colsec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 210px;
    background: rgba(255, 255, 255, 0.12);
}

.social-icons {
    display: flex;
    gap: 18px;
    margin-top: 18px;
}

.social-icons a {
    width: 38px;
    height: 38px;
    background: var(--gold);
    color: #061022;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.social-icons i {
    font-size: 17px;
}

.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 22px;
    color: rgba(255, 255, 255, 0.9);
}

.footer-contact-list li i {
    width: 28px;
    height: 28px;
    border: 2px solid var(--gold);
    border-radius: 50%;
    color: var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex: 0 0 28px;
    margin-top: 2px;
}

.footer-contact-list li a,
.footer-contact-list li span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
    text-decoration: none;
    text-align: start;
}

.footer-bottom .container {
    max-width: 1320px;
    margin: 34px auto 0;
    padding: 20px 48px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-bottom-col {
    width: auto;
    color: rgba(255, 255, 255, 0.82);
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px 8px;
    line-height: 1.7;
}

.footer-bottom-col a,
.footer-bottom-col strong {
    color: var(--gold);
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
}

.footer-bottom-col a {
    display: inline-flex;
    align-items: center;
    word-break: break-word;
}

.footer-bottom-col:last-child {
    width: auto;
}

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
}

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 {
    width: 100%;
    height: clamp(260px, 30.39vw, 350px);
    background-image: url(/frontend/images/inner-banner1.jpg);
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: var(--header-offset);
    overflow: hidden;
}


.about-card,
.beliefs__card,
.beliefs__title,
.blog-card__media,
.blog-hero,
.blog-hero__container,
.lead__eyebrow,
.lead__footer,
.lead__panel,
.lead__text,
.lead__title,
.search-input-wrapper,
.teach__badge,
.teach__rail,
.teach__step,
.whatwedo,
.whatwedo__container,
.whatwedo__rail {
    position: relative
}

.breadcrumb-wrp .container {
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    gap: 10px;
    /* padding: clamp(110px, 10vw, 150px) 50px clamp(40px, 4vw, 70px); */
    bottom: auto;
    z-index: 1;
}

.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 .container nav {
    order: -1;
    margin-top: 0 !important;
}


.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: .3px;
    color: var(--gold)
}

.about-hero__subheading {
    font-weight: 800;
    letter-spacing: .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, .25);
    color: var(--dark)
}

.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, .08);
    transition: .35s;
    border: 1px solid rgba(11, 42, 102, .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, .08);
    transition: .35s
}

.beliefs__icon i {
    font-size: 22px;
    color: var(--navy);
    transition: .35s
}

.beliefs__card h5 {
    margin: 0 0 12px;
    font-weight: 900;
    color: var(--navy)
}

.beliefs__card p,
.teach__callout p {
    margin: 0;
    line-height: 1.7
}

.beliefs__card p {
    color: rgba(0, 0, 0, .72)
}

.beliefs__card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 55px rgba(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
}

#backToTop,
.beliefs__card:hover .beliefs__icon,
.user-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 {
    padding: 50px 0 60px;
    background: var(--navy);
    overflow: hidden
}

.whatwedo__intro,
.whatwedo__note {
    color: rgba(255, 255, 255, .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, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    transition: transform .25s, background .25s, border-color .25s
}

.whatwedo__item:hover {
    transform: translateY(-4px);
    background: rgba(255, 255, 255, .09);
    border-color: rgba(210, 178, 74, .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, .35);
    box-shadow: 0 10px 24px rgba(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, .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: .2px
}

.whatwedo__note {
    margin: 26px auto 0;
    max-width: 980px;
    padding: 16px 18px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .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, .06), rgba(11, 42, 102, .03));
    border: 1px solid rgba(11, 42, 102, .1);
    border-radius: 18px;
    padding: 18px;
    overflow: hidden
}

.teach__step {
    grid-template-columns: 56px 1fr;
    gap: 14px;
    padding: 16px 14px;
    transition: transform .25s, background .25s
}

.teach__step:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, .75)
}

.teach__badge {
    width: 46px;
    height: 46px;
    background: rgba(210, 178, 74, .16);
    border: 1px solid rgba(210, 178, 74, .35);
    color: var(--navy);
    box-shadow: 0 12px 22px rgba(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, .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, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .92);
    font-weight: 800;
    margin-bottom: 14px
}

.teach__manifestoTitle {
    margin: 0 0 10px;
    font-weight: 900;
    letter-spacing: .2px
}

.teach__manifestoText {
    margin: 0 0 18px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .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, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    transition: .3s ease-in
}

.teach__calloutIcon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(210, 178, 74, .18);
    border: 1px solid rgba(210, 178, 74, .25)
}

.teach__calloutIcon i {
    color: var(--white);
    font-size: 18px
}

.lead__eyebrow,
.lead__titleAccent,
.teach__callout p {
    color: rgba(255, 255, 255, .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, .18);
    overflow: hidden
}

.lead__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    font-weight: 800;
    letter-spacing: .3px
}

.lead__title {
    margin: 16px 0 12px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: .2px
}

.lead__titleAccent {
    display: inline;
    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, .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, .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, .2);
    border: 1px solid rgba(210, 178, 74, .25);
    font-weight: 900
}

.lead__tagline {
    margin: 0;
    color: rgba(255, 255, 255, .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: .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, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 18px 40px rgba(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, .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: .3s ease-in
}

.blog-search__btn:hover {
    transform: translateY(-2px);
    opacity: .96;
    color: var(--white);
    background: var(--navy2)
}

.blog-search:focus-within {
    border-color: rgba(210, 178, 74, .55);
    box-shadow: 0 0 0 4px rgba(210, 178, 74, .18), 0 18px 40px rgba(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, .16);
    color: var(--navy2);
    font-weight: 800;
    cursor: pointer;
    transition: transform .15s, background .2s, border-color .2s
}

.blog-filter__chip:hover {
    transform: translateY(-1px);
    border-color: rgba(210, 178, 74, .35);
    background: rgba(255, 255, 255, .14)
}

.blog-filter__chip.is-active {
    background: var(--navy2);
    border-color: rgba(210, 178, 74, .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, .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, .1);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .08);
    transition: transform .35s, box-shadow .35s, border-color .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 .45s
}

.blog-card__chip {
    position: absolute;
    left: 14px;
    bottom: 12px;
    z-index: 1;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(11, 42, 102, .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, .7);
    font-weight: 800;
    font-size: 12.5px;
    margin-bottom: 10px
}

.blog-card__dot {
    opacity: .6
}

.blog-card__title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    color: var(--navy);
    transition: 0.3s ease-in;
}

.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 .2s
}

.blog-card__btn span {
    display: inline-block;
    transition: transform .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, .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, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(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, .3);
    border: 1px solid rgba(210, 178, 74, .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: .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 .15s, opacity .15s
}

.featured-post__cta:hover {
    transform: translateY(-1px);
    opacity: .96
}

.featured-slider {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    border-radius: 22px
}

.featured-slider__track {
    display: flex;
    transition: transform .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, .08);
    position: relative;
    overflow: hidden;
    transition: .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: .5s;
    z-index: 0
}

.contact-page .info-box i {
    color: var(--yellow);
    z-index: 1;
    transition: .5s;
    font-size: 40px
}

.contact-page .info-box div {
    z-index: 1
}

.contact-page .info-box strong {
    display: block;
    margin-bottom: .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, .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: .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: .4s
}

.contact-page button:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(14, 165, 233, .4)
}

.course-hero {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    color: var(--white);
    background-color: #000000;
}

.course__container {
    margin: 0 auto;
    padding: 60px 0
}

.course-hero__overlay {
    position: absolute;
    inset: 0;
    /* background: #0a0d1b; */
    opacity: 1;
    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;
    padding-top: 120px;

}

.course-hero__badge {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(212, 175, 58, .15);
    border: 1px solid rgba(212, 175, 58, .35);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .4px;
    margin-bottom: 18px
}

.course-breadcrumb {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 35px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.course-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s ease-in;
}

.course-breadcrumb a:hover {
    color: #d7aa26;
    text-decoration: none;
}

.course-breadcrumb strong {
    color: var(--gold);
    font-weight: 800;
}

.course-hero__title {
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 16px;
    font-size: 36px;
}

.course-hero__subtitle {
    color: rgba(255, 255, 255, .85);
    line-height: 1.8;
    margin-bottom: 22px;
    max-width: 650px
}

.course-description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.course-description li {
    position: relative;
    padding-left: 45px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    margin-left: 0px;
}

.course-description li::before {
    content: "▣";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--gold);
    font-size: 30px;
    line-height: 1;
}

.course-description strong,
.course-description b {
    color: var(--gold);
    font-weight: 800;
}

.course-hero__list {
    list-style: none;
    display: grid;
    gap: 14px;
    margin-bottom: 24px
}

.btn-container,
.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, .08);
    border: 1px solid rgba(255, 255, 255, .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, .6);
    color: var(--white);
    text-decoration: none;
    font-weight: 600;
    transition: .2s
}

.course-tab,
.tab-arrow {
    transition: .3s;
    cursor: pointer
}

.btn-outline:hover {
    background: rgba(255, 255, 255, .1)
}

.course-media {
    display: flex;
    justify-content: end;
    align-items: center;
}

.course-media__card {
    width: 430px;
    padding: 30px;
    border-radius: 30px;
    background: var(--dark);
    border: 1px solid var(--gold);
    box-shadow:
        0 0 7px var(--bs-yellow),
        inset 0 0 28px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(8px);
}

.course-image-box {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 28px;
}

.course-image-box img {
    width: 100%;
    height: 250px;
    display: block;
    border-radius: 12px;
}

.course-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.course-meta-item {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
}

.course-meta-item span {
    color: var(--gold);
    font-size: 30px;
    line-height: 1;
}

.course-meta-item p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

.course-meta-item strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.course-card-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.35);
    margin: 20px 0;
}

.course-price-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.price-area-divider {
    width: 2px;
    height: 40px;
    background: #d4af3a;
}

.course-price-box span,
.course-enquire-box span {
    color: #ffffff;
    font-size: 14px;
    opacity: 0.9;
}

.course-price-box h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0;
}

.enroll-btn,
.enquire-btn {
    width: 150px;
    height: 38px;
    background: var(--gold);
    border-radius: 10px;
    color: #111;
    font-size: 14px;
    font-weight: 800;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: transform .2s ease-in;
}

.enroll-btn:hover,
.enquire-btn:hover {
    transform: translateY(-2px);
    background-color: #ffffff;
}
.course-card-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
.instructor-led-btn {
    width: auto;
    height: 38px;
    padding: 0 22px;
    background: var(--gold);
    border-radius: 10px;
    color: #111;
    font-size: 14px;
    font-weight: 800;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: transform .2s ease-in, background-color .2s ease-in;
}

.instructor-led-btn:hover {
    transform: translateY(-2px);
    background-color: #ffffff;
    color: #111;
    text-decoration: none;
}

.instructor-led-btn span {
    color: inherit;
    font-weight: 800;
}
@media (max-width: 767px) {
    .course-card-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .instructor-led-btn {
        width: 100%;
        min-width: 100%;
    }
}

.discovery-call {
    position: absolute;
    left: 0;
    top: 315px;
    z-index: 5;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background: linear-gradient(180deg, #f2c33a, #d5a11f);
    color: #111;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    padding: 18px 11px;
    border-radius: 0 8px 8px 0;
}

.footer p {
    margin-bottom: 15px;
}

.course-media__rating {
    font-weight: 800;
    margin-bottom: 6px
}

.course-media__rating span {
    margin-left: 8px;
    font-weight: 600;
    color: rgba(255, 255, 255, .8)
}

.course-media__learners {
    font-size: 14px;
    color: rgba(255, 255, 255, .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%;
    opacity:0.2;
    background: url(/frontend/images/course-bg-design.png) center/cover no-repeat;
    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 {
    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, .15);
    background: var(--white);
    font-weight: 700;
    white-space: nowrap
}

.course-section-active,
.tab-arrow {
    background: var(--navy2);
    color: var(--gold);
}

.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, .12);
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 14px 35px rgba(0, 0, 0, .06)
}

.course-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    border-top: 1px solid rgba(16, 22, 46, .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, .92);
    line-height: 1.7
}

.course-val-category {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    /* space between badges */
    padding: 16px 18px;

    /* Limit to 4 rows and enable vertical scroll */
    max-height: calc((46px + 8px) * 2.5);
    /* 44px = approximate badge height, 8px = gap */
    overflow-y: auto;
}

/* Optional: scrollbar style */
.course-val-category::-webkit-scrollbar {
    width: 6px;
}

.course-val-category::-webkit-scrollbar-thumb {
    background-color: #c79200;
    border-radius: 3px;
}

/* Keep existing badge style */
.course-val-category span {
    display: inline-block;
    background: var(--gold);
    color: var(--navy);
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 12px;
    white-space: nowrap;
    transition: transform 0.3s ease-in;
}

.course-val-category span:hover {
    transform: translateY(-2px);
}

.course-link {
    text-decoration: none;
    border-bottom: 2px solid rgba(212, 175, 58, .9);
    padding-bottom: 2px
}

.course-link:hover {
    opacity: .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, .08);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .06);
    transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s, background .35s;
    position: relative;
    overflow: hidden;
    flex-direction: column
}

.feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(212, 175, 58, .05), transparent 40%);
    opacity: 0;
    transition: opacity .35s
}

.feature-card:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 58, .6);
    box-shadow: 0 22px 55px rgba(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, .12);
    border: 1px solid rgba(212, 175, 58, .3);
    color: var(--navy2);
    flex: 0 0 50px;
    transition: .35s
}

.feature-card__icon i {
    font-size: 20px;
    transition: transform .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 .3s
}

.feature-card__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: rgba(16, 22, 46, .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 .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, .08);
    transition: transform .35s, box-shadow .35s, border .35s;
    border: 1px solid rgba(16, 22, 46, .08)
}

.timeline-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
    border-color: var(--gold);
}

.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 {
    white-space: nowrap;
    color: var(--gold) !important;
    gap:10px;
}

.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, .08);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .06);
    overflow: hidden;
    transition: transform .35s, box-shadow .35s, border-color .35s
}

.opportunity__card:hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 26px 60px rgba(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, .12);
    transition: transform .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, .18)
}

.opportunity__subtitle {
    text-align: left;
    padding: 0;
    font-weight: 600;
    line-height: 1.75;
    color: rgba(16, 22, 46, .78)
}

.opportunity-faq {
    background-color: var(--navy);
    color: var(--white)
}

#faq .faq-wrapper .faq-answer {
    max-height: 500px !important;
    overflow: hidden;
    transition: max-height .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, .06)
}

.exam-table {
    width: 100%;
    border-radius: 20px
}

.exam-table td {
    padding: 15px 20px;
    border-bottom: .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, .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;
    justify-content: center
}

.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 .3s, box-shadow .3s
}

.training-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(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 .2s, box-shadow .2s
}

.training-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(241, 165, 52, .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, .18), transparent 45%), radial-gradient(circle at 80% 30%, rgba(255, 255, 255, .08), transparent 50%), radial-gradient(circle at 55% 90%, rgba(210, 178, 74, .12), transparent 55%);
    transform: rotate(10deg);
    pointer-events: none
}

.blog-detail-hero__container {
    width: min(83%, 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, .18);
    border: 1px solid rgba(210, 178, 74, .3);
    color: rgba(255, 255, 255, .92);
    font-weight: 900;
    font-size: 13px;
    letter-spacing: .2px
}

.blog-detail-hero__title {
    margin: 14px 0 10px;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: .2px;
    color: var(--gold);
    font-size: 34px;
    line-height: normal
}

.blog-detail-hero__subtitle {
    margin: 0 0 18px;
    color: rgba(255, 255, 255, .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, .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, .95);
    font-weight: 900
}

.blog-detail-hero__sep {
    opacity: .7
}

.blog-detail-hero__media {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 22px 60px rgba(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 .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, .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, .1);
    box-shadow: 0 18px 40px rgba(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, .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, .1);
    padding: 12px;
    text-align: left
}

.blog-table th {
    background: rgba(11, 42, 102, .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 50px;
}

.course-listing__container {
    padding: 15px 20px;
    border-radius: 20px;
    box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
    position: relative;
    bottom: 55px;
    background: white;
}

.course-listing-head__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.course-listing-head__title {
    display: block;
    justify-content: center;
    text-align: left;
    align-self: center;
    padding-left: 30px;
}

.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: center;
    align-items: center
}

/* .course-listing-head__image img {
    width: 400px;
} */

.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: .3s
}

.search-btn i {
    color: #0a2357;
    font-size: 18px;
    transition: 0.3s ease-in;
}

.social-icons a:hover {
    transform: translateY(-3px);
    opacity: 1;
}

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, .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: .3s fadeIn
}

.close-search {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 24px;
    cursor: pointer
}

.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(.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, .08);
    transition: transform .25s, box-shadow .25s, border-color .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: .9
}

.course-listing-card img {
    display: flex;
    justify-content: center;
    height: auto;
    margin: 14px 0 30px;
    transition: transform .25s
}

.course-listing-card h4 {
    color: var(--navy);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 6px;
    min-height: 42px;
    font-size:18px !important;
}

.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, .14);
    border-color: rgba(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, .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, .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: 35%
}

.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, .12);
    position: relative;
    overflow: hidden;
    transition: .35s;
    text-align: center;
}

.contact-wrapper .info-box h3 {
    margin-bottom: 10px;
    color: var(--navy)
}

.contact-wrapper h2 {
    margin-bottom: 25px;
    color: #000000;
}

.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: var(--gold);
}

.contact-wrapper .captcha-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 15px 0 25px;
    width: 280px
}

.contact-wrapper button {
    background: #000000;
    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: .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, .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, .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 16px;
    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(--dark);
    color: var(--white);
    padding: 8px 22px;
    font-weight: 600;
    border-radius: 8px;
    display: inline-block;
    transition: .3s;
    border: none;
    line-height: inherit
}

section.course-listing-cards__section .section_bottom ul li:first-child:hover,
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, .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, .15);
    padding: 10px 0;
    list-style: none;
    transform: translateY(-10px);
    transition: .3s
}

#backToTop.show,
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.dashboard-wrapper .tp-dashboard-menu li,
.user-dropdown .dropdown-menu li {
    margin-left: 0
}

.user-dropdown .dropdown-menu li:hover {
    background: var(--gold);
    margin-left: 0 !important
}

.user-dropdown .dropdown-menu 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 .2s
}

div#loginModal,
div#registerModal {
    background: #00000073;
    z-index: 10000001;
    padding: 20px 12px;
}

div#loginModal .modal-dialog,
div#registerModal .modal-dialog {
    margin: 0 auto;
    min-height: calc(100vh - 40px);
}

div#loginModal .modal-content,
div#registerModal .modal-content {
    width: 100%;
}

div#userDropdown img.avatar {
    width: 30px
}

.user-dropdown-toggle {
    display: flex;
    gap: 10px;
    align-items: center;
    background: 0 0;
    font-weight: 500
}

.dashboard-wrapper .tp-dashboard-menu ul li {
    border: 1px solid var(--gold);
}

.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,
.principle-section.is-open {
    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;
}

.user-avatar,
.user-icon {
    width: 45px;
    height: 45px;
    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: .3s
}

.user-icon i {
    color: #000000;
    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, .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: .3s
}

.zoom-icon {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(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, .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: .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: .8em;
    cursor: pointer
}

.ps-faq summary {
    font-weight: 600;
    margin-bottom: .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, .08);
    position: relative;
    overflow: hidden;
    transition: transform .3s, box-shadow .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, .12)
}

.eduviatai-feature::before {
    content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: rgba(29, 78, 216, .1);
    border-radius: 50%;
    transform: rotate(45deg)
}

.eduviatai-box h4,
.eduviatai-feature h4 {
    color: var(--navy);
    margin-bottom: .8rem
}

.eduviatai-feature p {
    color: #555;
    font-size: 1rem;
    line-height: 1.5
}

.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, .12)
}

.eduviatai-box p {
    color: #555;
    line-height: 1.6
}

a.course-tab:hover {
    background: var(--navy2);
    color: var(--gold);
}

.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, .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: .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: 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 {
        width: min(330px, 100%)
    }
}

@media (max-width:1299px) {
    .container.search-page {
        padding: 40px
    }

    .forgot-form {
        padding: 0 80px
    }

    .course-slick-section .slick-prev {
        left: -16px
    }

    .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: -16px
    }
}

@media (max-width:1199px) {
    :root {
        --header-offset: 136px
    }

    .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) {

    .course-listing-cards__section .container{
        max-width: 90% !important;
    }

    :root {
        --header-offset: 128px
    }

    .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
    }

    .header-search-form {
        min-width: 210px
    }

    .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, .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, .55), rgba(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, .55), rgba(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: start;
        align-items: start;
        flex-direction: column
    }

    .footer-bottom .container {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .footer p {
        margin-bottom: 5px;
        text-align: start;
    }

    .footer-last-col {
        gap: 25px;
        flex-direction: column
    }

    .teach__manifesto {
        position: relative;
        top: auto
    }

    .about-hero,
    .course-listing__container {
        padding: 30px 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-feature {
        padding: 1.5rem
    }

    .featured-post__cta,
    .footer-bottom-col,
    .footer-bottom-col:last-child {
        width: 100%
    }

    .footer-copy,
    section.about-hero .about-card {
        display: block
    }

    .eduviatai-problem-solution,
    .faq-wrapper .container {
        flex-direction: column
    }

    .site-header .logo img {
        height: 50px
    }

    .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
    }

    .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
    }

    .blog-detail-main__image img {
        width: 100%;
        height: 100%
    }

    .social-icons {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width:699px) {
    :root {
        --header-offset: 100px
    }

    .search-modal {
        align-items: center !important;
        justify-content: center !important;
        padding: 20px;
    }

    .search-modal-content {
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
    }

    .header-topbar {
        display: none
    }

    .header-search-desktop {
        display: none
    }

    .header-search-mobile {
        display: flex
    }

    .mobile-user-dropdown {
        display: none
    }

    .mobile-user-dropdown .user-dropdown-toggle {
        padding: 0;
        border: none;
        background: transparent;
    }

    .mobile-user-dropdown .user-avatar,
    .mobile-user-dropdown .user-icon {
        width: 38px;
        height: 38px;
    }

    .mobile-user-dropdown .dropdown-menu {
        top: calc(100% + 12px);
        right: -8px;
    }

    div#loginModal,
    div#registerModal {
        padding: 16px 10px;
    }

    div#loginModal .modal-dialog,
    div#registerModal .modal-dialog {
        min-height: auto;
        margin: 84px auto 16px;
        align-items: flex-start;
    }

    .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
    }

    footer.footer {
        padding: 40px 20px
    }

    .contact-wrapper{
        padding: 0px !important;
    }

    .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 12px;
        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: 24px;
    }

    .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
    }

    .homepage-testimonial-section {
        padding: 50px 0;
    }

    .homepage-testimonial-heading h2 {
        font-size: 24px;
    }

    .homepage-testimonial-section .slick-prev {
        left: -16px;
    }

    .homepage-testimonial-section .slick-next {
        right: -16px;
    }

    .homepage-certificates-section {
        padding: 50px 0 25px;
    }

    .homepage-certificates-heading h2 {
        font-size: 24px;
    }

    .homepage-certificates-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .homepage-certificate-image {
        min-height: 200px;
    }

    .faq-wrapper .container,
    .footer .container {
        gap: 25px
    }

    .newsletter {
        margin: 35px auto
    }

    .start-cta-banner {
        padding: 35px 0
    }

    .footer ul li {
        margin-bottom: 10px;
        text-align: start;
    }

    .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:600px) {
    .mobile-user-dropdown {
        display: inline-block
    }
}

@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);
    }
}

@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, .16);
    border: 1px solid rgba(212, 175, 58, .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, .25);
    border: 1px solid rgba(255, 255, 255, .12);
    position: sticky;
    top: 120px
}

.partner-services .partner-card .card-top {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    padding: 18px
}

.partner-services .partner-card .card-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: rgba(212, 175, 58, .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, .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
}

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: .3s;
    box-shadow: 0 5px 15px rgba(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, .1);
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, .06);
    transition: .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, .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, .18);
    border: 1px solid rgba(212, 175, 58, .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, .1);
    box-shadow: 0 16px 40px rgba(16, 22, 46, .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, .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, .08);
    border: 1px solid rgba(16, 22, 46, .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, .1);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, .05);
    transition: .25s
}

.partner-why .why-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(212, 175, 58, .18);
    border: 1px solid rgba(212, 175, 58, .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, .1);
    box-shadow: 0 16px 40px rgba(16, 22, 46, .08);
    overflow: hidden
}

.partner-who .who-head {
    background: rgba(16, 22, 46, .06);
    padding: 20px 22px;
    border-bottom: 1px solid rgba(16, 22, 46, .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, .1);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(16, 22, 46, .06);
    transition: .25s
}

.partner-who .who-icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: rgba(212, 175, 58, .18);
    border: 1px solid rgba(212, 175, 58, .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, .06);
    border-bottom: 1px solid rgba(16, 22, 46, .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, .1);
    box-shadow: 0 10px 24px rgba(16, 22, 46, .05);
    position: relative;
    transition: .25s
}

.partner-approach .step-num {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: rgba(212, 175, 58, .18);
    border: 1px solid rgba(212, 175, 58, .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, .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, .1);
    box-shadow: 0 18px 55px rgba(16, 22, 46, .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: .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, .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, .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, .1);
    border: 1px solid rgba(255, 255, 255, .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, .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, .1);
    box-shadow: 0 10px 22px rgba(16, 22, 46, .06);
    transition: .25s
}

.partner-cta-unique .contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(16, 22, 46, .1)
}

.partner-cta-unique .contact-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(212, 175, 58, .18);
    border: 1px solid rgba(212, 175, 58, .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, .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
    }
}

.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: .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: .3s
}

.partnership-faq .pf-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .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, .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: .3s
}

.partnership-faq-contact .pf-phone {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .4)
}

.partnership-faq-contact .pf-contact-btn:hover {
    transform: translateY(-3px);
    opacity: .9
}

.partnership-faq-contact .pf-contact-footer {
    margin-top: 30px;
    font-size: 14px;
    opacity: .9
}

@media (max-width:768px) {

    .partner-detail-wrp,
    .partnership-faq .pf-layout {
        flex-direction: column
    }

    .partnership-faq .pf-icon {
        position: absolute;
        right: 20px;
        transition: .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: 200px 0px 30px;
}

.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
}

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

.principle-section__card {
    position: relative;
    background: var(--white);
    border: 1px solid rgba(10, 35, 87, .08);
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(16, 22, 46, .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, .08);
    background: radial-gradient(circle at top right, rgba(212, 175, 58, .12), transparent 25%), linear-gradient(180deg, #fff 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, .12);
    color: var(--navy2);
    border: 1px solid rgba(212, 175, 58, .28);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: 14px
}

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

.principle-section__actions p:last-child,
.principle-section__list li:last-child {
    margin-bottom: 0
}

.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, .2)
}

.principle-section__badge-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .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, .08);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .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__check {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(212, 175, 58, .18);
    color: var(--navy2);
    font-size: 13px;
    margin-top: 2px;
    transition: .3s
}

.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: .3s
}

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

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

.principle-section__content a:hover::after {
    transform: scaleX(.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, .04), rgba(212, 175, 58, .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, .14)
}

.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, .08);
    box-shadow: 0 14px 30px rgba(16, 22, 46, .06);
    transition: transform .35s, box-shadow .35s
}

.principle-section__mini-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 36px rgba(16, 22, 46, .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)
    }

    .certi-col img {
        width: 100% !important;
        height: 100% !important
    }
}

@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) {

    .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
    }

    .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 {
    display: none;
    animation: .35s principleFade
}

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

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

.beliefs__card.active {
    border-color: var(--gold);
    box-shadow: 0 16px 35px rgba(16, 22, 46, .12);
    transform: translateY(-4px)
}

@media (max-width:991px) {

    .certi-col a,
    .certi-col.slick-slide.slick-current.slick-active,
    .certi-slider .slick-list.draggable,
    .certi-slider .slick-track,
    .contact-wrapper .contact-info {
        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
    }
}


/* 02-06-2026 Added CSS */

.program-section {
    background: #ffffff;
    padding: 15px 0 30px;
}

.program-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.program-title {
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    color: #111111;
    margin-bottom: 35px;
}

.program-title span {
    color: var(--gold);
    font-size: 30px;
}

.program-toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.program-title--inline {
    margin-bottom: 0;
    margin-left: 27px;
    text-align: center;
}

.program-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.program-row {
    display: grid;
    grid-template-columns: 165px 1fr;
    min-height: 112px;
    background: #f7f7f7;
    border: 1px solid #ececec;
    border-radius: 8px;
    overflow: hidden;
}

.program-category {
    display: flex;
    align-items: center;
    padding: 0 18px;
    font-size: 15px;
    line-height: 1.18;
    font-weight: 800;
    color: #000000;
    background: #f7f7f7;
    position: relative;
    border-right: none;
}

.program-category::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom,
            #c79200 0%,
            #f6d55c 50%,
            #c79200 100%);
    box-shadow: 1px 0 4px rgba(210, 162, 34, 0.4);
}

.program-courses {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px;
    background: #f7f7f7;

    /* Limit to 3 rows */
    max-height: calc((110px + 12px) * 3);
    /* 110px = course height, 12px = gap */
    overflow-y: auto;
    /* enable vertical scroll */
}

.program-courses::-webkit-scrollbar {
    width: 6px;
}

.program-courses::-webkit-scrollbar-thumb {
    background-color: var(--gold);
    border-radius: 3px;
}

.program-courses a {
    display: block;
    width: 110px;
    height: 110px;
    transition: 0.25s ease;
}

.program-courses a:hover {
    transform: translateY(-3px);
}

.program-courses img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}



/* responsive */
@media (max-width: 768px) {

    .program-title {
        font-size: 22px;
        text-align: center;
    }

    .program-title span {
        font-size: 22px;
    }

    .program-title--inline {
        flex-basis: auto;
    }

    .category-search-wrapper {
        max-width: 100%;
        flex-basis: auto;
        text-align: center;
    }

    .program-row {
        grid-template-columns: 1fr;
    }

    .program-category::after {
        display: none;
    }

    .program-category {
        min-height: 60px;
        border-right: none;
        border-bottom: 4px solid #d2a222;
    }

    .program-courses {
        padding: 16px;
    }
}


section.course-listing__section {
    height: 200px;
}

.category-search-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    text-align: end;
    flex: 0 1 500px;
}

.category-search-input {
    width: 75%;
    max-width: 500px;
    padding: 12px 20px;
    border: 3px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    outline: none;
}

.category-search-input:focus {
    border-color: var(--gold);
}

.category-search-suggestions {
    position: absolute;
    top: 100%;
    left: 63%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 374px;
    background: #fff;
    border: 2px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 10;
    display: none;
    text-align: left;
}

/* Optional suggestion item styling */
.category-search-suggestions .suggestion-item {
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
    transition: background 0.3s ease;
}

.category-search-suggestions .suggestion-item:hover {
    background: #f8f8f8;
}

.category-search-suggestions .suggestion-item:last-child {
    border-bottom: none;
}

.cta-box {
    max-width: 1500px;
    min-height: 245px;
    margin: 0 auto;
    padding: 35px 90px;
    border-radius: 35px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background-image: url('../images/Layer1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    display: grid;
    grid-template-columns: 180px 1fr 260px;
    align-items: center;
    gap: 45px;
    overflow: hidden;
    position: relative;
}

.cta-box::after {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -60px;
    width: 420px;
    height: 220px;
    background: radial-gradient(circle, rgba(214, 167, 40, 0.15), transparent 65%);
    pointer-events: none;
}

.cta-genie img {
    width: 150px;
    display: block;
}

.cta-small {
    color: var(--gold);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 8px;
}

.cta-content h2 {
    color: #ffffff;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 18px;
}

.cta-content h2 span,
.cta-desc span {
    color: var(--gold);
    font-size: inherit;
}

.cta-desc {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
}

.cta-buttons {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
    z-index: 2;
}

.cta-btn {
    width: 255px;
    height: 58px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.cta-btn.primary {
    background: var(--gold);
    color: #111;
    transition: 0.3s ease-in;
}

.cta-btn.primary:hover {
    background: transparent;
    border: 2px solid var(--gold);
    color: white;
}

.cta-btn.secondary {
    background: transparent;
    color: white;
    border: 2px solid var(--gold);
    transition: 0.3s ease-in;
}

.cta-btn.secondary:hover {
    background: var(--gold);
    color: #111;
}

.cta-btn span {
    font-size: 18px;
}

.btn-solid-yellow-new {
    background: var(--gold);
    color: #000000;
    padding: 10px 22px;
    border-radius: 8px;
    transition: .3s ease-in;
    font-weight: 600;
    line-height: inherit;
    border: 2px solid var(--gold);
}

.btn-solid-outline {
    background: transparent;
    color: var(--navy);
    padding: 10px 20px;
    border-radius: 8px;
    border: 2px solid var(--navy);
    transition: .3s ease-in;
    font-weight: 600;
    line-height: inherit;
}

.btn-solid-outline:hover {
    background: var(--navy);
    color: white;
}

.btn-solid-yellow-new:hover {
    background: transparent;
    color: var(--gold);
    border: 2px solid var(--gold);
}


@media(max-width:580px) {

    .about-section-container{
        max-width: 1200px;
    }

    .course-description li{
        padding-left:35px;
    }

    .course-breadcrumb strong{
        font-size: 14px !important;
    }

    .profile-hidden-mobile{
        display: block !important;
    }

    .course-listing-cards__section .container{
        max-width: 85% !important;
    }

    .breadcrumb-wrp .container {
        justify-content: center;
        align-items: center;
        padding: 28px 20px 28px;
        gap: 8px;
    }
    .breadcrumb-wrp h1{
        font-size: 26px;
        line-height: 1.2;
        text-align: center;
    }
    .course__grid{
        padding-top: 50px;
    }

    .breadcrumb-wrp .container p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
    }

    section.course-listing__section {
        height: 280px;
    }

    .course-listing-head__image img {
        width: auto;
        height: auto;
    }

    .category-search-input,
    .category-search-suggestions {
        width: 80% !important;
    }

    .category-search-suggestions {
        left: 50%;
    }

    .course-listing-head__image {
        padding: 0px 20px;
    }

    .breadcrumb-wrp {
        height: auto;
        min-height: 320px;
        background-position: center center;
        margin-top: 80px;
    }

    .breadcrumb-wrp .container nav {
        margin-top: 0 !important;
    }

    .breadcrumb-wrp ol.breadcrumb {
        flex-wrap: wrap;
        gap: 6px 12px;
    }

    .breadcrumb-wrp li,
    .breadcrumb-wrp span,
    .breadcrumb-wrp a {
        font-size: 14px !important;
    }

    .section_bottom {
        padding: 0 0 30px;
    }


    .cta-box {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 20px;
        padding: 25px 20px;
        min-height: auto;
        background-position: center center;
    }

    .cta-box::after {
        display: none;
    }

    .cta-genie img {
        width: 90px;
        margin: 0 auto;
    }

    .cta-small {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .cta-content h2 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .cta-desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .cta-buttons {
        align-items: center;
        width: 100%;
        gap: 12px;
    }

    .cta-btn {
        width: 100%;
        max-width: 260px;
        height: 50px;
        font-size: 14px;
        gap: 15px;
    }

    .course-media {
        justify-content: center;
    }

    .course-price-box h3 {
        font-size: 20px;
    }

    .course-hero__cta {
        justify-content: center;
    }

    .course-price-box span {
        font-size: 13px;
    }


    .footer {
        padding-top: 35px;
    }

    .footer .container {
        grid-template-columns: 1fr;
        padding: 0 25px;
        gap: 28px;
        text-align: center;
    }

    .footer-logo img {
        margin: 0 auto 18px;
        width: 235px;
    }

    .social-icons {
        justify-content: center;
    }

    .footer-contact-list li {
        justify-content: start;
        text-align: left;
    }

    .footer-bottom .container {
        padding: 18px 20px 22px;
        gap: 10px;
    }

    .footer-bottom-col,
    .footer-bottom-col a,
    .footer-bottom-col strong {
        font-size: 14px;
    }

    .footer-bottom-col {
        gap: 2px 6px;
        line-height: 1.8;
    }

    .footer-bottom-col span,
    .footer-bottom-col a {
        width: 100%;
        justify-content: center;
    }

    .footer p {
        text-align: start !important;
    }

    .program-toolbar {
        justify-content: center;
        align-items: center;
    }

    .category-search-wrapper {
        flex: none;
        text-align: center;
    }

    section.course-listing-cards__section .section_bottom ul li:first-child,
    section.course-listing-cards__section .section_bottom ul li:last-child {
        padding: 4px 14px;
    }

    .program-title {
        margin-left: 0;
    }

    .program-courses a {
        width: 85px;
    }

    .course-val-category span {
        font-size: 10px;
    }

    #backToTop {
        right: 40px;
    }

    .footer.footer-redesign .footer-cta::after, .newsletter.newsletter-cta::after{
        right: -190px !important;
    }

    .footer.footer-redesign .footer-cta::before, .newsletter.newsletter-cta::before{
        left: -190px !important;
    }
}

@media(min-width:300px) and (max-width:410px) {
    section.course-listing-cards__section .section_bottom ul {
        gap: 5px !important;
    }
}

@media(min-width:581px) and (max-width:1024px) {

    .auth-buttons{
        display:none !important;
    }

    .category-search-suggestions {
        left: 50%;
        max-width: 330px;
    }

    #backToTop {
        right: 50px;
    }

    section.course-listing__section {
        height: 160px;
    }

    .section_bottom {
        padding: 0 0 30px;
    }

    .course-listing-head__image img {
        width: auto;
        height: auto;
    }

    .course-listing-head__title h3 {
        font-size: 22px;
    }

    .course-listing-head__title p {
        font-size: 14px;
    }

    .course-media {
        justify-content: center;
    }

    .course-price-box h3 {
        font-size: 20px;
    }

    .course-hero__cta {
        justify-content: center;
    }

    .course-media__card {
        width: min(400px, 100%);
    }

    .footer .container {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .footer-last-colsec {
        padding-left: 0;
    }

    .footer-last-colsec::before {
        display: none;
    }

    .footer-bottom .container {
        padding-left: 28px;
        padding-right: 28px;
    }

    .footer-bottom-col {
        max-width: 680px;
        font-size: 15px;
        line-height: 1.75;
    }

    .footer-bottom-col a,
    .footer-bottom-col strong {
        font-size: 15px;
    }

    .program-toolbar {
        flex-wrap: nowrap;
    }

    .category-search-wrapper {
        text-align: center;
    }

    .category-search-input {
        width: 75%;
    }

    .program-title {
        font-size: 20px;
    }

    .program-title span {
        font-size: 20px;
    }

    .breadcrumb-wrp {
        height: clamp(280px, 32vw, 360px);
        background-position: center center;
    }

    .footer .container div {
        text-align: start;
    }
}

@media(min-width:581px) and (max-width:1023px) {

    .cta-box {
        grid-template-columns: 120px 1fr;
        gap: 0px 25px;
        padding: 35px;
        min-height: auto;
    }

    .cta-box::after {
        width: 250px;
        height: 150px;
    }

    .cta-genie img {
        width: 110px;
    }

    .cta-small {
        font-size: 14px;
    }

    .cta-content h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .cta-desc {
        font-size: 15px;
        line-height: 1.6;
    }

    .cta-buttons {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: center;
        margin-top: 15px;
        gap: 15px;
    }

    .cta-btn {
        width: 220px;
        height: 52px;
        font-size: 14px;
        gap: 15px;
    }
}


@media(min-width:1700px) and (max-width:2100px) {
    .breadcrumb-wrp {
        height: 400px;
    }

    .course-media {
        justify-content: center;
    }
}

.enquire-btn span {
    color: #000;
}

.course-pagination li a {
    font-weight: bold
}

;

/* Full screen home banner */
.hero-wrapper {
    width: 100vw !important;
    height: 100vh !important;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Carousel full width and height */
.hero-carousel {
    width: 100vw !important;
    height: 100vh !important;
}

/* Each slide full screen */
.hero-slide {
    width: 100vw !important;
    height: 100vh !important;
}

/* Banner wrapper full screen */
.hero-wrap {
    width: 100vw !important;
    height: 100vh !important;
    border-radius: 0 !important;
}

/* Banner image full screen */
.hero-wrap img.side-image {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover;
    opacity: 0.5 !important;
}

/* Center content */
.hero-card {
    height: 100vh !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
    padding: 50px !important;
}

/* Remove old bottom position */
.hero-content {
    bottom: auto !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Center inner content */
.hero-content-col {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Center button */
.hero-content-col .hero-btn {
    margin: 0 auto;
}

/* Dots position */
.hero-dots {
    bottom: 35px !important;
}

.faq-wrapper h2{ text-align:center;color:#000000;margin-bottom:25px;}

.faq-wrapper > h2 {
    position: relative;
    padding-bottom: 14px;
}

.faq-wrapper > h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #ffc600;
}

/* Footer redesign */
.footer.footer-redesign {
    background: #fff;
    color: #000;
    padding: 0;
    border-top: 2px solid var(--gold);
}

.footer.footer-redesign .footer-cta,
.newsletter.newsletter-cta {
    background: #fff;
    color: #fff;
    padding: 90px 0 88px;
    position: relative;
    overflow: hidden;
}

.footer.footer-redesign .footer-cta::before,
.footer.footer-redesign .footer-cta::after,
.newsletter.newsletter-cta::before,
.newsletter.newsletter-cta::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 20px solid  var(--bs-yellow);
    border-radius: 32px;
    transform: rotate(18deg);
}

.footer.footer-redesign .footer-cta::before,
.newsletter.newsletter-cta::before {
    left: -110px;
    bottom: -90px;
}

.footer.footer-redesign .footer-cta::after,
.newsletter.newsletter-cta::after {
    right: -110px;
    top: -90px;
}

.footer.footer-redesign .footer-cta .container,
.newsletter.newsletter-cta .container,
.footer.footer-redesign .footer-main .container,
.footer.footer-redesign .footer-bottom .container {
    max-width: 87%;
    margin: 0 auto;
    padding-left: 48px;
    padding-right: 48px;
}

.footer.footer-redesign .footer-cta .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.newsletter.newsletter-cta {
    max-width: none;
    margin: 60px 0 0;
    text-align: left;
    border-top: 1px solid var(--gold);
}

.newsletter.newsletter-cta .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.footer.footer-redesign .footer-cta h2 {
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.15;
    font-weight: 800;
}

.newsletter.newsletter-cta h2 {
    margin: 0;
    color: #000000;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
}

.footer.footer-redesign .footer-cta p {
    margin: 0;
    max-width: 760px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 18px;
    line-height: 1.7;
}

.newsletter.newsletter-cta #newsletterFeedback {
    margin-top: 6px !important;
}

.newsletter.newsletter-cta #newsletterFeedback p {
    margin: 0;
}

.footer.footer-redesign .footer-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 176px;
    min-height: 56px;
    padding: 14px 28px;
    border: 2px solid #ffc929;
    border-radius: 12px;
    background: #ffc929;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer.footer-redesign .footer-cta-btn:hover {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.footer.footer-redesign .footer-main {
    background: #000000;
    padding: 72px 0 48px;
}

.footer.footer-redesign .footer-main .container {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    column-gap: 20px;
    row-gap: 36px;
    align-items: start;
    padding: 0px !important;
}

.footer.footer-redesign .footer-brand-block,
.footer.footer-redesign .footer-links-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer.footer-redesign .footer-links-block {
    padding-left: 10px;
}

.footer.footer-redesign .footer-brand-block p {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.footer.footer-redesign .footer-logo-bottom {
    margin-top: 0;
}

.footer.footer-redesign h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0 0 15px;
    position: relative;
    padding-bottom: 14px;
}

.footer.footer-redesign h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 3px;
    background: #ffc929;
}

.footer.footer-redesign ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer.footer-redesign ul li {
    margin: 0 0 16px;
}

.footer.footer-redesign ul li:last-child,
.footer.footer-redesign .footer-contact-list li:last-child {
    margin-bottom: 0;
}

.footer.footer-redesign ul li a,
.footer.footer-redesign .footer-contact-list li a,
.footer.footer-redesign .footer-contact-list li span {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;
}

.footer.footer-redesign ul li a:hover,
.footer.footer-redesign .footer-contact-list li a:hover {
    color: #ffc929;
}

.footer.footer-redesign .footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.footer.footer-redesign .footer-contact-list li i {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: var(--gold);
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 4px;
}

.footer.footer-redesign .social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 0;
}

.footer.footer-redesign .social-icons a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--gold);
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s ease;
}

.footer.footer-redesign .social-icons a:hover {
    background: #fff;
    color: #000;
}

.footer.footer-redesign .social-icons i {
    font-size: 18px;
}

.newsletter.newsletter-cta .form-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 760px;
}

.newsletter.newsletter-cta .form-box input {
    width: 100%;
    max-width: 480px;
    min-height: 56px;
    padding: 14px 20px;
    border: 2px solid #ffc929;
    border-radius: 12px;
    background: #fff;
    color: #000;
    font-size: 16px;
    outline: 0;
}

.newsletter.newsletter-cta .form-box input::placeholder {
    color: #5f5f5f;
}

.newsletter.newsletter-cta .form-box .btn-solid-blue {
    min-width: 176px;
    min-height: 56px;
    padding: 14px 28px;
    border: 2px solid #ffc929;
    border-radius: 12px;
    background: #ffc929;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    transition: 0.3s ease;
}

.newsletter.newsletter-cta .form-box .btn-solid-blue:hover {
    background: #000000;
    border-color: #000;
    color: #fff;
}

.footer.footer-redesign .footer-bottom {
    background: #ffc929;
}

.footer.footer-redesign .footer-bottom .container {
    border-top: 0;
    margin-top: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer.footer-redesign .footer-bottom-col,
.footer.footer-redesign .footer-bottom-col a,
.footer.footer-redesign .footer-bottom-col strong {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.footer.footer-redesign .footer-bottom-col a {
    font-weight: 700;
}

.footer.footer-redesign #backToTop {
    position: fixed;
    right: 48px;
    top: auto;
    bottom: 25px;
    transform: translateY(20px);
    width: 44px;
    height: 44px;
    border: 2px solid #000;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-size: 22px;
    line-height: 1;
    transition: 0.3s ease-in;
}

.footer.footer-redesign #backToTop:hover{
    background-color: var(--gold);
    color:#000000;
}

@media (max-width: 1199px) {
    .footer.footer-redesign .footer-main .container {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
        column-gap: 40px;
        padding: 0px 40px !important;
    }
}

@media (max-width: 767px) {
    .footer.footer-redesign .footer-cta {
        padding: 64px 0;
    }

    .newsletter.newsletter-cta {
        margin-top: 40px;
        padding: 64px 0;
    }

    .footer.footer-redesign .footer-cta .container,
    .newsletter.newsletter-cta .container,
    .footer.footer-redesign .footer-main .container,
    .footer.footer-redesign .footer-bottom .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer.footer-redesign .footer-cta h2 {
        font-size: 34px;
    }

    .newsletter.newsletter-cta h2 {
        font-size: 22px;
    }

    .footer.footer-redesign .footer-cta p,
    .footer.footer-redesign .footer-brand-block p,
    .footer.footer-redesign ul li a,
    .footer.footer-redesign .footer-contact-list li a,
    .footer.footer-redesign .footer-contact-list li span {
        font-size: 15px;
    }

    .footer.footer-redesign .footer-main {
        padding: 42px 0 34px;
    }

    .footer.footer-redesign .footer-main .container {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 0px 20px !important;
    }

    .footer.footer-redesign .footer-links-block {
        padding-left: 0;
    }

    .footer.footer-redesign h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .footer.footer-redesign .footer-brand-block,
    .footer.footer-redesign .footer-links-block {
        align-items: start;
        text-align: center;
    }

    .footer.footer-redesign h3::after {
        left: 50%;
        transform: translateX(-75%);
    }

    .footer.footer-redesign .footer-links-block:last-child h3::after {
        left: 0;
        transform: none;
    }

    .footer.footer-redesign .footer-contact-list li,
    .footer.footer-redesign .social-icons {
        justify-content: start;
    }

    .newsletter.newsletter-cta .form-box {
        flex-direction: column;
    }

    .newsletter.newsletter-cta .form-box input,
    .newsletter.newsletter-cta .form-box .btn-solid-blue {
        width: 100%;
        max-width: 100%;
    }

    .footer.footer-redesign .footer-bottom .container {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .footer.footer-redesign #backToTop {
        right: 20px;
        top: auto;
        bottom: 20px;
        transform: translateY(20px);
    }
}


.course-listing-cards__section .container{
    max-width:75%;
    padding-top: 20px;
}


/* Animation CSS */

.animate-on-scroll {
    opacity: 0;
    transition: opacity 0.8s ease-in, transform 0.8s ease-in;
    will-change: opacity, transform;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: none;
}

.animate-fade-in {
    transform: translateY(24px);
}

.animate-zoom-in {
    transform: scale(0.8);
}

.animate-fade-out {
    opacity: 1;
}

.animate-fade-out.is-hidden {
    opacity: 0;
}

.animate-delay-1 {
    transition-delay: 0.1s;
}

.animate-delay-2 {
    transition-delay: 0.2s;
}

.animate-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.animate-fade-down {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.slick-slide.slick-cloned .animate-on-scroll {
    opacity: 1;
    transform: none;
}

.animate-fade-up.is-visible,
.animate-fade-down.is-visible {
    opacity: 1;
    transform: translateY(0);
}



.sign__forgot a {
    color: #ffc100;
}

.contactCloseBtn span{
    padding: 0px 10px;
}

.profile-hidden-mobile{
    display: none;
}

.homepage-testimonial-section .slick-next:before{
    content: "\f054";
    font-family: FontAwesome;
}

.homepage-testimonial-section .slick-prev:before{
    content: "\f053";
    font-family: FontAwesome;
}

/* ================================
   Unique Home Top CTA Section
   Enrol + Discovery Session
================================ */

.home-top-cta {
    position: relative;
    padding: 55px 0 40px;
    overflow: hidden;
}

.home-top-cta .container {
    position: relative;
    z-index: 2;
}

.home-top-cta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
    align-items: stretch;
}

.home-top-cta-card {
    position: relative;
    min-height: 245px;
    padding: 42px 42px 38px;
    border-radius: 28px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    isolation: isolate;
    border: 2px solid #000000;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.home-top-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
}

.home-top-cta-card::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    z-index: -1;
    transition: 0.35s ease;
}

.home-top-cta-card:hover {
    transform: translateY(-8px);
}

.home-top-cta-course {
    background: #000000;
    color: #ffffff;
}

.home-top-cta-course::before {
    background:
        linear-gradient(135deg, #000000 0%, #090909 55%, #1a1a1a 100%);
}

.home-top-cta-course::after {
    background: rgba(255, 201, 41, 0.18);
    box-shadow: 0 0 70px rgba(255, 201, 41, 0.30);
}

.home-top-cta-session {
    background: #ffc929;
    color: #000000;
}

.home-top-cta-session::before {
    background:
        linear-gradient(135deg, #ffc929 0%, #ffcb33 50%, #f4ae16 100%);
}

.home-top-cta-session::after {
    background: rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.16);
}

.home-top-cta-card:hover::after {
    transform: scale(1.18);
}

.home-top-cta-card > div {
    position: relative;
    z-index: 2;
    max-width: 620px;
}

.home-top-cta-card h2 {
    position: relative;
    font-size: clamp(26px, 2.4vw, 42px);
    line-height: 1.12;
    font-weight: 800;
    margin: 0 0 16px;
    letter-spacing: -0.6px;
}

.home-top-cta-course h2,
.home-top-cta-course p {
    color: #ffffff;
}

.home-top-cta-session h2,
.home-top-cta-session p {
    color: #000000;
}

.home-top-cta-card h2::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 16px;
    border-radius: 999px;
}

.home-top-cta-course h2::after {
    background: #ffc929;
}

.home-top-cta-session h2::after {
    background: #000000;
}

.home-top-cta-card p {
    font-size: 18px;
    line-height: 1.65;
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 560px;
}

.home-top-cta-btn {
    position: relative;
    z-index: 2;
    width: fit-content;
    min-width: 155px;
    min-height: 52px;
    padding: 14px 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 800;
    text-decoration: none;
    overflow: hidden;
    border: 2px solid transparent;
    transition: 0.35s ease;
}

.home-top-cta-btn::after {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.home-top-cta-btn:hover::after {
    transform: translateX(5px);
}

.home-top-cta-btn-blue {
    background: #ffc929;
    color: #000000;
    border-color: #ffc929;
}

.home-top-cta-btn-blue:hover {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    transform: translateY(-3px);
}

.home-top-cta-btn-green {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

.home-top-cta-btn-green:hover {
    background: #ffffff;
    color: #000000;
    border-color: #000000;
    transform: translateY(-3px);
}

/* Decorative labels */
.home-top-cta-course .home-top-cta-btn::before,
.home-top-cta-session .home-top-cta-btn::before {
    content: "";
}

.home-top-cta-card div::before {
    position: absolute;
    top: -16px;
    right: -5px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.4px;
    padding: 7px 12px;
    border-radius: 999px;
    opacity: 0.95;
}

/* Tablet */
@media (max-width: 1024px) {
    .home-top-cta {
        padding: 45px 0 55px;
    }

    .home-top-cta-grid {
        gap: 24px;
    }

    .home-top-cta-card {
        padding: 34px 30px;
        min-height: 230px;
        border-radius: 24px;
    }

    .home-top-cta-card p {
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .home-top-cta {
        padding: 36px 0 42px;
    }

    .home-top-cta-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .home-top-cta-card {
        min-height: auto;
        padding: 30px 22px;
        border-radius: 22px;
    }

    .home-top-cta-card div::before {
        position: static;
        display: inline-flex;
        margin-bottom: 14px;
        font-size: 11px;
    }

    .home-top-cta-card h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .home-top-cta-card h2::after {
        width: 58px;
        height: 3px;
        margin-top: 12px;
    }

    .home-top-cta-card p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 24px;
    }

    .home-top-cta-btn {
        width: 100%;
        min-height: 50px;
        font-size: 15px;
    }
}

/* Small Mobile */
@media (max-width: 420px) {
    .home-top-cta-card {
        padding: 26px 18px;
    }

    .home-top-cta-card h2 {
        font-size: 23px;
    }
}
/*
.learning-path-section {
    background: #ffffff;
    padding: 60px 0 45px;
}

.learning-path-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 34px;
    text-align: center;
}

.learning-path-title h2 {
    color: #000000;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    margin: 0;
}

.learning-path-title h2 strong {
    color: #f6b400;
}

.learning-path-title span {
    width: 90px;
    height: 2px;
    background: #f6b400;
    display: inline-block;
}

.learning-path-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}

.learning-path-card {
    border-radius: 18px;
    padding: 38px 34px;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.learning-path-light {
    background: #ffffff;
    border: 2px solid #f6b400;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
}

.learning-path-dark {
    background: #111111;
    border: 2px solid #f6b400;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    color: #ffffff;
}

.learning-path-top {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}

.learning-path-icon {
    width: 118px;
    height: 118px;
    min-width: 118px;
    border-radius: 50%;
    background: #fff7df;
    color: #f6b400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 46px;
}

.learning-path-dark .learning-path-icon {
    background: linear-gradient(135deg, #d9a600, #6f5300);
    color: #ffffff;
}

.learning-path-card h3 {
    color: #000000;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    margin: 12px 0 12px;
}

.learning-path-dark h3 {
    color: #ffffff;
}

.learning-path-line {
    width: 46px;
    height: 3px;
    background: #f6b400;
    margin-bottom: 20px;
}

.learning-path-card p {
    color: #222222;
    font-size: 17px;
    line-height: 1.55;
    margin: 0;
}

.learning-path-dark p {
    color: #ffffff;
}

.learning-path-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.14);
    margin: 28px 0;
}

.learning-path-dark .learning-path-divider {
    background: rgba(255, 255, 255, 0.18);
}

.learning-path-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.learning-path-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.learning-path-content ul li {
    color: #111111;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
    padding-left: 36px;
}

.learning-path-dark ul li {
    color: #ffffff;
}

.learning-path-content ul li:before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #f6b400;
    color: #f6b400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
}

.learning-path-price {
    background: #fff6df;
    border-radius: 12px;
    padding: 18px 26px;
    text-align: center;
    min-width: 190px;
}

.learning-path-price span {
    display: block;
    color: #8a6a00;
    font-size: 14px;
    margin-bottom: 4px;
}

.learning-path-price strong {
    color: #f6b400;
    font-size: 34px;
    line-height: 1;
}

.learning-path-btn {
    margin-top: 30px;
    min-height: 58px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 20px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.3s ease;
}

.learning-path-outline-btn {
    border: 1px solid #f6b400;
    color: #f6b400;
    background: #ffffff;
}

.learning-path-yellow-btn {
    background: #ffc929;
    color: #000000;
}

.learning-path-btn:hover {
    transform: translateY(-2px);
    background: #000000;
    color: #ffc929;
}

.learning-path-dark .learning-path-btn:hover {
    background: #ffffff;
    color: #000000;
}

.learning-path-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    margin-top: 34px;
}

.learning-path-features div {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #000000;
    font-size: 15px;
    line-height: 1.35;
}

.learning-path-features i {
    color: #f6b400;
    font-size: 34px;
}

@media (max-width: 991px) {
    .learning-path-grid {
        grid-template-columns: 1fr;
    }

    .learning-path-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .learning-path-section {
        padding: 40px 0 32px;
    }

    .learning-path-title span {
        display: none;
    }

    .learning-path-title h2 {
        font-size: 30px;
    }

    .learning-path-card {
        padding: 26px 20px;
        min-height: auto;
    }

    .learning-path-top {
        flex-direction: column;
        gap: 18px;
    }

    .learning-path-icon {
        width: 90px;
        height: 90px;
        min-width: 90px;
        font-size: 36px;
    }

    .learning-path-card h3 {
        font-size: 24px;
    }

    .learning-path-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .learning-path-price {
        width: 100%;
    }

    .learning-path-btn {
        font-size: 16px;
    }

    .learning-path-features {
        grid-template-columns: 1fr;
    }
}
 */

.footer-social-group{
    margin-top: 30px;
}



/* ================================
   AI Ethos Courses Learning Path
   Unique Premium Redesign
================================ */

.learning-path-section {
    position: relative;
    padding: 40px 0 60px;
    overflow: hidden;
}

.learning-path-section .container {
    position: relative;
    z-index: 2;
}

/* Heading */
.learning-path-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-bottom: 42px;
    text-align: center;
}

.learning-path-title h2 {
    position: relative;
    color: #000000;
    font-size: clamp(30px, 3.2vw, 40px);
    line-height: 1.15;
    font-weight: 900;
    margin: 0;
    letter-spacing: -0.8px;
}

.learning-path-title span {
    width: 100px;
    height: 3px;
    border-radius: 999px;
    display: inline-block;
}

/* Grid */
.learning-path-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
    align-items: stretch;
}

/* Cards */
.learning-path-card {
    position: relative;
    min-height: 530px;
    padding: 42px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    isolation: isolate;
    border: 2px solid #000000;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.learning-path-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
}

.learning-path-card::after {
    content: "";
    position: absolute;
    right: -72px;
    top: -72px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    z-index: -1;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.learning-path-card:hover {
    transform: translateY(-10px);
}

.learning-path-card:hover::after {
    transform: scale(1.18);
}

/* Light Card */
.learning-path-light {
    color: #000000;
}

.learning-path-light::before {
    background:
        linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #fff6d8 100%);
}


.learning-path-light:hover {
    border-color: #ffc929;
    box-shadow: 0 30px 75px rgba(0, 0, 0, 0.18);
}

/* Dark Card */
.learning-path-dark {
    color: #ffffff;
    border-color: #ffc929;
}

.learning-path-dark::before {
    background:
        linear-gradient(135deg, #000000 0%, #111111 62%, #000000 100%);
}

.learning-path-dark:hover {
    box-shadow: 0 32px 85px rgba(0, 0, 0, 0.36);
}

/* Card Labels */
.learning-path-light .learning-path-top::before,
.learning-path-dark .learning-path-top::before {
    position: absolute;
    top: 28px;
    right: 28px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


/* Top Area */
.learning-path-top {
    position: relative;
    display: grid;
    grid-template-columns: 105px 1fr;
    gap: 26px;
    align-items: flex-start;
    padding-right: 120px;
}

.learning-path-icon {
    width: 105px;
    height: 105px;
    min-width: 105px;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-4deg);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.learning-path-icon i {
    font-size: 34px;
    line-height: 1;
}

.learning-path-card:hover .learning-path-icon {
    transform: rotate(0deg) scale(1.06);
}

.learning-path-light .learning-path-icon {
    background: #fff3c9;
    color: #000000;
    border: 2px solid #ffc929;
}

.learning-path-dark .learning-path-icon {
    background: #ffc929;
    color: #000000;
    border: 2px solid rgba(255, 255, 255, 0.16);

}

.learning-path-card h3 {
    font-size: clamp(26px, 2.2vw, 36px);
    line-height: 1.2;
    font-weight: 900;
    margin: 8px 0 12px;
    letter-spacing: -0.4px;
}

.learning-path-light h3 {
    color: #000000;
}

.learning-path-dark h3 {
    color: #ffffff;
}

.learning-path-line {
    width: 68px;
    height: 4px;
    border-radius: 999px;
    background: #ffc929;
    margin-bottom: 18px;
}

.learning-path-card p {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
    margin: 0;
}

.learning-path-light p {
    color: #222222;
}

.learning-path-dark p {
    color: rgba(255, 255, 255, 0.90);
}

/* Divider */
.learning-path-divider {
    height: 1px;
    margin: 32px 0;
}

.learning-path-light .learning-path-divider {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.22), transparent);
}

.learning-path-dark .learning-path-divider {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
}

/* List */
.learning-path-content {
    display: block;
    margin-bottom: auto;
}

.learning-path-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.learning-path-content ul li {
    position: relative;
    margin: 0;
    padding: 14px 16px 14px 48px;
    border-radius: 16px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.learning-path-light ul li {
    background: rgba(255, 201, 41, 0.13);
    color: #000000;
    border: 1px solid rgba(255, 201, 41, 0.34);
}

.learning-path-dark ul li {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.learning-path-content ul li::before {
    content: "\2713";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffc929;
    color: #000000;
    font-size: 13px;
    font-weight: 900;
}

/* Buttons */
.learning-path-btn {
    position: relative;
    min-height: 60px;
    margin-top: 36px;
    padding: 15px 64px 15px 28px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.35s ease;
}

/* ================================
   Learning Path Button Arrow Icon
   Same Style Like Footer Buttons
================================ */

.learning-path-btn > span {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
    line-height: 1;
    overflow: hidden;
    transition: all 0.35s ease;
}

.learning-path-btn > span::before {
    content: "\f061";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
}

/* First Button Arrow */
.learning-path-outline-btn > span {
    background: #ffc929;
    color: #000000;
}

.learning-path-outline-btn:hover > span {
    background: #000000;
    color: #ffc929;
    transform: translateY(-50%) rotate(-35deg);
}

/* Second Button Arrow */
.learning-path-yellow-btn > span {
    background: #000000;
    color: #ffc929;
}

.learning-path-yellow-btn:hover > span {
    background: #ffc929;
    color: #000000;
    transform: translateY(-50%) rotate(-35deg);
}

/* Mobile Arrow Size */
@media (max-width: 767px) {
    .learning-path-btn > span {
        right: 14px;
        width: 30px;
        height: 30px;
    }

    .learning-path-btn > span::before {
        font-size: 12px;
    }
}

.learning-path-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -110%;
    width: 80%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.42), transparent);
    transform: skewX(-20deg);
    transition: 0.65s ease;
}

.learning-path-btn:hover::before {
    left: 130%;
}

.learning-path-btn span {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

.learning-path-outline-btn {
    background: #000000;
    color: #ffc929;
    border: 2px solid #000000;
}

.learning-path-outline-btn span {
    background: #ffc929;
    color: #000000;
}

.learning-path-outline-btn:hover {
    background: #ffc929;
    color: #000000;
    border-color: #ffc929;
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(255, 201, 41, 0.30);
}

.learning-path-outline-btn:hover span {
    background: #000000;
    color: #ffc929;
    transform: translateY(-50%) rotate(-35deg);
}

.learning-path-yellow-btn {
    background: #ffc929;
    color: #000000;
    border: 2px solid #ffc929;
}

.learning-path-yellow-btn span {
    background: #000000;
    color: #ffc929;
}

.learning-path-yellow-btn:hover {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(255, 201, 41, 0.25);
}

.learning-path-yellow-btn:hover span {
    background: #ffc929;
    color: #000000;
    transform: translateY(-50%) rotate(-35deg);
}

/* Remove unused old elements safely */
.learning-path-price,
.learning-path-features {
    display: none;
}

/* Tablet */
@media (max-width: 1199px) {
    .learning-path-card {
        padding: 34px 28px;
    }

    .learning-path-top {
        grid-template-columns: 88px 1fr;
        gap: 22px;
        padding-right: 95px;
    }

    .learning-path-icon {
        width: 88px;
        height: 88px;
        min-width: 88px;
        border-radius: 24px;
    }

    .learning-path-icon i {
        font-size: 30px;
    }

    .learning-path-content ul {
        grid-template-columns: 1fr;
    }
}

/* Mobile / Tablet */
@media (max-width: 991px) {
    .learning-path-section {
        padding: 62px 0 50px;
    }

    .learning-path-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .learning-path-card {
        min-height: auto;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .learning-path-section {
        padding: 45px 0 36px;
    }

    .learning-path-title {
        gap: 0;
        margin-bottom: 28px;
    }

    .learning-path-title span {
        display: none;
    }

    .learning-path-title h2 {
        font-size: 28px;
    }

    .learning-path-title h2::after {
        font-size: 11px;
        line-height: 1.35;
        padding: 7px 12px;
        max-width: 260px;
    }

    .learning-path-card {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .learning-path-light .learning-path-top::before,
    .learning-path-dark .learning-path-top::before {
        position: static;
        width: fit-content;
        margin-bottom: 16px;
        display: inline-flex;
        order: -1;
    }

    .learning-path-top {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-right: 0;
    }

    .learning-path-icon {
        width: 78px;
        height: 78px;
        min-width: 78px;
        border-radius: 20px;
    }

    .learning-path-icon i {
        font-size: 26px;
    }

    .learning-path-card h3 {
        font-size: 24px;
        margin-top: 0;
    }

    .learning-path-card p {
        font-size: 15px;
    }

    .learning-path-divider {
        margin: 24px 0;
    }

    .learning-path-content ul {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .learning-path-content ul li {
        font-size: 15px;
        padding: 13px 14px 13px 46px;
    }

    .learning-path-btn {
        min-height: 56px;
        margin-top: 28px;
        padding: 14px 58px 14px 18px;
        border-radius: 16px;
        font-size: 15px;
    }

    .learning-path-btn span {
        right: 14px;
        width: 30px;
        height: 30px;
    }
}

/* Small Mobile */
@media (max-width: 420px) {
    .learning-path-card {
        padding: 24px 16px;
    }

    .learning-path-title h2 {
        font-size: 25px;
    }

    .learning-path-card h3 {
        font-size: 22px;
    }
}


/* ================================
AI Ethos Footer CTA Buttons
Unique Black + Gold Design
================================ */

.footer.footer-redesign .footer-brand-cta {
 display: flex;
 flex-direction: column;
 gap: 16px;
 margin-top: 10px;
 max-width: 310px;
}

.footer.footer-redesign .footer-cta-btn {
 position: relative;
 width: 100%;
 min-height: 58px;
 padding: 15px 54px 15px 22px;
 border-radius: 16px;
 display: inline-flex;
 align-items: center;
 justify-content: flex-start;
 text-decoration: none;
 font-size: 17px;
 line-height: 1.25;
 font-weight: 800;
 overflow: hidden;
 isolation: isolate;
 border: 2px solid #ffc929;
 transition: all 0.35s ease;
}

/* right arrow circle */
.footer.footer-redesign .footer-cta-btn::after {
 content: "\f061";
 font-family: FontAwesome;
 position: absolute;
 right: 14px;
 top: 50%;
 transform: translateY(-50%);
 width: 34px;
 height: 34px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 13px;
 transition: all 0.35s ease;
}

/* shine animation */
.footer.footer-redesign .footer-cta-btn::before {
 content: "";
 position: absolute;
 top: 0;
 left: -120%;
 width: 80%;
 height: 100%;
 background: linear-gradient(
     120deg,
     transparent,
     rgba(255, 255, 255, 0.35),
     transparent
 );
 transform: skewX(-20deg);
 transition: 0.65s ease;
 z-index: -1;
}

.footer.footer-redesign .footer-cta-btn:hover::before {
 left: 130%;
}

/* First Button */
.footer.footer-redesign .footer-cta-primary {
 background: #ffc929;
 color: #000000 !important;
 box-shadow: 0 12px 28px rgba(255, 201, 41, 0.22);
}

.footer.footer-redesign .footer-cta-primary::after {
 background: #000000;
 color: #ffc929;
}

.footer.footer-redesign .footer-cta-primary:hover {
 background: #000000;
 color: #ffc929 !important;
 transform: translateY(-5px);
 box-shadow: 0 16px 34px rgba(255, 201, 41, 0.32);
}

.footer.footer-redesign .footer-cta-primary:hover::after {
 background: #ffc929;
 color: #000000;
 transform: translateY(-50%) rotate(-35deg);
}

/* Second Button */
.footer.footer-redesign .footer-cta-secondary {
 background: transparent;
 color: #ffc929 !important;
 box-shadow: inset 0 0 0 1px rgba(255, 201, 41, 0.18);
}

.footer.footer-redesign .footer-cta-secondary::after {
 background: #ffc929;
 color: #000000;
}

.footer.footer-redesign .footer-cta-secondary:hover {
 background: #ffc929;
 color: #000000 !important;
 transform: translateY(-5px);
 box-shadow: 0 16px 34px rgba(255, 201, 41, 0.28);
}

.footer.footer-redesign .footer-cta-secondary:hover::after {
 background: #000000;
 color: #ffc929;
 transform: translateY(-50%) rotate(-35deg);
}


/* Mobile */
@media (max-width: 767px) {
 .footer.footer-redesign .footer-brand-cta {
     max-width: 100%;
     width: 100%;
     gap: 14px;
     margin-top: 22px;
 }

 .footer.footer-redesign .footer-cta-btn {
     min-height: 54px;
     padding: 14px 50px 14px 18px;
     font-size: 15px;
     border-radius: 14px;
 }

 .footer.footer-redesign .footer-cta-btn::after {
     width: 30px;
     height: 30px;
     right: 12px;
     font-size: 12px;
 }

 .footer.footer-redesign .footer-brand-cta::before {
     margin: 0 auto;
 }
}


/* ================================
AI Ethos Founder About Page
Clean White + Minimal Gold Design
================================ */

   .ai-founder-about-section {
     position: relative;
     padding: 70px 0;
     background: #ffffff;
     overflow: hidden;
   }

   .ai-founder-container {
     max-width: 1280px;
     width: 90%;
     margin: 0 auto;
   }

   /* Founder Hero */
   .ai-founder-hero {
     display: grid;
     grid-template-columns: 0.9fr 1.1fr;
     gap: 55px;
     align-items: center;
     margin-bottom: 70px;
   }

   /* Image Card */
   .ai-founder-image-card {
     position: relative;
     background: #ffffff;
     border: 1px solid #e8e8e8;
     border-radius: 24px;
     padding: 18px;
     box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
   }

   .ai-founder-photo-wrap {
     border-radius: 18px;
     overflow: hidden;
     background: #f5f5f5;
   }

   .ai-founder-photo {
     width: 100%;
     height: 500px;
     object-fit: cover;
     object-position: center;
     transition: 0.35s ease;
   }

   .ai-founder-image-card:hover .ai-founder-photo {
     transform: scale(1.03);
   }

   .ai-founder-badge {
     margin-top: 16px;
     padding: 18px 20px;
     border-radius: 16px;
     background: #000000;
     border-left: 5px solid #ffc929;
   }

   .ai-founder-badge span {
     display: block;
     color: #ffc929;
     font-size: 20px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     margin-bottom: 8px;
   }

   .ai-founder-badge strong {
     display: block;
     color: #ffffff;
     font-size: 15px;
     line-height: 1.35;
     font-weight: 800;
   }

   /* Content */
   .ai-founder-content {
     position: relative;
   }

   .ai-founder-label {
     display: inline-flex;
     margin-bottom: 16px;
     padding: 8px 14px;
     border-radius: 999px;
     background: var(--gold);
     color: #000000;
     border: 1px solid #e6e6e6;
     font-size: 13px;
     line-height: 1;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 0.4px;
   }

   .ai-founder-title {
     color: #000000;
     font-size: clamp(34px, 4vw, 40px);
     line-height: 1.12;
     font-weight: 900;
     letter-spacing: -0.8px;
     margin: 0 0 24px;
   }

   .ai-founder-title span {
     display: block;
     color: #000000;
     font-size: inherit;
     position: relative;
     width: fit-content;
   }

   .ai-founder-title span::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 4px;
     width: 100%;
     height: 10px;
     background: rgba(255, 201, 41, 0.35);
     z-index: -1;
     border-radius: 999px;
   }

   .ai-founder-name {
     color: #000000;
     font-size: clamp(25px, 2.2vw, 34px);
     line-height: 1.25;
     font-weight: 800;
     margin: 0 0 8px;
   }

   .ai-founder-role {
     color: #555555 !important;
     font-size: 17px;
     font-weight: 700;
     margin-bottom: 22px;
     padding-left: 14px;
     border-left: 4px solid #ffc929;
   }

   .ai-founder-content p {
     color: #333333;
     font-size: 17px;
     line-height: 1.8;
     font-weight: 500;
     margin-bottom: 18px;
   }

   .ai-founder-content p strong {
     color: #000000;
     font-weight: 800;
   }

   /* Section Heading */
   .ai-section-heading {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 18px;
     text-align: center;
     margin-bottom: 34px;
   }

   .ai-section-heading h2 {
     color: #000000;
     font-size: clamp(28px, 3vw, 40px);
     line-height: 1.15;
     font-weight: 900;
     margin: 0;
   }

   .ai-section-heading span {
     width: 70px;
     height: 2px;
     background: #ffc929;
     border-radius: 999px;
   }

   /* Credentials */
   .ai-founder-credentials-section {
     margin-bottom: 70px;
   }

   .ai-founder-credentials-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 26px;
     align-items: stretch;
   }

   .ai-founder-info-card {
     background: #ffffff;
     border: 2px solid #e6e6e6;
     border-radius: 22px;
     padding: 30px 26px;
     box-shadow: 0 14px 36px rgba(0, 0, 0, 0.07);
     transition: 0.3s ease;
   }

   .ai-founder-info-card:hover {
     transform: translateY(-6px);
     border-color: var(--gold);
     box-shadow: 0 22px 52px rgba(0, 0, 0, 0.12);
   }

   .ai-card-dark {
     background: #000000;
     border-color: #000000;
   }

   .ai-card-yellow {
     background: #ffffff;
   }

   .ai-card-light {
     background: #ffffff;
   }

   .ai-card-icon {
     width: 54px;
     height: 54px;
     border-radius: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
     background: var(--gold);
     color: #000000;
     border: 1px solid #e5e5e5;
   }

   .ai-card-dark .ai-card-icon {
     background: #ffc929;
     color: #000000;
     border-color: #ffc929;
   }

   .ai-card-icon i {
     font-size: 22px;
   }

   .ai-founder-info-card h3 {
     font-size: 24px;
     line-height: 1.25;
     font-weight: 900;
     margin: 0 0 22px;
     color: #000000;
   }

   .ai-card-dark h3 {
     color: #ffffff;
   }

   .ai-founder-info-card ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 12px;
   }

   .ai-founder-info-card ul li {
     position: relative;
     margin: 0;
     padding-left: 30px;
     font-size: 16px;
     line-height: 1.55;
     font-weight: 600;
     color: #333333;
   }

   .ai-card-dark ul li {
     color: rgba(255, 255, 255, 0.9);
   }

   .ai-founder-info-card ul li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 9px;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #ffc929;
   }

   .ai-card-dark ul li::before {
     background: #ffc929;
   }

   /* Mission */
   .ai-founder-mission {
     display: grid;
     grid-template-columns: 90px 1fr;
     gap: 28px;
     align-items: center;
     margin-bottom: 70px;
     padding: 36px;
     border-radius: 24px;
     background: #f8f8f8;
     border: 1px solid #e8e8e8;
   }

   .ai-founder-mission-icon {
     width: 90px;
     height: 90px;
     border-radius: 22px;
     background: #000000;
     color: #ffc929;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .ai-founder-mission-icon i {
     font-size: 34px;
   }

   .ai-founder-mission-content span {
     display: inline-flex;
     margin-bottom: 12px;
     padding: 7px 13px;
     border-radius: 999px;
     background: var(--gold);
     color: #000000;
     border: 1px solid #e0e0e0;
     font-size: 12px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 0.4px;
     text-transform: uppercase;
   }

   .ai-founder-mission-content h2 {
     color: #000000;
     font-size: clamp(27px, 3vw, 38px);
     line-height: 1.2;
     font-weight: 900;
     margin: 0 0 14px;
   }

   .ai-founder-mission-content p {
     color: #333333;
     font-size: 17px;
     line-height: 1.75;
     font-weight: 500;
     margin: 0;
   }

   /* CTA */
   .ai-founder-cta {
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 30px;
     align-items: center;
     padding: 38px;
     border-radius: 24px;
     background: #000000;
     border: 1px solid #000000;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
   }

   .ai-founder-cta-content span {
     display: inline-flex;
     margin-bottom: 12px;
     padding: 7px 13px;
     border-radius: 999px;
     background: rgba(255, 201, 41, 0.12);
     color: #ffc929;
     border: 1px solid rgba(255, 201, 41, 0.28);
     font-size: 12px;
     line-height: 1;
     font-weight: 800;
     letter-spacing: 0.4px;
     text-transform: uppercase;
   }

   .ai-founder-cta-content h2 {
     color: #ffffff;
     font-size: clamp(25px, 2.5vw, 36px);
     line-height: 1.25;
     font-weight: 900;
     margin: 0;
   }

   .ai-founder-cta-buttons {
     display: flex;
     flex-direction: column;
     gap: 14px;
     min-width: 300px;
   }

   .ai-founder-cta-btn {
     position: relative;
     width: 100%;
     min-height: 56px;
     padding: 15px 54px 15px 22px;
     border-radius: 15px;
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
     text-decoration: none;
     font-size: 16px;
     line-height: 1.25;
     font-weight: 900;
     overflow: hidden;
     border: 2px solid #ffc929;
     transition: all 0.35s ease;
   }

   .ai-founder-cta-btn::after {
     content: "\f061";
     font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
     font-weight: 900;
     position: absolute;
     right: 14px;
     top: 50%;
     transform: translateY(-50%);
     width: 32px;
     height: 32px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 13px;
     transition: all 0.35s ease;
   }

   .ai-founder-cta-primary {
     background: #ffc929;
     color: #000000 !important;
   }

   .ai-founder-cta-primary::after {
     background: #000000;
     color: #ffc929;
   }

   .ai-founder-cta-primary:hover {
     background: #ffffff;
     border-color: #ffffff;
     color: #000000 !important;
     transform: translateY(-4px);
   }

   .ai-founder-cta-primary:hover::after {
     background: #000000;
     color: #ffc929;
     transform: translateY(-50%) rotate(-35deg);
   }

   .ai-founder-cta-secondary {
     background: transparent;
     color: #ffffff !important;
   }

   .ai-founder-cta-secondary::after {
     background: #ffc929;
     color: #000000;
   }

   .ai-founder-cta-secondary:hover {
     background: #ffc929;
     color: #000000 !important;
     transform: translateY(-4px);
   }

   .ai-founder-cta-secondary:hover::after {
     background: #000000;
     color: #ffc929;
     transform: translateY(-50%) rotate(-35deg);
   }

   /* Team Optional */
   .ai-founder-team-section {
     margin-bottom: 70px;
   }

   .ai-founder-team-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 26px;
   }

   .ai-founder-team-card {
     padding: 24px;
     border-radius: 20px;
     background: #ffffff;
     border: 1px solid #e6e6e6;
     box-shadow: 0 14px 36px rgba(0, 0, 0, 0.07);
     text-align: center;
   }

   .ai-founder-team-card img {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     object-fit: cover;
     margin: 0 auto 18px;
     border: 3px solid #f0f0f0;
   }

   .ai-founder-team-card h3 {
     color: #000000;
     font-size: 22px;
     font-weight: 900;
     margin-bottom: 10px;
   }

   .ai-founder-team-card p {
     color: #333333;
     font-size: 15px;
     line-height: 1.7;
     margin: 0;
   }

   /* Tablet */
   @media (max-width: 1199px) {
     .ai-founder-hero {
       grid-template-columns: 1fr 1fr;
       gap: 34px;
     }

     .ai-founder-photo {
       height: 450px;
     }

     .ai-founder-credentials-grid {
       grid-template-columns: 1fr 1fr;
     }

     .ai-card-light {
       grid-column: 1 / -1;
     }
   }

   /* Tablet / Mobile */
   @media (max-width: 991px) {
     .ai-founder-about-section {
       padding: 55px 0;
     }

     .ai-founder-hero {
       grid-template-columns: 1fr;
       margin-bottom: 55px;
     }

     .ai-founder-image-card {
       max-width: 560px;
       margin: 0 auto;
     }

     .ai-founder-content {
       text-align: center;
     }

     .ai-founder-title span {
       margin: 0 auto;
     }

     .ai-founder-role {
       display: inline-block;
       padding-left: 0;
       border-left: 0;
       border-bottom: 3px solid #ffc929;
       padding-bottom: 8px;
     }

     .ai-founder-credentials-grid {
       grid-template-columns: 1fr;
     }

     .ai-card-light {
       grid-column: auto;
     }

     .ai-founder-mission {
       grid-template-columns: 1fr;
       text-align: center;
     }

     .ai-founder-mission-icon {
       margin: 0 auto;
     }

     .ai-founder-cta {
       grid-template-columns: 1fr;
       text-align: center;
     }

     .ai-founder-cta-buttons {
       width: 100%;
       min-width: 0;
     }
   }

   /* Mobile */
   @media (max-width: 767px) {
     .ai-founder-about-section {
       padding: 42px 0;
     }

     .ai-founder-container {
       width: 92%;
     }

     .ai-founder-image-card {
       padding: 14px;
       border-radius: 20px;
     }

     .ai-founder-photo {
       height: 330px;
     }

     .ai-founder-title {
       font-size: 29px;
     }

     .ai-founder-name {
       font-size: 23px;
     }

     .ai-founder-content p {
       font-size: 15px;
       line-height: 1.75;
     }

     .ai-section-heading span {
       display: none;
     }

     .ai-section-heading h2 {
       font-size: 27px;
     }

     .ai-founder-info-card {
       padding: 26px 20px;
       border-radius: 18px;
     }

     .ai-founder-info-card h3 {
       font-size: 21px;
     }

     .ai-founder-info-card ul li {
       font-size: 15px;
     }

     .ai-founder-mission {
       padding: 28px 20px;
       border-radius: 20px;
     }

     .ai-founder-mission-icon {
       width: 78px;
       height: 78px;
       border-radius: 18px;
     }

     .ai-founder-mission-icon i {
       font-size: 28px;
     }

     .ai-founder-mission-content h2 {
       font-size: 24px;
     }

     .ai-founder-mission-content p {
       font-size: 15px;
     }

     .ai-founder-cta {
       padding: 28px 20px;
       border-radius: 20px;
     }

     .ai-founder-cta-content h2 {
       font-size: 23px;
     }

     .ai-founder-cta-btn {
       min-height: 54px;
       padding: 14px 50px 14px 18px;
       font-size: 15px;
     }

     .ai-founder-cta-btn::after {
       width: 30px;
       height: 30px;
       right: 12px;
       font-size: 12px;
     }
   }

   @media (max-width: 420px) {
     .ai-founder-photo {
       height: 285px;
     }

     .ai-founder-title {
       font-size: 25px;
     }
   }

   /* ================================
AI Founder CTA Button Shine Effect
Same Like Footer Buttons
================================ */

   .ai-founder-cta-btn {
     isolation: isolate;
   }

   /* shine layer */
   .ai-founder-cta-btn::before {
     content: "";
     position: absolute;
     top: 0;
     left: -120%;
     width: 80%;
     height: 100%;
     background: linear-gradient(
       120deg,
       transparent,
       rgba(255, 255, 255, 0.38),
       transparent
     );
     transform: skewX(-20deg);
     transition: 0.65s ease;
     z-index: 1;
     pointer-events: none;
   }

   /* move shine on hover */
   .ai-founder-cta-btn:hover::before {
     left: 130%;
   }

   /* keep arrow above shine */
   .ai-founder-cta-btn::after {
     z-index: 2;
   }

   /* stronger shine for secondary black button */
   .ai-founder-cta-secondary::before {
     background: linear-gradient(
       120deg,
       transparent,
       rgba(255, 201, 41, 0.3),
       transparent
     );
   }

   /* ===================================
Certification Partner Section
=================================== */

.ai-certification-partner-section {
 margin-bottom:70px;
 position:relative;
}


.ai-certification-partner-inner {
 position:relative;
 padding:55px 60px;
 border-radius:30px;
 background:#ffffff;
 border:1px solid #e6e6e6;
 box-shadow:0 20px 50px rgba(0,0,0,0.08);
 overflow:hidden;
}


/* Gold corner element */

.ai-certification-partner-inner::before {
 content:"";
 position:absolute;
 top:-90px;
 right:-90px;
 width:220px;
 height:220px;
 border-radius:50%;
 background:rgba(255,201,41,0.18);
}


.ai-certification-partner-inner::after {
 content:"";
 position:absolute;
 bottom:-80px;
 left:-80px;
 width:180px;
 height:180px;
 border-radius:50%;
 background:rgba(255,201,41,0.10);
}


/* Heading */

.ai-certification-title-wrap {
 position:relative;
 z-index:2;
 text-align:center;
 margin-bottom:35px;
}


.ai-certification-title-wrap h2 {
 display:inline-block;
 position:relative;
 margin:0;
 color:#000000;
 font-size:38px;
 line-height:1.2;
 font-weight:900;
}


.ai-certification-title-wrap h2::after {
 content:"";
 position:absolute;
 bottom:-12px;
 left:50%;
 transform:translateX(-50%);
 width:90px;
 height:4px;
 border-radius:20px;
 background:#ffc929;
}


/* Content */

.ai-certification-text-box {
 position:relative;
 z-index:2;
 max-width:950px;
 margin:auto;
 padding:35px 45px;
 border-radius:22px;
 background:#000000;
 border-left:6px solid #ffc929;
}


.ai-certification-text-box p {
 margin:0;
 color:#ffffff;
 font-size:17px;
 line-height:1.8;
 font-weight:500;
 text-align:center;
}



/* Tablet */

@media(max-width:991px){

 .ai-certification-partner-inner {
     padding:45px 30px;
 }


 .ai-certification-title-wrap h2 {
     font-size:32px;
 }


 .ai-certification-text-box {
     padding:30px 25px;
 }

}


/* Mobile */

@media(max-width:767px){

 .ai-certification-partner-inner {
     padding:35px 18px;
     border-radius:22px;
 }


 .ai-certification-title-wrap h2 {
     font-size:27px;
 }


 .ai-certification-text-box {
     padding:25px 18px;
     border-left-width:4px;
 }


 .ai-certification-text-box p {
     font-size:15px;
     line-height:1.7;
 }

}



.footer.footer-redesign .footer-bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer.footer-redesign .footer-bottom-col {
    text-align: center;
    width: 100%;
}

.footer.footer-redesign .footer-credit-small {
    position: absolute;
    right: 95px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    line-height: 1.2;
    color: #000000;
    white-space: nowrap;
}

.footer.footer-redesign .footer-credit-small a {
    color: #000000;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.35s ease;
    font-size: 10px;
}

.footer.footer-redesign .footer-credit-small a:hover {
    font-weight: 700;
}

.footer.footer-redesign #backToTop {
    position: fixed;
    right: 50px;
    bottom: -15px;
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .footer.footer-redesign .footer-bottom-inner {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }

    .footer.footer-redesign .footer-credit-small {
        position: static;
        transform: none;
        right: auto;
        font-size: 10px;
        margin-top: 3px;
    }

    .footer.footer-redesign #backToTop {
        position: fixed;
        right: 16px;
        bottom: 20px;
        top: auto;
        transform: translateY(20px);
        margin-top: 0;
    }
}

/* ===============================
   AI Ethos Custom Page Loader
================================ */

#page-loader {
    position: fixed;
    inset: 0;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity 0.45s ease, visibility 0.45s ease;
}

#page-loader.hide {
    opacity: 0;
    visibility: hidden;
}

.aiethos-loader {
    width: 170px;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.aiethos-loader-logo-wrap {
    position: relative;
    width: 115px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aiethos-loader-circle {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, 0.08);
    border-top-color: #ffb800;
    border-right-color: #ffb800;
    animation: aiethosRotate 1s linear infinite;
}

.aiethos-loader-logo {
    width: 50px;
    height: 50px;
    background: #000000;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
    animation: aiethosPulse 1.5s ease-in-out infinite;
}

.aiethos-loader-logo img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.aiethos-loader-name {
    margin-top: 18px;
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    color: #000000;
    letter-spacing: 0.2px;
}

.aiethos-loader-text {
    margin-top: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000000;
}

.aiethos-loader-text::after {
    content: "";
    animation: aiethosDots 1.2s steps(4, end) infinite;
}

@keyframes aiethosRotate {
    to {
        transform: rotate(360deg);
    }
}

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

    50% {
        transform: scale(1.05);
    }
}

@keyframes aiethosDots {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75%, 100% {
        content: "...";
    }
}


@media (max-width: 767px) {
    .iti {
        position: relative;
        z-index: 1000000001 !important;
        width: 100%;
    }

    .iti__dropdown {
        z-index: 1000000001 !important;
        max-height: 200px !important;
        overflow-y: auto !important;
        top: 100% !important;
        position: absolute !important;
    }

    .iti__country-list {
        z-index: 1000000001 !important;
        max-height: 200px !important;
        bottom: 19% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .iti {
        position: relative;
        z-index: 1000000001 !important;
        width: 100%;
    }

    .iti__dropdown {
        z-index: 1000000001 !important;
        max-height: 200px !important;
        overflow-y: auto !important;
        top: 100% !important;
        position: absolute !important;
    }

    .iti__country-list {
        z-index: 1000000001 !important;
        max-height: 200px !important;
    }
<<<<<<< HEAD
}
=======
}
>>>>>>> 74943577fc7eabae20a5109044fc85c5b2143b43