:root {

    --ks-ink: #1a1729;

    --ks-indigo: #4540e1;

    --ks-violet: #d196fb;

    --ks-gold: #f2bc00;

    --ks-lilac: #f6f2ff;

    --ks-paper: #fbfaff;

    --ks-copy: #625f71;

    --ks-line: rgba(26, 23, 41, 0.1);

    --ks-shadow: 0 18px 55px rgba(35, 29, 82, 0.09);

    --ks-glass: rgba(255, 255, 255, 0.68);

    --ks-glass-border: rgba(255, 255, 255, 0.78);

    --ks-button-gradient: linear-gradient(110deg, #4540e1 0%, #7a45e8 52%, #bd45c6 100%);

}



html {

    scroll-behavior: smooth;

}



body {

    color: var(--ks-copy);

    background:

        radial-gradient(ellipse at 2% 13%, rgba(209, 150, 251, 0.09), transparent 25%),

        radial-gradient(ellipse at 97% 42%, rgba(69, 64, 225, 0.055), transparent 24%),

        radial-gradient(ellipse at 12% 78%, rgba(242, 188, 0, 0.07), transparent 23%),

        #fff;

    background-size: 150% 150%, 150% 150%, 150% 150%, auto;

    font-family: "Urbanist", "Futura PT", sans-serif;

    -webkit-font-smoothing: antialiased;

    overflow-x: clip;

}



body::before,

body::after {

    position: fixed;

    z-index: 1;

    width: 190px;

    height: 310px;

    border-radius: 50%;

    content: "";

    pointer-events: none;

    opacity: 0.22;

    filter: blur(30px);

}



body::before {

    top: 18%;

    left: -145px;

    background: radial-gradient(ellipse, rgba(209, 150, 251, 0.68), rgba(69, 64, 225, 0.06) 68%, transparent 76%);

    animation: ks-side-float-left 17s ease-in-out infinite alternate;

}



body::after {

    right: -150px;

    bottom: 12%;

    background: radial-gradient(ellipse, rgba(69, 64, 225, 0.5), rgba(242, 188, 0, 0.08) 68%, transparent 76%);

    animation: ks-side-float-right 21s ease-in-out infinite alternate;

}



@keyframes ks-ambient-gradient-drift {

    from { background-position: 0% 45%, 100% 40%, 12% 78%, 0 0; }

    to { background-position: 15% 55%, 85% 50%, 0% 68%, 0 0; }

}



@keyframes ks-section-gradient-drift {

    from { background-position: 0% 48%; }

    to { background-position: 100% 52%; }

}



@keyframes ks-side-float-left {

    from { transform: translate3d(0, -18px, 0) rotate(-8deg); }

    to { transform: translate3d(36px, 34px, 0) rotate(8deg); }

}



@keyframes ks-side-float-right {

    from { transform: translate3d(0, 20px, 0) rotate(8deg); }

    to { transform: translate3d(-38px, -28px, 0) rotate(-8deg); }

}



body,

button,

input,

select,

textarea {

    font-family: "Urbanist", "Futura PT", sans-serif;

}



::selection {

    color: #fff;

    background: var(--ks-indigo);

}



a {

    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;

}



.container {

    max-width: 1200px;

}



#header {

    position: relative;

    z-index: 1000;

}



#header .wpo-site-header {

    padding: 12px clamp(16px, 4vw, 56px);

}



#header .wpo-site-header .navigation {

    max-width: 1440px;

    margin: 0 auto;

    padding: 8px 18px;

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

    border-radius: 999px;

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

    box-shadow: 0 12px 36px rgba(58, 46, 115, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    -webkit-backdrop-filter: blur(22px) saturate(155%);

    backdrop-filter: blur(22px) saturate(155%);

}



#header .wpo-site-header .navigation.sticky-header {

    left: 50%;

    width: calc(100% - 32px);

    max-width: 1440px;

    transform: translateX(-50%);

    border-color: rgba(255, 255, 255, 0.82);

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

    box-shadow: 0 14px 38px rgba(35, 29, 82, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.94);

    -webkit-backdrop-filter: blur(22px) saturate(155%);

    backdrop-filter: blur(22px) saturate(155%);

    transition: opacity 0.25s ease, top 0.25s ease, visibility 0.25s ease, transform 0.25s ease;

}



#header .wpo-site-header .navigation.sticky-header.sticky-on {

    top: 10px;

}



#header .wpo-site-header .navbar-brand img {

    width: 92px;

    max-width: 100%;

}



#header .wpo-site-header #navbar > ul > li > a {

    color: var(--ks-ink);

    font-size: 15px;

    font-weight: 700;

}



#header .wpo-site-header #navbar > ul > li > a:hover,

#header .wpo-site-header #navbar > ul > li > a:focus,

#header .wpo-site-header #navbar > ul > li.current-menu-item > a {

    color: var(--ks-indigo);

}



#header .wpo-site-header #navbar .sub-menu {

    overflow: hidden;

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

    border-radius: 16px;

    box-shadow: var(--ks-shadow);

}



#header .wpo-site-header #navbar .sub-menu a {

    font-weight: 600;

}



#header .wpo-site-header .header-right .theme-btn {

    min-height: 46px;

    padding: 12px 23px;

    border-radius: 999px;

    background: var(--ks-indigo);

    box-shadow: 0 8px 20px rgba(69, 64, 225, 0.2);

}



.theme-btn,

.theme-btn-s2 {

    border-radius: 999px;

    font-weight: 800;

}



.theme-btn,

.theme-btn-s2,

.home-hero-secondary-btn,

.help-contact-btn,

.btn:not(.btn-close),

.btn-view-pdf,

.btn-download-pdf,

.resource-submit-btn,

button:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close),

input[type="button"],

input[type="submit"],

input[type="reset"],

[role="button"]:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close) {

    border-color: rgba(255, 255, 255, 0.35) !important;

    background-image: var(--ks-button-gradient) !important;

    background-size: 220% 100%;

    background-position: 0 50%;

    color: #fff !important;

    -webkit-text-fill-color: #fff;

    box-shadow: 0 10px 24px rgba(91, 61, 207, 0.22);

}



.theme-btn *,

.theme-btn-s2 *,

.home-hero-secondary-btn *,

.help-contact-btn *,

.btn:not(.btn-close) *,

.btn-view-pdf *,

.btn-download-pdf *,

.resource-submit-btn * {

    color: #fff !important;

    -webkit-text-fill-color: #fff;

}



.theme-btn-s2::before {

    z-index: 1;

    color: var(--ks-indigo) !important;

    -webkit-text-fill-color: var(--ks-indigo);

}



.theme-btn:hover,

.theme-btn-s2:hover,

.home-hero-secondary-btn:hover,

.help-contact-btn:hover,

.btn:not(.btn-close):hover,

.btn-view-pdf:hover,

.btn-download-pdf:hover,

.resource-submit-btn:hover,

button:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close):hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

[role="button"]:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close):hover {

    border-color: rgba(255, 255, 255, 0.48) !important;

    background-image: var(--ks-button-gradient) !important;

    color: #fff !important;

    filter: brightness(1.08);

}



@keyframes ks-button-gradient-drift {

    from {

        background-position: 0 50%;

    }



    to {

        background-position: 100% 50%;

    }

}



.theme-btn:hover,

.theme-btn-s2:hover {

    transform: translateY(-2px);

}



.home-hero-modern {

    isolation: isolate;

    position: relative;

    width: min(100% - 40px, 1440px);

    margin: 0 auto 54px;

    padding: clamp(42px, 6vw, 82px) 0 clamp(44px, 6vw, 72px);

    overflow: hidden;

    border: 1px solid rgba(69, 64, 225, 0.08);

    border-radius: 34px;

    background:

        radial-gradient(ellipse at 84% 16%, rgba(69, 64, 225, 0.18), transparent 32%),

        radial-gradient(ellipse at 72% 82%, rgba(209, 150, 251, 0.36), transparent 35%),

        radial-gradient(ellipse at 8% 100%, rgba(242, 188, 0, 0.19), transparent 31%),

        linear-gradient(128deg, #fbfaff 0%, #f1eaff 48%, #e8e4ff 100%);

    background-size: 180% 180%;

    box-shadow: 0 25px 70px rgba(69, 64, 225, 0.08);

}



@media (max-width: 767px) {

    body::before,

    body::after {

        width: 110px;

        height: 210px;

        opacity: 0.12;

        filter: blur(24px);

    }



    body::before {

        left: -88px;

    }



    body::after {

        right: -92px;

    }

}



.home-hero-modern::before,

.home-hero-modern::after {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    content: "";

    pointer-events: none;

    filter: blur(2px);

}



.home-hero-modern::before {

    top: -25%;

    right: 28%;

    width: clamp(200px, 33vw, 440px);

    aspect-ratio: 1;

    background: radial-gradient(circle, rgba(255, 255, 255, 0.62), rgba(209, 150, 251, 0.16) 52%, transparent 72%);

    animation: home-hero-orb-one 13s ease-in-out infinite alternate;

}



.home-hero-modern::after {

    right: -9%;

    bottom: -34%;

    width: clamp(240px, 34vw, 470px);

    aspect-ratio: 1;

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

    background: radial-gradient(circle, rgba(69, 64, 225, 0.12), rgba(242, 188, 0, 0.08) 52%, transparent 72%);

    box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.12), 0 0 0 52px rgba(209, 150, 251, 0.06);

    animation: home-hero-orb-two 17s ease-in-out infinite alternate;

}



.home-hero-grid {

    display: grid;

    grid-template-columns: minmax(0, 0.96fr) minmax(390px, 1.04fr);

    gap: clamp(30px, 5vw, 76px);

    align-items: center;

}



.home-hero-modern > .container {

    position: relative;

    z-index: 1;

}



.home-hero-copy {

    position: relative;

    z-index: 2;

    padding: 12px 0;

    animation: home-hero-enter 0.75s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.home-hero-eyebrow,

.contact-kicker {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin: 0 0 22px;

    padding: 9px 14px;

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

    border-radius: 999px;

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

    color: var(--ks-indigo);

    box-shadow: 0 8px 24px rgba(74, 57, 150, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    -webkit-backdrop-filter: blur(14px) saturate(150%);

    backdrop-filter: blur(14px) saturate(150%);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.04em;

    line-height: 1.2;

    text-transform: none;

}



.home-hero-eyebrow i {

    color: #a658d9;

    font-size: 15px;

    animation: home-hero-spark 3s ease-in-out infinite;

}



.home-hero-title {

    max-width: 660px;

    margin: 0;

    color: var(--ks-ink);

    font-size: clamp(46px, 6vw, 78px);

    font-weight: 800;

    letter-spacing: -0.065em;

    line-height: 0.99;

}



.home-hero-title span {

    display: inline-block;

    color: var(--ks-indigo);

    background: linear-gradient(105deg, #4540e1 5%, #7850e8 42%, #bd45c6 72%, #4540e1 100%);

    background-size: 220% auto;

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-hero-description {

    max-width: 550px;

    margin: 24px 0 0;

    color: #5f5b70;

    font-size: clamp(16px, 1.55vw, 19px);

    line-height: 1.7;

    animation: home-hero-enter 0.75s 0.12s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.home-hero-actions {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 14px;

    margin-top: 30px;

    animation: home-hero-enter 0.75s 0.2s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.home-hero-actions .theme-btn,

.home-hero-actions .home-hero-secondary-btn {

    display: inline-flex;

    min-height: 52px;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 16px 25px;

    border-radius: 999px;

    font-size: 15px;

    font-weight: 800;

    text-decoration: none;

    box-shadow: 0 10px 24px rgba(91, 61, 207, 0.22);

    transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;

}



.home-hero-actions .theme-btn:hover,

.home-hero-actions .home-hero-secondary-btn:hover {

    transform: translateY(-4px);

    filter: brightness(1.08);

    box-shadow: 0 18px 34px rgba(69, 64, 225, 0.3);

}



.home-hero-proof {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-top: 27px;

    color: var(--ks-copy);

    font-size: 14px;

    font-weight: 700;

    animation: home-hero-enter 0.75s 0.28s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.home-hero-proof-icon {

    display: inline-grid;

    width: 29px;

    height: 29px;

    place-items: center;

    border-radius: 50%;

    background: #fff;

    color: var(--ks-indigo);

    box-shadow: 0 4px 14px rgba(26, 23, 41, 0.08);

}



.home-hero-visual {

    position: relative;

    min-width: 0;

    padding: 12px 18px 24px 0;

    animation: home-hero-enter 0.9s 0.12s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.home-hero-visual-stage {

    position: relative;

    display: flex;

    min-height: 460px;

    align-items: flex-end;

    justify-content: center;

    overflow: hidden;

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

    border-radius: 34px;

    background:

        radial-gradient(circle at 53% 34%, rgba(255, 255, 255, 0.82) 0 18%, transparent 18.5%),

        radial-gradient(ellipse at 5% 90%, rgba(242, 188, 0, 0.38), transparent 42%),

        linear-gradient(145deg, rgba(196, 168, 255, 0.88) 0%, rgba(230, 219, 255, 0.8) 49%, rgba(250, 234, 188, 0.86) 100%);

    box-shadow: 0 28px 65px rgba(73, 52, 136, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.82);

}



.home-hero-visual-stage::before,

.home-hero-visual-stage::after {

    position: absolute;

    content: "";

    pointer-events: none;

}



.home-hero-visual-stage::before {

    top: 10%;

    right: -9%;

    width: 230px;

    height: 230px;

    border: 1px solid rgba(69, 64, 225, 0.16);

    border-radius: 50%;

    animation: home-hero-ring 12s ease-in-out infinite alternate;

}



.home-hero-visual-stage::after {

    bottom: 10%;

    left: 7%;

    width: 54px;

    height: 54px;

    border-radius: 17px;

    background: var(--ks-gold);

    opacity: 0.92;

    transform: rotate(20deg);

    animation: home-hero-shape-float 6s ease-in-out infinite;

}



.home-hero-learner {

    position: relative;

    z-index: 1;

    display: block;

    width: min(89%, 460px);

    max-height: 470px;

    object-fit: contain;

    object-position: center bottom;

    filter: drop-shadow(0 18px 18px rgba(26, 23, 41, 0.13));

    transform-origin: center bottom;

    animation: home-hero-learner-float 6s ease-in-out infinite;

}



.home-hero-course-card,

.home-hero-note {

    position: absolute;

    z-index: 2;

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

    box-shadow: 0 18px 42px rgba(26, 23, 41, 0.17);

}



.home-hero-course-card {

    right: -12px;

    bottom: 48px;

    width: min(240px, 52%);

    padding: 17px 18px;

    border-radius: 19px;

    background: linear-gradient(140deg, rgba(26, 23, 41, 0.92), rgba(54, 44, 104, 0.84));

    color: #fff;

    -webkit-backdrop-filter: blur(18px) saturate(135%);

    backdrop-filter: blur(18px) saturate(135%);

    animation: home-hero-card-float 5.5s ease-in-out infinite;

}



.home-hero-course-card small {

    display: block;

    margin-bottom: 8px;

    color: #d9d4ff;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.1em;

    text-transform: uppercase;

}



.home-hero-course-card strong {

    display: block;

    font-size: 18px;

    line-height: 1.2;

}



.home-hero-course-card span {

    display: block;

    margin-top: 12px;

    color: #d5d2e6;

    font-size: 12px;

}



.home-hero-note {

    top: 36px;

    left: -26px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 15px;

    border-radius: 16px;

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

    color: var(--ks-ink);

    font-size: 13px;

    font-weight: 800;

    -webkit-backdrop-filter: blur(18px) saturate(160%);

    backdrop-filter: blur(18px) saturate(160%);

    animation: home-hero-card-float 6.5s 0.4s ease-in-out infinite;

}



@keyframes home-hero-enter {

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

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

}



@keyframes home-hero-orb-one {

    from { transform: translate3d(-12px, 8px, 0) scale(0.94); }

    to { transform: translate3d(20px, -14px, 0) scale(1.06); }

}



@keyframes home-hero-orb-two {

    from { transform: translate3d(0, 0, 0) scale(0.96); }

    to { transform: translate3d(-18px, -16px, 0) scale(1.04); }

}



@keyframes home-hero-title-shimmer {

    0% { background-position: 0% center; }

    100% { background-position: 220% center; }

}



@keyframes home-hero-spark {

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

    50% { transform: rotate(-8deg) scale(1.12); }

}



@keyframes home-hero-stage-breathe {

    from { background-position: 50% 40%; }

    to { background-position: 60% 58%; }

}



@keyframes home-hero-ring {

    from { transform: translate3d(0, 0, 0) scale(0.94); opacity: 0.55; }

    to { transform: translate3d(-12px, 10px, 0) scale(1.08); opacity: 1; }

}



@keyframes home-hero-shape-float {

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

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

}



@keyframes home-hero-learner-float {

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

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

}



@keyframes home-hero-card-float {

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

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

}



.home-hero-note i {

    display: grid;

    width: 34px;

    height: 34px;

    place-items: center;

    border-radius: 11px;

    background: #f5edff;

    color: var(--ks-indigo);

    font-size: 17px;

}



.home-fun-facts {

    position: relative;

    z-index: 3;

    margin-top: -28px;

    margin-bottom: 30px;

}



.home-fun-facts .wpo-fun-fact-grids {

    display: grid;

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

    gap: 0;

    padding: 26px 18px;

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

    border-radius: 23px;

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

    box-shadow: var(--ks-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.92);

    -webkit-backdrop-filter: blur(22px) saturate(150%);

    backdrop-filter: blur(22px) saturate(150%);

}



.home-fun-facts .grid {

    min-width: 0;

    padding: 10px 15px;

    text-align: center;

}



.home-fun-facts .grid + .grid {

    border-left: 1px solid var(--ks-line);

}



.home-fun-fact-icon {

    display: inline-grid;

    width: 43px;

    height: 43px;

    place-items: center;

    margin-bottom: 10px;

    border-radius: 14px;

    background: var(--ks-lilac);

    color: var(--ks-indigo);

    font-size: 17px;

}



.home-fun-facts .grid:nth-child(1) {

    --fact-accent: #6548e8;

    --fact-tint: rgba(101, 72, 232, 0.09);

}



.home-fun-facts .grid:nth-child(2) {

    --fact-accent: #2585d5;

    --fact-tint: rgba(37, 133, 213, 0.09);

}



.home-fun-facts .grid:nth-child(3) {

    --fact-accent: #159b83;

    --fact-tint: rgba(21, 155, 131, 0.09);

}



.home-fun-facts .grid:nth-child(4) {

    --fact-accent: #d78a12;

    --fact-tint: rgba(215, 138, 18, 0.11);

}



.home-fun-facts .grid .home-fun-fact-icon {

    background: var(--fact-tint, var(--ks-lilac));

    color: var(--fact-accent, var(--ks-indigo));

}



.home-fun-facts .grid h3 {

    margin: 0 0 4px;

    color: var(--fact-accent, var(--ks-ink));

    font-size: clamp(22px, 2.4vw, 30px);

    font-weight: 800;

    line-height: 1.1;

}



.home-fun-facts .grid p {

    margin: 0;

    color: var(--ks-copy);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.4;

}



.wpo-about-section,

.wpo-popular-area,

.wpo-choose-section,

.wpo-blog-section,

.wpo-faq-section,

.wpo-testimonial-section {

    padding-top: clamp(64px, 8vw, 105px);

    padding-bottom: clamp(64px, 8vw, 105px);

}



.wpo-about-section,

.wpo-faq-section {

    background:

        radial-gradient(ellipse at 9% 12%, rgba(209, 150, 251, 0.14), transparent 29%),

        radial-gradient(ellipse at 92% 87%, rgba(242, 188, 0, 0.075), transparent 25%),

        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(250, 247, 255, 0.94));

}



.wpo-popular-area,

.wpo-blog-section,

.wpo-testimonial-section {

    background:

        radial-gradient(ellipse at 92% 10%, rgba(209, 150, 251, 0.11), transparent 30%),

        radial-gradient(ellipse at 5% 92%, rgba(242, 188, 0, 0.08), transparent 26%),

        linear-gradient(135deg, rgba(249, 247, 255, 0.96), rgba(250, 249, 255, 0.92));

}



.wpo-about-section,

.wpo-popular-area,

.wpo-choose-section,

.wpo-blog-section,

.wpo-faq-section,

.wpo-testimonial-section,

.wpo-subscribe-section,

.wpo-page-title {

    background-size: 180% 180%;

}



.wpo-blog-section .wpo-section-title-s2 {

    margin-bottom: clamp(24px, 3vw, 36px);

}



.wpo-blog-section .wpo-blog-slider .owl-stage {

    display: flex;

    align-items: stretch;

}



.wpo-blog-section .wpo-blog-slider .owl-item {

    display: flex;

    flex: 0 0 auto;

    height: auto;

    align-items: stretch;

}



.wpo-blog-section .wpo-blog-slider .owl-item > .item {

    display: flex;

    width: 100%;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-item {

    display: flex;

    width: 100%;

    height: 100%;

    flex-direction: column;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-img {

    flex: 0 0 auto;

    aspect-ratio: 16 / 9;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-img img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-item .wpo-blog-content {

    display: flex;

    flex: 1;

    flex-direction: column;

    padding: 18px 16px 20px;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-item .wpo-blog-content ul {

    margin-bottom: 10px;

}



.wpo-blog-section .wpo-blog-slider .wpo-blog-item .wpo-blog-content h2 {

    margin: 0 0 10px;

    font-size: clamp(18px, 1.45vw, 21px);

    line-height: 1.35;

}



.wpo-blog-slider .wpo-blog-content .more {

    margin-top: auto;

}



.wpo-faq-section .wpo-section-title-s2 h2 > span {

    position: relative;

    z-index: 1;

    color: #7850e8;

    background: var(--ks-button-gradient);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-popular-courses {

    position: relative;

    overflow: hidden;

    padding-top: clamp(72px, 8vw, 108px);

    padding-bottom: clamp(68px, 7vw, 94px);

    background:

        radial-gradient(ellipse at 8% 52%, rgba(209, 150, 251, 0.19), transparent 30%),

        radial-gradient(ellipse at 92% 20%, rgba(69, 64, 225, 0.09), transparent 30%),

        radial-gradient(ellipse at 95% 100%, rgba(242, 188, 0, 0.1), transparent 27%),

        linear-gradient(135deg, #fbfaff 0%, #f6f2ff 52%, #fcfaff 100%);

}



.home-popular-courses::before,

.home-popular-courses::after {

    position: absolute;

    z-index: 0;

    width: 290px;

    height: 290px;

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

    border-radius: 50%;

    content: "";

    pointer-events: none;

}



.home-popular-courses::before {

    top: 17%;

    left: -190px;

    box-shadow: 0 0 0 28px rgba(255, 255, 255, 0.12), 0 0 0 58px rgba(209, 150, 251, 0.055);

}



.home-popular-courses::after {

    right: -200px;

    bottom: 4%;

    width: 360px;

    height: 360px;

    box-shadow: 0 0 0 32px rgba(255, 255, 255, 0.13), 0 0 0 64px rgba(69, 64, 225, 0.045);

}



.home-popular-courses > .container {

    position: relative;

    z-index: 1;

}



.home-popular-courses .wpo-section-title-s2 {

    max-width: 760px;

    margin-bottom: clamp(34px, 5vw, 56px);

}



.home-popular-courses .wpo-section-title-s2 small {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    margin-bottom: 12px;

    padding: 7px 13px;

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

    border-radius: 999px;

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

    box-shadow: 0 8px 22px rgba(58, 46, 115, 0.06);

    font-size: 11px;

    letter-spacing: 0.12em;

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



/* All Section Heading Accent Spans (Instrument Serif Italic) */

.wpo-section-title h2 > span,

.wpo-section-title-s2 h2 > span,

.wpo-section-title h2 span,

.wpo-section-title-s2 h2 span,

.home-popular-courses .wpo-section-title-s2 h2 > span,

.wpo-choose-section .wpo-section-title-s2 h2 > span,

.wpo-blog-section > .container > .wpo-section-title-s2 h2 > span,

.wpo-blog-section .wpo-section-title-s2 h2 > span,

.wpo-faq-section .wpo-section-title-s2 h2 > span,

.wpo-about-text .wpo-section-title h2 > span,

.modern-about-heading .serif-accent,

.modern-about-heading span {

    font-family: 'Instrument Serif', 'Playfair Display', Georgia, serif !important;

    font-style: italic !important;

    font-weight: 400 !important;

    font-size: 1.15em !important;

    letter-spacing: -0.2px;

    background: linear-gradient(90deg, #7850e8 0%, #ec4899 100%) !important;

    -webkit-background-clip: text !important;

    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;

    position: relative;

    z-index: 1;

    display: inline-block;

}



.home-popular-courses .wpo-section-title-s2 h2 > span .shape,

.wpo-blog-section > .container > .wpo-section-title-s2 h2 > span .shape,

.wpo-choose-section .wpo-section-title-s2 h2 > span .shape,

.wpo-about-text .wpo-section-title h2 > span .shape {

    -webkit-text-fill-color: initial;

    z-index: -1;

}



.home-popular-intro {

    max-width: 570px;

    margin: 14px auto 0;

    color: var(--ks-copy);

    font-size: clamp(15px, 1.6vw, 17px);

    line-height: 1.65;

}



.home-popular-courses .wpo-popular-wrap {

    padding: 0 3px;

}



.home-popular-courses .wpo-popular-slider .owl-stage-outer {

    padding: 14px 7px 28px;

    margin: -14px -7px -28px;

}



.home-popular-courses .wpo-popular-slider .item,

.home-popular-courses .wpo-popular-slider .wpo-popular-single,

.home-popular-courses .wpo-popular-slider .wpo-popular-item {

    min-width: 0;

}



.home-popular-courses .wpo-popular-slider .wpo-popular-item {

    overflow: hidden;

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

    border-radius: 25px;

    background:

        radial-gradient(ellipse at 100% 0, rgba(209, 150, 251, 0.2), transparent 46%),

        radial-gradient(ellipse at 0 100%, rgba(69, 64, 225, 0.1), transparent 48%),

        linear-gradient(145deg, rgba(255, 255, 255, 0.74), rgba(246, 242, 255, 0.58));

    box-shadow: none;

    -webkit-backdrop-filter: blur(16px) saturate(145%);

    backdrop-filter: blur(16px) saturate(145%);

    transition: border-color 0.28s ease, background-color 0.28s ease;

}



.home-popular-courses .wpo-popular-slider .wpo-popular-item:hover {

    border-color: rgba(133, 95, 235, 0.28);

    box-shadow: none;

}



.home-popular-courses .wpo-popular-img {

    position: relative;

    padding: 12px 12px 0 !important;

}



.home-popular-courses .wpo-popular-img > a {

    display: block;

    overflow: hidden;

    height: auto;

    aspect-ratio: 16 / 9;

    border-radius: 17px;

    background: linear-gradient(135deg, #f3e8ff, #ebe8ff);

}



.home-popular-courses .wpo-popular-img > a img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: none;

}



.home-popular-courses .wpo-popular-item:hover .wpo-popular-img > a img {

    transform: none;

}



.home-popular-courses .wpo-popular-img .thumb {

    right: 24px;

    bottom: 12px;

    display: block;

    width: auto;

    height: auto;

    padding: 0;

    border: 0;

    border-radius: 999px;

    background: transparent;

}



.home-popular-courses .wpo-popular-img .thumb span {

    display: inline-flex;

    width: auto;

    height: auto;

    min-height: 35px;

    align-items: center;

    padding: 7px 13px;

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

    border-radius: 999px;

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

    color: var(--ks-ink);

    font-size: 13px;

    font-weight: 800;

    box-shadow: none;

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



.home-popular-courses .wpo-popular-content {

    min-height: 0;

    padding: 0 !important;

}



html body .home-popular-courses .wpo-popular-slider .wpo-popular-item .wpo-popular-content .wpo-popular-text-top {

    display: none !important;

}



.home-popular-courses .wpo-popular-content h2 {

    display: -webkit-box;

    overflow: hidden;

    min-height: 0;

    margin: 0 !important;

    padding: 17px 18px !important;

    font-size: clamp(20px, 2vw, 24px) !important;

    font-weight: 800 !important;

    letter-spacing: -0.035em;

    line-height: 1.25 !important;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.home-popular-courses .wpo-popular-content h2 a {

    color: #7850e8 !important;

    background: var(--ks-button-gradient);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.home-popular-courses .wpo-popular-content h2 a:hover {

    color: #7850e8 !important;

    -webkit-text-fill-color: #7850e8;

}



.home-popular-courses .wpo-popular-text-bottom {

    margin-top: auto;

    padding: 12px 18px !important;

    border-top: 1px solid rgba(26, 23, 41, 0.09) !important;

}



.home-popular-courses .wpo-popular-text-bottom ul {

    gap: 12px;

    margin: 0;

    padding: 0;

    list-style: none;

}



.home-popular-courses .wpo-popular-text-bottom ul li {

    min-width: 0;

    gap: 7px;

    color: var(--ks-copy);

    font-size: 13px !important;

    line-height: 1.35;

}



.home-popular-courses .wpo-popular-text-bottom ul li i {

    flex-shrink: 0;

    margin: 0 !important;

    color: var(--ks-indigo);

}



.home-popular-courses .wpo-popular-slider .owl-nav [class*=owl-] {

    top: 45%;

    display: grid;

    width: 48px;

    height: 48px;

    place-items: center;

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

    border-radius: 50%;

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

    color: var(--ks-indigo);

    box-shadow: none;

    -webkit-backdrop-filter: blur(14px);

    backdrop-filter: blur(14px);

}



.home-popular-courses .wpo-popular-slider .owl-nav .owl-prev {

    left: -24px;

}



.home-popular-courses .wpo-popular-slider .owl-nav .owl-next {

    right: -24px;

}



.home-popular-courses .wpo-popular-slider .owl-nav [class*=owl-]:hover {

    border-color: transparent;

    background: var(--ks-button-gradient);

    color: #fff;

    box-shadow: none;

}



.home-popular-courses .wpo-popular-slider .owl-dots {

    margin-top: 21px;

    margin-bottom: 5px;

}



.home-popular-courses .wpo-popular-slider .owl-dots button.owl-dot {

    width: 9px;

    height: 9px;

    margin: 0 4px;

    background: rgba(69, 64, 225, 0.16);

}



.home-popular-courses .wpo-popular-slider .owl-dots button.owl-dot.active {

    width: 27px;

    border-radius: 999px;

    background: var(--ks-button-gradient);

}



.home-popular-courses .more-btn {

    margin-top: 24px;

}



.wpo-about-section .wpo-about-img-inner {

    overflow: hidden;

    border-radius: 28px !important;

    box-shadow: var(--ks-shadow);

}



.wpo-about-section .wpo-about-img-inner::before {

    display: none;

}



.wpo-about-section .wpo-about-img-inner img {

    border-radius: 28px !important;

}



.wpo-section-title small,

.wpo-section-title-s2 small {

    color: var(--ks-indigo);

    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: none;

}



html body .wpo-section-title small,

html body .wpo-section-title-s2 small,

html body .wpo-section-title-s3 small,

html body .wpo-group-section .wpo-section-title-s2 small {

    text-transform: none;

    letter-spacing: 0.04em;

}



html body .wpo-site-footer .wpo-lower-footer ul li a {

    background: var(--ks-button-gradient);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.wpo-section-title h2,

.wpo-section-title-s2 h2 {

    color: var(--ks-ink);

    font-size: clamp(32px, 4.3vw, 50px);

    font-weight: 800;

    letter-spacing: -0.045em;

    line-height: 1.08;

}



.wpo-about-text .wpo-section-title h2 > span {

    position: relative;

    z-index: 1;

    color: #7850e8;

    background: var(--ks-button-gradient);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.wpo-about-text .wpo-section-title h2 > span .shape {

    z-index: -1;

}



.wpo-about-text > p {

    font-size: 16px;

    line-height: 1.8;

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap {

    display: grid;

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

    gap: 12px;

    max-width: 620px;

    padding: 0;

    border: 0;

    margin: 28px 0;

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item {

    --feature-accent: #6548e8;

    --feature-tint: rgba(101, 72, 232, 0.09);

    min-width: 0;

    min-height: 100px;

    align-items: center;

    gap: 14px;

    flex-basis: auto;

    margin: 0;

    padding: 15px;

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

    border-radius: 19px;

    background:

        radial-gradient(circle at 100% 0, var(--feature-tint), transparent 58%),

        rgba(255, 255, 255, 0.72);

    box-shadow: 0 10px 28px rgba(35, 29, 82, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;

    -webkit-backdrop-filter: blur(14px) saturate(145%);

    backdrop-filter: blur(14px) saturate(145%);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item:nth-child(2) {

    --feature-accent: #2585d5;

    --feature-tint: rgba(37, 133, 213, 0.1);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item:nth-child(3) {

    --feature-accent: #159b83;

    --feature-tint: rgba(21, 155, 131, 0.1);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item:nth-child(4) {

    --feature-accent: #bd45a5;

    --feature-tint: rgba(189, 69, 165, 0.1);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item:hover {

    transform: translateY(-3px);

    border-color: rgba(101, 72, 232, 0.26);

    box-shadow: 0 16px 34px rgba(35, 29, 82, 0.1);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .icon {

    display: grid;

    width: 54px;

    height: 54px;

    flex: 0 0 54px;

    place-items: center;

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

    border-radius: 16px !important;

    background: var(--feature-tint) !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .icon .fi {

    color: var(--feature-accent) !important;

    font-size: 24px;

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .wpo-about-features-text {

    min-width: 0;

    margin-left: 0 !important;

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .wpo-about-features-text h5 {

    margin: 0 0 3px;

    color: var(--ks-ink);

    font-size: clamp(17px, 1.8vw, 21px);

    font-weight: 800;

    letter-spacing: -0.025em;

}



.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .wpo-about-features-text span {

    display: block;

    color: var(--ks-copy);

    font-size: 13px;

    line-height: 1.45;

}



.wpo-popular-area .wpo-popular-item,

.wpo-blog-item,

.wpo-testimonial-item .wpo-testimonial-text {

    overflow: hidden;

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

    border-radius: 22px;

    background: var(--ks-glass);

    box-shadow: 0 12px 34px rgba(35, 29, 82, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.86);

    transition: transform 0.25s ease, box-shadow 0.25s ease;

    -webkit-backdrop-filter: blur(16px) saturate(145%);

    backdrop-filter: blur(16px) saturate(145%);

}



.wpo-popular-area .wpo-popular-item:hover,

.wpo-blog-item:hover,

.wpo-testimonial-item .wpo-testimonial-text:hover {

    transform: translateY(-5px);

    box-shadow: var(--ks-shadow);

}



.wpo-popular-area .wpo-popular-item .wpo-popular-img img,

.wpo-blog-item .wpo-blog-img img {

    width: 100%;

    transition: transform 0.5s ease;

}



.wpo-popular-area .wpo-popular-item:hover .wpo-popular-img img,

.wpo-blog-item:hover .wpo-blog-img img {

    transform: scale(1.035);

}



.wpo-popular-area .wpo-popular-content h2 a,

.wpo-blog-content h2 a {

    color: var(--ks-ink);

}



.wpo-popular-area .wpo-popular-content h2 a:hover,

.wpo-blog-content h2 a:hover {

    color: var(--ks-indigo);

}



.wpo-choose-section {

    background:

        radial-gradient(ellipse at 85% 46%, rgba(209, 150, 251, 0.2), transparent 32%),

        radial-gradient(ellipse at 6% 80%, rgba(69, 64, 225, 0.06), transparent 25%),

        linear-gradient(135deg, #fff 0%, #fcfaff 53%, #f7f2ff 100%);

}



.wpo-choose-section .wpo-choose-grids {

    gap: 24px;

}



.wpo-choose-section .wpo-choose-grids .grid {

    width: calc((100% - 24px) / 2);

    max-width: calc((100% - 24px) / 2);

    flex: 0 0 calc((100% - 24px) / 2);

    margin-bottom: 0;

    padding-right: 0;

}



.wpo-choose-grids .grid {

    padding: 20px;

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

    border-radius: 18px;

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

    box-shadow: 0 10px 28px rgba(35, 29, 82, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.88);

    -webkit-backdrop-filter: blur(15px) saturate(140%);

    backdrop-filter: blur(15px) saturate(140%);

}



@media (max-width: 575px) {

    .wpo-choose-section .wpo-choose-grids {

        gap: 16px;

    }



    .wpo-choose-section .wpo-choose-grids .grid {

        width: 100%;

        max-width: 100%;

        flex-basis: 100%;

    }

}



.wpo-choose-grids .grid .icon {

    display: grid;

    width: 46px;

    height: 46px;

    place-items: center;

    border-radius: 14px;

    background: var(--ks-lilac);

    color: var(--ks-indigo);

}



.wpo-faq-section .accordion-item {

    overflow: hidden;

    margin-bottom: 12px;

    padding: 0;

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

    border-radius: 16px;

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

    box-shadow: 0 9px 26px rgba(35, 29, 82, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.88);

    -webkit-backdrop-filter: blur(14px) saturate(140%);

    backdrop-filter: blur(14px) saturate(140%);

}



.wpo-faq-section .accordion-item .accordion-header .accordion-button {

    padding: 20px 22px;

    color: var(--ks-ink);

    font-size: 16px;

    font-weight: 800;

    box-shadow: none;

}



.wpo-faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed) {

    color: var(--ks-indigo);

    background: linear-gradient(105deg, rgba(246, 242, 255, 0.94), rgba(235, 231, 255, 0.78));

}



.wpo-faq-section .accordion-item .accordion-body {

    padding: 0 22px 20px;

    color: var(--ks-copy);

    line-height: 1.7;

}



.wpo-testimonial-item .wpo-testimonial-text {

    padding: 28px;

}



.wpo-testimonial-item .wpo-testimonial-text > p {

    line-height: 1.75;

}



.wpo-testimonial-section .wpo-testimonial-active .owl-stage {

    display: flex;

    align-items: stretch;

}



.wpo-testimonial-section .wpo-testimonial-active .owl-item {

    display: flex;

    height: auto;

    align-items: stretch;

}



.wpo-testimonial-section .wpo-testimonial-active .wpo-testimonial-item,

.wpo-testimonial-section .wpo-testimonial-active .wpo-testimonial-text {

    display: flex;

    width: 100%;

    height: 100%;

    flex-direction: column;

}



.wpo-testimonial-section .wpo-testimonial-wrap .wpo-testimonial-active .wpo-testimonial-item .wpo-testimonial-text > p {

    font-size: 15px;

    line-height: 1.6;

}



.wpo-subscribe-section .wpo-subscribe-wrap {

    overflow: hidden;

    padding: clamp(28px, 5vw, 54px);

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

    border-radius: 27px;

    background:

        radial-gradient(ellipse at 92% 8%, rgba(209, 150, 251, 0.42), transparent 31%),

        radial-gradient(ellipse at 10% 110%, rgba(69, 64, 225, 0.42), transparent 38%),

        linear-gradient(130deg, #171525, #25204a 75%, #302653);

    box-shadow: var(--ks-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.12);

}



.wpo-subscribe-section .wpo-subscribe-wrap .subscribe-text h3 {

    margin: 0;

    color: #fff !important;

    font-size: clamp(26px, 3.2vw, 38px);

    letter-spacing: -0.04em;

    line-height: 1.2;

    text-shadow: 0 2px 14px rgba(10, 8, 28, 0.2);

}



.wpo-subscribe-section .wpo-subscribe-wrap .subscribe-text p {

    color: #d6d3e2 !important;

    line-height: 1.7;

}



.wpo-subscribe-section .wpo-subscribe-wrap .subscribe-btn {

    flex: 0 0 auto;

}



.wpo-subscribe-section .wpo-subscribe-wrap .subscribe-btn .theme-btn {

    min-width: 180px;

    text-align: center;

}



.wpo-subscribe-section .theme-btn {

    background: var(--ks-gold);

    color: var(--ks-ink);

}



.wpo-site-footer {

    isolation: isolate;

    position: relative;

    background:

        radial-gradient(ellipse at 10% 12%, rgba(189, 69, 198, 0.24), transparent 34%),

        radial-gradient(ellipse at 92% 84%, rgba(69, 64, 225, 0.3), transparent 36%),

        linear-gradient(128deg, #171525 0%, #211b3d 52%, #171525 100%);

    background-size: 180% 180%;

}



.wpo-site-footer::before {

    z-index: 0;

    opacity: 0.12;

}



.wpo-site-footer .wpo-upper-footer {

    position: relative;

    padding-top: clamp(52px, 7vw, 82px);

    padding-bottom: clamp(28px, 4vw, 48px);

}



.wpo-site-footer .wpo-upper-footer::before,

.wpo-site-footer .wpo-upper-footer::after {

    position: absolute;

    z-index: 0;

    width: clamp(170px, 24vw, 310px);

    aspect-ratio: 1;

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

    border-radius: 50%;

    content: "";

    pointer-events: none;

    animation: ks-side-float-left 20s ease-in-out infinite alternate;

}



.wpo-site-footer .wpo-upper-footer::before {

    top: -150px;

    right: 7%;

    background: radial-gradient(circle, rgba(209, 150, 251, 0.16), transparent 70%);

    box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.025), 0 0 0 48px rgba(209, 150, 251, 0.025);

}



.wpo-site-footer .wpo-upper-footer::after {

    bottom: -180px;

    left: -100px;

    background: radial-gradient(circle, rgba(69, 64, 225, 0.2), transparent 70%);

    animation-name: ks-side-float-right;

    animation-duration: 24s;

}



.wpo-site-footer .wpo-upper-footer > .container {

    z-index: 1;

}



.wpo-site-footer .wpo-upper-footer .row > .col {

    display: flex;

    min-height: 0;

}



.wpo-site-footer .wpo-upper-footer .widget {

    width: 100%;

    min-height: 100%;

    padding: 22px 18px;

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

    border-radius: 20px;

    background:

        radial-gradient(ellipse at 100% 0, rgba(209, 150, 251, 0.08), transparent 56%),

        rgba(255, 255, 255, 0.035);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



.wpo-site-footer .wpo-upper-footer .about-widget {

    max-width: none;

}



.wpo-site-footer .wpo-upper-footer .navbar-brand {

    top: 0;

}



.wpo-site-footer .widget-title {

    margin-bottom: 17px;

}



.wpo-site-footer .widget-title h3 {

    font-size: clamp(20px, 2vw, 24px);

    letter-spacing: -0.025em;

}



.wpo-site-footer .widget-title h3::after {

    display: block;

    width: 34px;

    height: 3px;

    margin-top: 10px;

    border-radius: 999px;

    background: var(--ks-button-gradient);

    content: "";

}



.wpo-site-footer .link-widget {

    padding-left: 18px;

}



.wpo-site-footer .link-widget ul li {

    padding-top: 5px;

    padding-bottom: 5px;

}



.wpo-site-footer .link-widget ul li::before {

    top: 13px;

    background: #cbb4ff;

}



.wpo-site-footer .link-widget ul li a,

.wpo-site-footer .contact-ft ul li,

.wpo-site-footer .contact-ft ul li a {

    color: rgba(245, 243, 255, 0.82);

}



.wpo-site-footer .link-widget ul li a:hover,

.wpo-site-footer .contact-ft ul li a:hover {

    color: #d7b5ff;

}



.wpo-site-footer .about-widget .social ul li a {

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

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

}



.wpo-site-footer .about-widget .social ul li a:hover {

    background: var(--ks-button-gradient);

    transform: translateY(-3px);

}



.wpo-site-footer .wpo-lower-footer {

    position: relative;

    z-index: 1;

    padding: 20px 0;

    border-color: rgba(255, 255, 255, 0.12);

    background: rgba(10, 8, 24, 0.2);

}



.wpo-site-footer .wpo-lower-footer .row > .col:last-child ul {

    text-align: right;

}



.wpo-site-footer .wpo-lower-footer ul li {

    color: rgba(225, 222, 239, 0.72);

}



.wpo-site-footer .wpo-lower-footer ul li a {

    color: #fff;

}



@media (max-width: 991px) {

    .wpo-site-footer .wpo-upper-footer .row > .col {

        min-height: 0;

        margin-bottom: 24px;

    }



    .wpo-site-footer .wpo-upper-footer .widget {

        min-height: 0;

    }

}



@media (max-width: 767px) {

    .wpo-site-footer .wpo-lower-footer .row > .col:first-child ul,

    .wpo-site-footer .wpo-lower-footer .row > .col:last-child ul {

        justify-content: center;

        text-align: center;

    }



    .wpo-site-footer .wpo-upper-footer {

        padding-top: 42px;

        padding-bottom: 22px;

    }



    .wpo-site-footer .wpo-upper-footer .row > .col {

        margin-bottom: 16px;

    }



    .wpo-site-footer .wpo-upper-footer .row > .col:first-child .about-widget {

        text-align: center;

    }



    .wpo-site-footer .wpo-upper-footer .row > .col:first-child .about-widget .logo {

        display: flex;

        justify-content: center;

    }



    .wpo-site-footer .wpo-upper-footer .row > .col:first-child .about-widget .social ul {

        justify-content: center;

    }



    .wpo-site-footer .wpo-upper-footer .widget {

        padding: 20px;

    }



    .wpo-site-footer .wpo-lower-footer .row > .col:last-child ul {

        margin-top: 8px;

        text-align: center;

    }

}



.mobile-quick-actions-shell {

    display: none;

}



.desktop-quick-actions {

    display: none;

}



@media (min-width: 768px) {

    .desktop-quick-actions {

        position: fixed;

        top: 50%;

        right: 18px;

        z-index: 1100;

        display: flex;

        flex-direction: column;

        gap: 8px;

        padding: 9px;

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

        border-radius: 22px;

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

        box-shadow: 0 14px 36px rgba(35, 29, 82, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.92);

        -webkit-backdrop-filter: blur(18px) saturate(155%);

        backdrop-filter: blur(18px) saturate(155%);

        transform: translateY(-50%);

    }



    .desktop-quick-action {

        display: flex;

        width: 68px;

        min-height: 64px;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 5px;

        border: 0;

        border-radius: 15px;

        background: transparent;

        color: #7650e8;

        font-size: 11px;

        font-weight: 800;

        line-height: 1;

        text-decoration: none;

        transition: background-color 0.2s ease, transform 0.2s ease;

    }



    .desktop-quick-action i {

        background: var(--ks-button-gradient);

        background-clip: text;

        color: #7650e8;

        font-size: 23px;

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

    }



    .desktop-quick-action:hover,

    .desktop-quick-action:focus-visible {

        background: rgba(118, 80, 232, 0.09);

        color: var(--ks-indigo);

        transform: translateX(-3px);

    }



    .desktop-quick-action-apply {

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

        background: var(--ks-button-gradient);

        color: #fff;

    }



    .desktop-quick-action-apply i {

        background: none;

        color: #fff;

        -webkit-text-fill-color: #fff;

    }



    .desktop-quick-action-apply:hover,

    .desktop-quick-action-apply:focus-visible {

        background: var(--ks-button-gradient);

        color: #fff;

    }

}



@media (max-width: 767.98px) {

    body {

        padding-bottom: 0;

    }



    .back-to-top {

        display: none !important;

    }



    .wpo-site-footer {

        padding-bottom: calc(76px + env(safe-area-inset-bottom));

    }



    .mobile-quick-actions-shell {

        position: fixed;

        right: 0;

        bottom: 0;

        z-index: 1100;

        display: flex;

        width: 100%;

        align-items: center;

        justify-content: center;

        padding: 8px 16px calc(8px + env(safe-area-inset-bottom));

        background: transparent;

    }



    .mobile-quick-actions {

        display: flex;

        width: min(320px, 100%);

        min-height: 58px;

        align-items: center;

        justify-content: space-around;

        padding: 6px 12px;

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

        border-radius: 999px;

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

        box-shadow: 0 12px 32px rgba(20, 17, 38, 0.3);

        -webkit-backdrop-filter: blur(18px) saturate(160%);

        backdrop-filter: blur(18px) saturate(160%);

    }



    .mobile-quick-actions .mobile-quick-action {

        display: inline-flex;

        min-width: 82px;

        min-height: 52px;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 0;

        border: 0;

        border-radius: 999px;

        background: transparent;

        color: #fff;

        font-size: 19px;

        line-height: 1;

        text-decoration: none;

        -webkit-tap-highlight-color: transparent;

    }



    .mobile-quick-actions .mobile-quick-action > i {

        font-size: 32px;

    }



    .mobile-quick-actions .mobile-quick-action > i {

        color: #a78bfa;

        background: var(--ks-button-gradient);

        background-size: 220% 100%;

        background-position: 0 50%;

        -webkit-background-clip: text;

        background-clip: text;

        -webkit-text-fill-color: transparent;

    }



    .mobile-quick-actions .mobile-quick-action:not(.mobile-quick-action-apply) {

        color: #a78bfa;

        background: var(--ks-button-gradient);

        background-size: 220% 100%;

        background-position: 0 50%;

        -webkit-background-clip: text;

        background-clip: text;

        -webkit-text-fill-color: transparent;

    }



    .mobile-quick-actions .mobile-quick-action-apply {

        min-width: 62px;

        min-height: 42px;

        padding: 0 14px;

        background: var(--ks-button-gradient);

        background-size: 220% 100%;

        background-position: 0 50%;

        color: #fff !important;

        -webkit-text-fill-color: #fff;

        font-size: 13px;

        font-weight: 800;

        letter-spacing: 0.02em;

    }



    body::before,

    body::after,

    .home-hero-modern::before,

    .home-hero-modern::after,

    .home-hero-eyebrow i,

    .home-hero-visual-stage::before,

    .home-hero-visual-stage::after,

    .home-hero-learner,

    .home-hero-course-card,

    .home-hero-note,

    .wpo-site-footer .wpo-upper-footer::before,

    .wpo-site-footer .wpo-upper-footer::after,

    .courses-page-title::before,

    .courses-page-title::after,

    .courses-page-title .courses-page-kicker i,

    .courses-page-title .shape-1,

    .courses-page-title .shape-2,

    .courses-page-title .shape-3,

    .courses-page-title .shape-4 {

        animation: none;

    }

}



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

    .wpo-site-footer,

    .wpo-site-footer .wpo-upper-footer::before,

    .wpo-site-footer .wpo-upper-footer::after {

        animation: none !important;

    }

}



.wpo-page-title {

    overflow: hidden;

    padding: 95px 0 80px;

    background:

        radial-gradient(ellipse at 82% 25%, rgba(209, 150, 251, 0.34), transparent 30%),

        radial-gradient(ellipse at 4% 95%, rgba(242, 188, 0, 0.12), transparent 28%),

        linear-gradient(135deg, #f8f5ff, #eee9ff 58%, #eae8ff);

}



.wpo-page-title .wpo-breadcumb-wrap h2 {
    font-size: clamp(38px, 5vw, 58px);
    font-weight: 800;
    letter-spacing: -0.05em;
    text-transform: none !important;
    background: linear-gradient(110deg, #4540e1 0%, #7a45e8 38%, #bd45c6 72%, #4540e1 100%);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #7850e8;
    display: inline-block;
}



.wpo-page-title .wpo-breadcumb-wrap ol li,

.wpo-page-title .wpo-breadcumb-wrap ol li a {

    color: var(--ks-copy);

}



.wpo-page-title.courses-page-title {

    isolation: isolate;

    position: relative;

    overflow: hidden;

    padding: clamp(70px, 9vw, 118px) 0 clamp(58px, 7vw, 88px);

    background:

        radial-gradient(ellipse at 82% 18%, rgba(209, 150, 251, 0.4), transparent 31%),

        radial-gradient(ellipse at 11% 92%, rgba(69, 64, 225, 0.15), transparent 30%),

        radial-gradient(ellipse at 94% 95%, rgba(242, 188, 0, 0.13), transparent 24%),

        linear-gradient(132deg, #fcfaff 0%, #f2edff 52%, #eae8ff 100%);

    background-size: 180% 180%;

}



.wpo-page-title.courses-page-title::before,

.wpo-page-title.courses-page-title::after {

    position: absolute;

    z-index: 0;

    border-radius: 50%;

    content: "";

    pointer-events: none;

}



.wpo-page-title.courses-page-title::before {

    top: -125px;

    right: 7%;

    width: clamp(230px, 35vw, 460px);

    aspect-ratio: 1;

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

    background:

        radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.52), transparent 57%),

        radial-gradient(circle at 70% 72%, rgba(189, 69, 198, 0.18), transparent 56%);

    box-shadow:

        0 0 0 22px rgba(255, 255, 255, 0.12),

        0 0 0 46px rgba(209, 150, 251, 0.06);

    filter: blur(1px);

    animation: courses-banner-orbit 16s ease-in-out infinite alternate;

}



.wpo-page-title.courses-page-title::after {

    bottom: -180px;

    left: 8%;

    width: clamp(210px, 28vw, 360px);

    aspect-ratio: 1;

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

    background: radial-gradient(circle, rgba(69, 64, 225, 0.11), rgba(209, 150, 251, 0.04) 56%, transparent 70%);

    box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.1);

    animation: courses-banner-orbit 20s ease-in-out infinite alternate-reverse;

}



.courses-page-title .container {

    position: relative;

    z-index: 3;

}



.courses-page-title .wpo-breadcumb-wrap {

    max-width: 760px;

    margin: 0 auto;

    text-align: center;

    animation: courses-banner-arrive 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both;

}



.courses-page-kicker {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin: 0 0 15px;

    padding: 8px 13px;

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

    border-radius: 999px;

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

    color: var(--ks-indigo);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    box-shadow: 0 8px 22px rgba(58, 46, 115, 0.06);

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

    transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;

}



.courses-page-kicker:hover {

    transform: translateY(-2px);

    border-color: rgba(69, 64, 225, 0.2);

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

}



.courses-page-kicker i {

    animation: courses-kicker-float 3s ease-in-out infinite;

}



.courses-page-title .wpo-breadcumb-wrap h2 {

    margin: 0;

    background: linear-gradient(110deg, #4540e1 0%, #7a45e8 38%, #bd45c6 72%, #4540e1 100%);

    background-size: 220% auto;

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.courses-page-intro {

    max-width: 610px;

    margin: 16px auto 0;

    color: var(--ks-copy);

    font-size: clamp(15px, 1.7vw, 18px);

    line-height: 1.65;

}



.courses-page-title .wpo-breadcumb-wrap ol {

    justify-content: center;

    margin-top: 20px;

}



.courses-page-title .shape-1,

.courses-page-title .shape-2,

.courses-page-title .shape-3,

.courses-page-title .shape-4 {

    z-index: 1;

    opacity: 0.25;

    pointer-events: none;

}



.courses-page-title .shape-1,

.courses-page-title .shape-3 {

    animation: courses-banner-float 10s ease-in-out infinite;

}



.courses-page-title .shape-2,

.courses-page-title .shape-4 {

    animation: courses-banner-float 13s ease-in-out infinite reverse;

}



@keyframes courses-banner-gradient {

    0% { background-position: 0% 50%; }

    100% { background-position: 100% 50%; }

}



@keyframes courses-banner-orbit {

    0% { transform: translate3d(0, 0, 0) scale(0.96); }

    100% { transform: translate3d(18px, 12px, 0) scale(1.04); }

}



@keyframes courses-banner-arrive {

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

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

}



@keyframes courses-kicker-float {

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

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

}



@keyframes courses-title-shimmer {

    0% { background-position: 0% center; }

    100% { background-position: 220% center; }

}



@keyframes courses-banner-float {

    0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }

    50% { transform: translate3d(0, -12px, 0) rotate(3deg); }

}



.courses-catalog {

    padding-top: clamp(48px, 6vw, 78px);

    padding-bottom: clamp(64px, 8vw, 100px);

}



.courses-toolbar {

    min-height: 72px;

    padding: 14px 18px !important;

    border-radius: 18px !important;

    background: rgba(255, 255, 255, 0.68) !important;

    box-shadow: 0 10px 28px rgba(35, 29, 82, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

}



.courses-results-label {

    color: var(--ks-copy) !important;

    line-height: 1.6;

}



.courses-results-label strong {

    color: var(--ks-ink);

    font-weight: 800;

}



.courses-sort-control {

    color: var(--ks-copy);

}



.courses-sort-control select {

    min-height: 42px;

    padding: 8px 38px 8px 13px;

    border: 1px solid rgba(69, 64, 225, 0.12);

    border-radius: 12px;

    background-color: rgba(255, 255, 255, 0.84);

    color: var(--ks-ink);

    font-weight: 700;

    box-shadow: none;

}



.courses-empty-state {

    border: 1px solid var(--ks-glass-border) !important;

    border-radius: 24px !important;

    background: rgba(255, 255, 255, 0.72) !important;

    box-shadow: var(--ks-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.94);

}



.courses-empty-state > i {

    color: var(--ks-indigo) !important;

}



.courses-empty-state h4 {

    color: var(--ks-ink);

}



.courses-empty-state p {

    color: var(--ks-copy);

}



.course-advisor-card {

    position: relative;

    overflow: hidden;

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

    border-radius: 22px !important;

    background:

        radial-gradient(circle at 100% 0, rgba(209, 150, 251, 0.42), transparent 42%),

        radial-gradient(circle at 0 100%, rgba(69, 64, 225, 0.52), transparent 49%),

        linear-gradient(135deg, #201b3d, #30245f 70%, #44317a);

    box-shadow: 0 18px 42px rgba(35, 29, 82, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.16);

}



.course-advisor-card > * {

    position: relative;

    z-index: 1;

}



.course-advisor-card > i {

    display: grid !important;

    width: 54px;

    height: 54px;

    place-items: center;

    margin: 0 auto 15px !important;

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

    border-radius: 17px;

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

    color: #ffd95a !important;

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



.course-advisor-card p {

    color: rgba(255, 255, 255, 0.76) !important;

    line-height: 1.65;

}



.course-advisor-card .theme-btn {

    justify-content: center;

    min-height: 44px;

}



.contact-info-wrap {

    padding: 64px 0 32px;

}



.contact-info-wrap .contact-info-card {

    padding: 32px 24px;

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

    border-radius: 22px;

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

    box-shadow: 0 12px 36px rgba(35, 29, 82, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    text-align: left;

    -webkit-backdrop-filter: blur(16px) saturate(145%);

    backdrop-filter: blur(16px) saturate(145%);

}



.contact-info-wrap .contact-info-card:hover {

    border-color: rgba(69, 64, 225, 0.22);

    box-shadow: var(--ks-shadow);

}



.contact-info-wrap .contact-icon-box {

    width: 52px;

    height: 52px;

    margin-bottom: 19px;

    border-radius: 16px;

    background: var(--ks-lilac);

    box-shadow: none;

    color: var(--ks-indigo);

    font-size: 22px;

}



.contact-info-wrap .contact-info-card h4 {

    color: var(--ks-ink);

    font-size: 19px;

    font-weight: 800;

}



.contact-info-wrap .contact-info-card p,

.contact-info-wrap .contact-info-card a {

    color: var(--ks-copy);

    line-height: 1.75;

}



.contact-info-wrap .contact-info-card a:hover {

    color: var(--ks-indigo);

}



.contact-info-wrap .contact-phone-method i {

    color: var(--ks-indigo);

}



.contact-info-wrap .contact-phone-method.whatsapp i {

    color: #25a85a;

}



.contact-form-section {

    padding: 32px 0 96px;

}



.contact-form-card {

    height: 100%;

    padding: clamp(24px, 4vw, 44px);

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

    border-radius: 25px;

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

    box-shadow: var(--ks-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    -webkit-backdrop-filter: blur(19px) saturate(145%);

    backdrop-filter: blur(19px) saturate(145%);

}



.contact-form-card .contact-kicker {

    margin-bottom: 12px;

}



.contact-form-card .contact-form-title {

    margin-bottom: 10px;

    color: var(--ks-ink);

    font-size: clamp(25px, 3vw, 34px);

    font-weight: 800;

    letter-spacing: -0.04em;

}



.contact-form-card .contact-form-copy {

    color: var(--ks-copy);

    line-height: 1.7;

}



.contact-form-card .form-label {

    color: var(--ks-ink);

    font-size: 14px;

    font-weight: 800;

}



.contact-form-card .form-control {

    min-height: 52px;

    border: 1px solid rgba(26, 23, 41, 0.14);

    border-radius: 12px;

    background: #fdfcff;

    color: var(--ks-ink);

}



.contact-form-card textarea.form-control {

    min-height: 145px;

    resize: vertical;

}



.contact-form-card .form-control:focus {

    border-color: var(--ks-indigo);

    box-shadow: 0 0 0 4px rgba(69, 64, 225, 0.12);

}



.contact-form-card .alert {

    border: 1px solid rgba(224, 49, 49, 0.12) !important;

    border-radius: 14px !important;

    background: #fff5f5 !important;

    color: #a61e24 !important;

}



.contact-form-card .contact-submit {

    padding: 15px 28px;

    border: 0;

    border-radius: 999px;

    background: var(--ks-indigo);

    font-weight: 800;

}



.contact-map-wrap {

    min-height: 350px;

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

    border-radius: 25px;

    box-shadow: var(--ks-shadow);

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

    -webkit-backdrop-filter: blur(14px) saturate(140%);

    backdrop-filter: blur(14px) saturate(140%);

}



.contact-map-wrap iframe {

    min-height: 350px;

}



/* Extend the glass and gradient language to the catalog and editorial pages. */

html body .wpo-course-page,

html body .wpo-blog-pg-section {

    background:

        radial-gradient(ellipse at 92% 9%, rgba(209, 150, 251, 0.13), transparent 30%),

        radial-gradient(ellipse at 4% 78%, rgba(242, 188, 0, 0.07), transparent 24%),

        linear-gradient(135deg, rgba(251, 250, 255, 0.94), rgba(247, 245, 255, 0.82));

}



html body .course-card-custom,

html body .blog-post-card,

html body .wpo-group-section .kay-group-card,

html body .course-page-main-wrap,

html body .course-sidebar-card,

html body .course-cta-box {

    border: 1px solid var(--ks-glass-border) !important;

    background: rgba(255, 255, 255, 0.7) !important;

    box-shadow: 0 14px 40px rgba(35, 29, 82, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    -webkit-backdrop-filter: blur(17px) saturate(145%);

    backdrop-filter: blur(17px) saturate(145%);

}



html body .wpo-group-section .kay-group-card .kay-group-link {

    align-self: center;

}



html body.course-details-page .wpo-blog-single-section > .container > .row {

    row-gap: 28px;

}



@media (min-width: 992px) {

    html body.course-details-page,

    html body.course-details-page .page-wrapper,

    html body.course-details-page .wpo-blog-single-section {

        overflow-x: clip !important;

        overflow-y: visible !important;

    }



    html body.course-details-page .course-sidebar {

        position: -webkit-sticky !important;

        position: sticky !important;

        top: 112px !important;

        align-self: flex-start;

        height: max-content;

    }

}



html body.course-details-page .course-page-main-wrap {

    padding: clamp(16px, 2.4vw, 30px);

}



html body.course-details-page .course-page-thumb-wrap {

    margin-bottom: 22px;

}



html body.course-details-page .course-category-badge {

    display: none;

}



html body.course-details-page .course-title-main {

    margin: 0 0 18px;

    background: linear-gradient(110deg, #4540e1 0%, #7a45e8 38%, #bd45c6 72%, #4540e1 100%);

    background-size: 220% auto;

    background-clip: text;

    color: #7850e8;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



html body.course-details-page .course-price-wrap {

    flex-wrap: wrap;

    margin-bottom: 18px;

}



html body.course-details-page .course-cta-box {

    justify-content: flex-start;

    margin: 0 0 24px;

    padding: 14px 16px;

    border-radius: 18px;

}



html body.course-details-page .course-cta-box .theme-btn {

    display: inline-flex;

    min-height: 50px;

    align-items: center;

    justify-content: center;

}



html body.course-details-page .course-faq-section .wpo-section-title-s2 {

    display: block;

    margin-bottom: 28px;

    text-align: left;

}



html body.course-details-page .course-faq-section .wpo-section-title-s2 small {

    display: block;

    margin-bottom: 10px;

}



html body.course-details-page .course-faq-section .wpo-section-title-s2 h2 {

    display: block;

    margin: 0;

}



html body .course-card-custom,

html body .blog-post-card,

html body .wpo-group-section .kay-group-card,

html body .course-sidebar-card {

    border-radius: 22px;

}



html body .course-card-custom:hover,

html body .blog-post-card:hover,

html body .wpo-group-section .kay-group-card:hover {

    border-color: rgba(133, 95, 235, 0.36) !important;

    box-shadow: 0 22px 50px rgba(69, 64, 225, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

}



html body .course-card-badge,

html body .blog-post-badge {

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

    background: linear-gradient(120deg, rgba(69, 64, 225, 0.92), rgba(150, 79, 218, 0.88));

    box-shadow: 0 8px 20px rgba(44, 34, 120, 0.2);

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



html body .course-card-price {

    background: linear-gradient(120deg, #f2bc00, #ffd950);

    color: var(--ks-ink);

    box-shadow: 0 8px 22px rgba(201, 151, 0, 0.25);

}



html body .course-card-img-wrap,

html body .blog-post-img-wrap {

    background:

        radial-gradient(ellipse at 85% 12%, rgba(209, 150, 251, 0.28), transparent 42%),

        linear-gradient(135deg, #f5f0ff, #eee9ff);

}



html body .course-card-title a,

html body .blog-post-title a {

    color: var(--ks-ink);

}



html body .course-card-title a:hover,

html body .blog-post-title a:hover {

    color: var(--ks-indigo);

}



html body .wpo-course-page .form-control,

html body .wpo-course-page .nice-select,

html body .wpo-course-page .bg-white.rounded-3.border,

html body .wpo-blog-pg-section .blog-sidebar .widget,

html body .wpo-blog-single-section .blog-sidebar .widget,

html body .wpo-blog-pg-section .alert,

html body .wpo-course-page .bg-white.rounded-4.border {

    border: 1px solid var(--ks-glass-border) !important;

    border-radius: 16px;

    background-color: rgba(255, 255, 255, 0.68) !important;

    box-shadow: 0 10px 30px rgba(35, 29, 82, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.88);

    -webkit-backdrop-filter: blur(14px) saturate(140%);

    backdrop-filter: blur(14px) saturate(140%);

}



html body .wpo-blog-pg-section .blog-sidebar {

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding-left: 24px;

}



html body .wpo-blog-single-section .blog-sidebar {

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding-left: 24px;

}



@media (min-width: 992px) {

    html body.blog-listing-page .page-wrapper,

    html body.blog-listing-page .wpo-blog-pg-section,

    html body.blog-details-page .page-wrapper,

    html body.blog-details-page .wpo-blog-single-section {

        overflow-x: clip !important;

        overflow-y: visible !important;

    }



    html body .wpo-blog-pg-section .blog-sidebar {

        position: -webkit-sticky;

        position: sticky;

        top: 112px;

        align-self: flex-start;

    }



    html body .wpo-blog-single-section .blog-sidebar {

        position: -webkit-sticky;

        position: sticky;

        top: 112px;

        align-self: flex-start;

    }

}



html body .wpo-blog-pg-section .blog-sidebar .widget,

html body .wpo-blog-single-section .blog-sidebar .widget,

html body .wpo-blog-pg-section .blog-sidebar > div:last-child {

    margin: 0 !important;

}



html body .wpo-blog-pg-section .blog-sidebar .widget {

    padding: 24px !important;

}



html body .wpo-blog-single-section .blog-sidebar .widget {

    padding: 24px !important;

}



html body .wpo-blog-pg-section .blog-sidebar .search-widget .input-group {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 0;

}



html body .wpo-blog-pg-section .blog-sidebar .search-widget .form-control {

    min-width: 0;

    height: 64px;

    padding: 12px 16px;

}



html body .wpo-blog-pg-section .blog-sidebar .search-widget .btn {

    position: static;

    flex: 0 0 56px;

    width: 56px;

    height: 56px;

    padding: 0;

    border-radius: 10px !important;

    transform: none;

}



html body .wpo-blog-pg-section .blog-sidebar .recent-post-widget .posts > div:last-child {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

    border-bottom: 0 !important;

}



html body .wpo-blog-pg-section .blog-sidebar > div:last-child {

    padding: 24px !important;

}



html body .wpo-blog-single-section .blog-sidebar .recent-post-widget .posts > div:last-child {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

    border-bottom: 0 !important;

}



html body .wpo-blog-pg-section .blog-sidebar-promo,

html body .wpo-blog-single-section .blog-sidebar-promo {

    padding: 24px !important;

    background: linear-gradient(135deg, #d196fb 0%, #f5d0fe 50%, #e9d5ff 100%);

}



html body .blog-sidebar-promo > i,

html body .blog-sidebar-promo h5 {

    color: #1a1729;

}



html body .blog-sidebar-promo p {

    color: #625f83;

}



html body .blog-sidebar-promo .btn {

    color: #002147;

}



@media (max-width: 991.98px) {

    html body .wpo-blog-pg-section > .container > .row > .col {

        flex: 0 0 100%;

        max-width: 100%;

    }



    html body .wpo-blog-pg-section .blog-sidebar,

    html body .wpo-blog-single-section .blog-sidebar {

        width: 100%;

        max-width: none;

        margin-top: 0 !important;

        padding-left: 0;

    }

}



html body .wpo-course-page .course-card-custom {

    overflow: hidden;

    height: 100%;

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

    border-radius: 24px;

    background: rgba(255, 255, 255, 0.76) !important;

    box-shadow: 0 16px 42px rgba(35, 29, 82, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;

    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;

}



html body .wpo-course-page .course-card-custom:hover {

    transform: translateY(-6px);

    border-color: rgba(133, 95, 235, 0.3) !important;

    box-shadow: 0 24px 54px rgba(69, 64, 225, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;

}



html body .wpo-course-page .course-card-img-wrap {

    height: clamp(190px, 22vw, 250px);

    margin: 14px 14px 0;

    overflow: hidden;

    border-radius: 17px;

}



html body .wpo-course-page .course-card-img-wrap > a {

    display: block;

    width: 100%;

    height: 100%;

}



html body .wpo-course-page .course-card-img-wrap img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: none;

}



html body .wpo-course-page .course-card-custom:hover .course-card-img-wrap img {

    transform: none;

}



html body .wpo-course-page .course-card-badge {

    top: 12px;

    left: 12px;

    padding: 7px 12px;

    border-radius: 999px;

    color: #fff;

    font-size: 10px;

    letter-spacing: 0.06em;

}



html body .wpo-course-page .course-card-price {

    right: 12px;

    bottom: 12px;

    padding: 7px 13px;

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

    border-radius: 999px;

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

    color: var(--ks-ink);

    font-size: 14px;

    box-shadow: 0 8px 22px rgba(35, 29, 82, 0.12);

    -webkit-backdrop-filter: blur(12px);

    backdrop-filter: blur(12px);

}



html body .wpo-course-page .course-card-body {

    gap: 0;

    padding: 18px 20px 20px;

}



html body .wpo-course-page .course-card-meta {

    gap: 12px;

    margin-bottom: 13px;

    color: var(--ks-copy);

    font-size: 12px;

}



html body .wpo-course-page .course-card-meta > span {

    white-space: nowrap;

}



html body .wpo-course-page .course-card-meta .fa-star {

    color: #e5a900;

}



html body .wpo-course-page .course-card-meta .flaticon-agenda {

    color: var(--ks-indigo) !important;

}



html body .wpo-course-page .course-card-title {

    margin: 0 0 9px;

    font-size: clamp(19px, 2vw, 23px);

    font-weight: 800;

    letter-spacing: -0.035em;

    line-height: 1.25;

}



html body .wpo-course-page .course-card-title a {

    color: var(--ks-ink);

}



html body .wpo-course-page .course-card-title a:hover {

    color: var(--ks-indigo);

}



html body .wpo-course-page .course-card-desc {

    display: -webkit-box;

    overflow: hidden;

    margin-bottom: 18px;

    color: var(--ks-copy);

    font-size: 14px;

    line-height: 1.55;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



html body .wpo-course-page .course-card-footer {

    gap: 10px;

    padding-top: 15px;

    border-top: 1px solid rgba(26, 23, 41, 0.09);

}



html body .wpo-course-page .course-card-footer .badge {

    border: 1px solid rgba(69, 64, 225, 0.12) !important;

    border-radius: 999px;

    background: rgba(246, 242, 255, 0.9) !important;

    color: var(--ks-indigo) !important;

    font-weight: 700;

}



html body .wpo-course-page .course-card-footer .theme-btn {

    flex-shrink: 0;

    padding: 9px 15px !important;

    font-size: 12px !important;

}



html body .wpo-course-page .course-filter-widget {

    padding: 22px;

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

    border-radius: 21px;

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

    box-shadow: 0 12px 32px rgba(35, 29, 82, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9);

    -webkit-backdrop-filter: blur(16px) saturate(145%);

    backdrop-filter: blur(16px) saturate(145%);

}



html body .wpo-course-page .row > .col-lg-4.order-lg-2 {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



html body .wpo-course-page .course-filter-widget h4 {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ks-line);
    color: var(--ks-ink);
    font-size: 19px;
    font-weight: 700;
}

html body .wpo-course-page .category-filter-list {
    margin: 16px 0 0 0;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

html body .wpo-course-page .category-filter-list li {
    padding: 7px 0;
    line-height: 1.5;
}

html body .wpo-course-page .category-filter-list li::marker {
    color: rgba(26, 23, 41, 0.4);
}

html body .wpo-course-page .category-filter-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    border: none;
    border-radius: 0;
    background: transparent !important;
    color: var(--ks-copy);
    font-size: 15px;
    transition: color 0.2s ease;
}

html body .wpo-course-page .category-filter-list a.active {
    border: none;
    background: transparent !important;
    color: var(--ks-indigo) !important;
    font-weight: 700;
}

html body .wpo-course-page .category-filter-list a:hover:not(.active) {
    border: none;
    background: transparent !important;
    color: var(--ks-indigo);
}

html body .wpo-course-page .category-filter-list a.active span {
    background: transparent !important;
    color: var(--ks-indigo) !important;
    font-weight: 700;
}

html body .wpo-course-page .category-filter-list span {
    background: transparent !important;
    color: var(--ks-copy);
    font-size: 14px;
    font-weight: 600;
}

html body .contact-info-wrap,

html body .contact-form-section {

    background:

        radial-gradient(ellipse at 4% 16%, rgba(209, 150, 251, 0.11), transparent 29%),

        radial-gradient(ellipse at 98% 75%, rgba(242, 188, 0, 0.075), transparent 25%);

}



html body .contact-info-wrap .contact-icon-box {

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

    background: linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(235, 226, 255, 0.76));

    box-shadow: 0 8px 20px rgba(69, 64, 225, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.95);

    -webkit-backdrop-filter: blur(12px) saturate(150%);

    backdrop-filter: blur(12px) saturate(150%);

}



html body .contact-info-wrap .contact-info-card {

    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;

}



html body .contact-info-wrap .contact-info-card:hover {

    transform: translateY(-5px);

}



html body .contact-form-card .form-control {

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

    -webkit-backdrop-filter: blur(8px);

    backdrop-filter: blur(8px);

}



@media (max-width: 991px) {

    .home-popular-courses .wpo-popular-slider .owl-nav {

        display: none;

    }



    #header .wpo-site-header {

        padding: 10px 16px;

    }



    .wpo-site-header .mobail-menu button {

        width: 44px;

        height: 40px;

        border-radius: 12px;

        background: var(--ks-indigo);

    }



    #header .wpo-site-header .navigation {

        border-radius: 20px;

        padding: 8px 12px;

    }



    #header .wpo-site-header .navigation.sticky-header {

        width: calc(100% - 24px);

        padding: 8px 12px;

    }



    #header .wpo-site-header .navigation.sticky-header.sticky-on {

        top: 8px;

    }



    .wpo-site-header #navbar {

        background: var(--ks-ink);

    }



    .wpo-site-header #navbar ul a {

        color: #fff;

    }



    #header .wpo-site-header #navbar > ul > li a {

        color: #fff;

    }



    .wpo-site-header #navbar ul a:hover,

    .wpo-site-header #navbar ul li.current a {

        color: var(--ks-violet);

    }



    #header .wpo-site-header #navbar > ul > li a:hover,

    #header .wpo-site-header #navbar > ul > li a:focus {

        color: var(--ks-violet);

    }



    .wpo-site-header #navbar .menu-close {

        border-color: rgba(255, 255, 255, 0.35);

        border-radius: 12px;

    }



    #header .wpo-site-header #navbar.navigation-holder {

        position: fixed;

        top: 0;

        bottom: 0;

        left: 0;

        z-index: 1200;

        width: min(320px, 86vw);

        height: 100vh;

        height: 100dvh;

        margin: 0;

        padding: 18px 20px 24px;

        border: 0;

        border-radius: 0 24px 24px 0;

        background: linear-gradient(155deg, #211b3d 0%, #171525 72%);

        box-shadow: 18px 0 48px rgba(20, 17, 38, 0.25);

        opacity: 0;

        overflow-x: hidden;

        overflow-y: auto;

        overscroll-behavior: contain;

        transform: translateX(-105%);

        transition: transform 0.28s ease, opacity 0.28s ease, visibility 0.28s ease;

        visibility: hidden;

        -webkit-overflow-scrolling: touch;

    }



    #header .wpo-site-header #navbar.navigation-holder.slideInn {

        opacity: 1;

        transform: translateX(0);

        visibility: visible;

    }



    #header .wpo-site-header #navbar.navigation-holder > .menu-close {

        display: grid;

        width: 42px;

        height: 42px;

        margin: 0 0 24px auto;

        padding: 0;

        place-items: center;

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

        border-radius: 12px;

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

        color: #fff;

    }



    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav {

        display: block;

        width: 100%;

        height: auto;

        max-height: calc(100% - 66px);

        margin: 0;

        padding: 0 0 20px;

        overflow-x: hidden;

        overflow-y: auto;

    }



    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav > li {

        display: block;

        width: 100%;

        margin: 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    }



    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav > li > a,

    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav > li > a:hover,

    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav > li > a:focus,

    #header .wpo-site-header #navbar.navigation-holder > .navbar-nav > li.current > a {

        display: flex;

        min-height: 50px;

        align-items: center;

        justify-content: space-between;

        padding: 12px 4px;

        color: #fff !important;

        font-size: 16px;

    }



    #header .wpo-site-header #navbar.navigation-holder .navbar-nav a {

        color: #fff !important;

    }



    #header .wpo-site-header #navbar.navigation-holder .sub-menu {

        position: static;

        width: 100%;

        margin: 0 0 10px;

        padding: 8px 0 8px 14px;

        border: 0;

        border-left: 1px solid rgba(209, 150, 251, 0.5);

        border-radius: 0;

        background: transparent;

        box-shadow: none;

    }



    #header .wpo-site-header #navbar.navigation-holder .sub-menu li {

        display: block;

        width: 100%;

        margin: 0;

    }



    #header .wpo-site-header #navbar.navigation-holder .sub-menu a {

        display: block;

        padding: 10px 8px;

        color: rgba(255, 255, 255, 0.78);

        font-size: 14px;

    }



    #header .wpo-site-header #navbar.navigation-holder .sub-menu a:hover,

    #header .wpo-site-header #navbar.navigation-holder .sub-menu a:focus {

        color: #fff;

    }



    html.mobile-nav-open {

        scrollbar-gutter: stable;

    }



    body.mobile-nav-open {

        overflow: hidden;

        touch-action: none;

    }



    body.mobile-nav-open #header .wpo-site-header .navigation {

        -webkit-backdrop-filter: none;

        backdrop-filter: none;

    }



    body.mobile-nav-open #header .wpo-site-header .navigation.sticky-header #navbar.navigation-holder {

        top: -8px;

        left: -13px !important;

    }



    .home-hero-grid {

        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);

        gap: 28px;

    }



    .home-hero-visual-stage {

        min-height: 390px;

    }



    .home-hero-learner {

        max-height: 400px;

    }

}



@media (max-width: 767px) {

    html body.course-details-page .course-bottom-actions {

        flex-wrap: nowrap !important;

        gap: 8px !important;

    }



    html body.course-details-page .course-bottom-actions > a {

        flex: 1 1 0;

        justify-content: center;

        min-width: 0;

        padding: 12px 8px !important;

        text-align: center;

        white-space: nowrap;

    }



    html body.course-details-page .course-cta-card > .d-flex > div:last-child {

        flex: 0 0 100%;

        text-align: center;

    }



    html body.course-details-page .course-page-main-wrap {

        padding: 16px;

    }



    html body.course-details-page .course-page-thumb-wrap {

        margin-bottom: 18px;

    }



    html body.course-details-page .course-title-main {

        margin-bottom: 14px;

        font-size: clamp(25px, 7vw, 32px);

        line-height: 1.18;

    }



    html body.course-details-page .course-cta-box {

        padding: 12px;

    }



    html body.course-details-page .course-cta-box .theme-btn {

        width: 100%;

    }



    html body.course-details-page .course-faq-section .wpo-section-title-s2 {

        margin-bottom: 20px;

        text-align: center;

    }



    .wpo-page-title.courses-page-title::before {

        top: -90px;

        right: -90px;

        width: 250px;

    }



    .wpo-page-title.courses-page-title::after {

        bottom: -130px;

        left: -100px;

        width: 220px;

    }



    .home-popular-courses {

        padding-top: 62px;

        padding-bottom: 60px;

    }



    .home-popular-courses .wpo-section-title-s2 {

        margin-bottom: 28px;

    }



    .home-popular-intro {

        max-width: 460px;

        padding: 0 10px;

        font-size: 15px;

    }



    .home-popular-courses .wpo-popular-img > a {

        height: auto;

        aspect-ratio: 16 / 9;

    }



    .home-popular-courses .wpo-popular-content {

        min-height: 0;

    }



    .home-popular-courses .wpo-popular-slider .owl-dots {

        margin-top: 14px;

    }



    .home-popular-courses .more-btn {

        margin-top: 18px;

    }



    #header .wpo-site-header .navigation {

        border-radius: 17px;

    }



    .wpo-page-title.courses-page-title {

        padding: 66px 0 54px;

    }



    .courses-page-intro {

        max-width: 500px;

        margin-top: 12px;

        padding: 0 8px;

        font-size: 15px;

    }



    .courses-catalog {

        padding-top: 38px;

    }



    .courses-toolbar {

        align-items: stretch !important;

        gap: 12px !important;

        padding: 15px !important;

    }



    .courses-sort-control {

        justify-content: space-between;

        width: 100%;

    }



    .courses-sort-control form {

        flex: 1;

        max-width: 220px;

    }



    .courses-sort-control select {

        width: 100% !important;

    }



    .course-advisor-card {

        padding: 24px !important;

    }



    .home-hero-modern {

        width: min(100% - 24px, 620px);

        margin-bottom: 38px;

        padding: 38px 0 30px;

        border-radius: 25px;

    }



    .home-hero-modern::before {

        top: -8%;

        right: -20%;

        width: 250px;

    }



    .home-hero-modern::after {

        right: -30%;

        bottom: -15%;

        width: 280px;

    }



    .home-hero-grid {

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

        gap: 30px;

    }



    .wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap {

        gap: 10px;

    }



    .wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item {

        min-height: 88px;

        gap: 10px;

        padding: 12px;

    }



    .wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .icon {

        width: 46px;

        height: 46px;

        flex-basis: 46px;

        border-radius: 14px !important;

    }



    .wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-about-features-wrap .wpo-about-features-item .icon .fi {

        font-size: 21px;

    }



    .home-hero-copy {

        padding: 0;

    }



    .home-hero-title {

        font-size: clamp(43px, 11vw, 64px);

    }



    .home-hero-description {

        margin-top: 18px;

        font-size: 16px;

    }



    .home-hero-actions {

        gap: 10px;

        margin-top: 23px;

    }



    .home-hero-actions .theme-btn,

    .home-hero-secondary-btn {

        min-height: 48px;

        padding: 13px 17px;

        font-size: 14px;

    }



    .home-hero-proof {

        margin-top: 20px;

    }



    .home-hero-visual {

        padding: 8px 12px 18px 0;

    }



    .home-hero-visual-stage {

        min-height: min(112vw, 430px);

        border-radius: 25px;

    }



    .home-hero-learner {

        width: min(90%, 360px);

        max-height: 420px;

    }



    .home-hero-course-card {

        right: -5px;

        bottom: 35px;

        width: min(210px, 58%);

        padding: 14px;

    }



    .home-hero-course-card strong {

        font-size: 16px;

    }



    .home-hero-note {

        top: 19px;

        left: -8px;

        padding: 10px 12px;

        font-size: 12px;

    }



    .home-fun-facts {

        margin-top: -10px;

        margin-bottom: 20px;

    }



    .home-fun-facts .wpo-fun-fact-grids {

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

        padding: 12px;

        border-radius: 19px;

    }



    .home-fun-facts .grid {

        padding: 16px 8px;

    }



    .home-fun-facts .grid + .grid {

        border-left: 0;

    }



    .home-fun-facts .grid:nth-child(even) {

        border-left: 1px solid var(--ks-line);

    }



    .home-fun-facts .grid:nth-child(n + 3) {

        border-top: 1px solid var(--ks-line);

    }



    .wpo-page-title {

        padding: 70px 0 58px;

    }



    .contact-info-wrap {

        padding-top: 40px;

    }



    .contact-form-section {

        padding-bottom: 64px;

    }



    .contact-map-wrap,

    .contact-map-wrap iframe {

        min-height: 300px;

    }



    .wpo-subscribe-section .wpo-subscribe-wrap {

        gap: 24px;

        border-radius: 21px;

    }



    .wpo-subscribe-section .wpo-subscribe-wrap .subscribe-text,

    .wpo-subscribe-section .wpo-subscribe-wrap .subscribe-text h3,

    .wpo-subscribe-section .wpo-subscribe-wrap .subscribe-text p {

        text-align: center;

    }



    .wpo-subscribe-section .wpo-subscribe-wrap .subscribe-btn {

        width: 100%;

    }

}



@media (max-width: 420px) {

    .home-popular-courses .wpo-popular-img {

        padding: 11px 11px 0 !important;

    }



    .home-popular-courses .wpo-popular-img > a {

        height: auto;

        aspect-ratio: 16 / 9;

        border-radius: 15px;

    }



    .home-popular-courses .wpo-popular-text-top {

        display: none;

    }



    .home-popular-courses .wpo-popular-content h2 {

        padding: 14px 15px !important;

        font-size: 20px !important;

    }



    .home-popular-courses .wpo-popular-text-bottom {

        padding: 13px 15px !important;

    }



    .home-popular-courses .wpo-popular-text-bottom ul li {

        font-size: 12px !important;

    }



    .courses-page-kicker {

        margin-bottom: 12px;

        font-size: 10px;

    }



    .courses-page-title .wpo-breadcumb-wrap h2 {

        font-size: clamp(32px, 9vw, 42px);

    }



    .courses-page-intro {

        font-size: 14px;

    }



    .courses-results-label {

        font-size: 12px;

    }



    html body .wpo-course-page .course-card-body {

        padding: 16px;

    }



    html body .wpo-course-page .course-card-meta {

        gap: 8px;

        font-size: 11px;

    }



    html body .wpo-course-page .course-card-footer {

        align-items: flex-start;

        flex-direction: column;

    }



    html body .wpo-course-page .course-card-footer .theme-btn {

        justify-content: center;

        width: 100%;

    }



    .home-hero-actions {

        align-items: center;

        flex-direction: column;

    }



    .home-hero-actions .theme-btn,

    .home-hero-secondary-btn {

        justify-content: center;

        align-self: center;

        min-width: 190px;

        width: auto;

    }



    .home-hero-visual-stage {

        min-height: 360px;

    }



    .home-hero-course-card {

        width: 62%;

    }



    .contact-form-card {

        padding: 23px 18px;

    }

}



@media (max-width: 767.98px) {

    #header .wpo-site-header .navbar-header {

        position: absolute;

        top: 50%;

        right: 18px;

        transform: translateY(-50%);

    }



    #header .wpo-site-header .navbar-brand {

        display: inline-flex;

        align-items: center;

        padding: 4px 8px;

        border-radius: 12px;

    }



    #header .wpo-site-header .navbar-brand img {

        width: 60px;

    }

}



@media (max-width: 480px) {

    .wpo-about-section .wpo-about-text > .theme-btn-s2 {

        display: table;

        margin: 0 auto;

    }



    .home-fun-facts .wpo-fun-fact-grids {

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

        gap: 0;

        padding: 8px 12px;

    }



    .home-fun-facts .wpo-fun-fact-grids .grid {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        column-gap: 8px;

        row-gap: 8px;

        padding: 16px 6px;

        text-align: center;

    }



    .home-fun-facts .wpo-fun-fact-grids .grid:nth-child(n + 3) {

        border-top: 1px solid var(--ks-line);

    }



    .home-fun-facts .wpo-fun-fact-grids .grid:nth-child(even) {

        border-left: 1px solid var(--ks-line);

    }



    .home-fun-fact-icon {

        margin: 0;

    }



    .home-fun-facts .grid h3 {

        margin: 0;

        font-size: 25px;

    }



    .home-fun-facts .grid h3 + p {

        flex: 0 0 100%;

        margin-top: 0;

        font-size: 12px;

        text-align: center;

    }

}



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

    html {

        scroll-behavior: auto;

    }



    *,

    *::before,

    *::after {

        transition-duration: 0.01ms !important;

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

    }



    body,

    body::before,

    body::after,

    .wpo-about-section,

    .wpo-popular-area,

    .wpo-choose-section,

    .wpo-blog-section,

    .wpo-faq-section,

    .wpo-testimonial-section,

    .wpo-subscribe-section,

    .wpo-page-title {

        animation: none !important;

    }



    html body.course-details-page .course-title-main {

        animation: none !important;

        background-position: 0 center;

    }



    .wpo-page-title.courses-page-title,

    .courses-page-title .wpo-breadcumb-wrap,

    .courses-page-title .courses-page-kicker i,

    .courses-page-title .wpo-breadcumb-wrap h2,

    .courses-page-title .shape-1,

    .courses-page-title .shape-2,

    .courses-page-title .shape-3,

    .courses-page-title .shape-4,

    .wpo-page-title.courses-page-title::before,

    .wpo-page-title.courses-page-title::after {

        animation: none !important;

    }



    .home-hero-modern::before,

    .home-hero-modern::after,

    .home-hero-copy,

    .home-hero-description,

    .home-hero-actions,

    .home-hero-proof,

    .home-hero-visual,

    .home-hero-visual-stage,

    .home-hero-visual-stage::before,

    .home-hero-visual-stage::after,

    .home-hero-learner,

    .home-hero-course-card,

    .home-hero-note,

    .home-hero-eyebrow i,

    .home-hero-title span {

        animation: none !important;

    }



    .theme-btn,

    .theme-btn-s2,

    .home-hero-secondary-btn,

    .help-contact-btn,

    .btn:not(.btn-close),

    .btn-view-pdf,

    .btn-download-pdf,

    .resource-submit-btn,

    button:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close),

    input[type="button"],

    input[type="submit"],

    input[type="reset"],

    [role="button"]:not(.accordion-button):not(.btn-close):not(.navbar-toggler):not(.menu-close) {

        animation: none !important;

        background-position: 0 50%;

    }

}



:root {

    --ks-section-space: 40px;

}



.page-wrapper .section-padding,

.page-wrapper .wpo-about-section,

.page-wrapper .wpo-about-section-s2,

.page-wrapper .wpo-about-section-s3,

.page-wrapper .wpo-about-section-s4,

.page-wrapper .wpo-about-section-s5,

.page-wrapper .wpo-popular-area,

.page-wrapper .wpo-popular-area-s2,

.page-wrapper .wpo-popular-area-s3,

.page-wrapper .wpo-popular-area-s4,

.page-wrapper .wpo-choose-section,

.page-wrapper .wpo-choose-section-s2,

.page-wrapper .wpo-blog-section,

.page-wrapper .wpo-blog-section-s2,

.page-wrapper .wpo-faq-section,

.page-wrapper .wpo-testimonial-section,

.page-wrapper .wpo-testimonial-section-s2,

.page-wrapper .wpo-group-section,

.page-wrapper .contact-info-wrap,

.page-wrapper .contact-form-section,

.page-wrapper .wpo-course-page,

.page-wrapper .wpo-blog-pg-section,

.page-wrapper .wpo-blog-single-section,

.page-wrapper .wpo-checkout-area,

.page-wrapper .error-404-section,

.page-wrapper .thankyou-wrapper,

.page-wrapper .wpo-subscribe-section {

    padding-top: var(--ks-section-space) !important;

    padding-bottom: var(--ks-section-space) !important;

}



.page-wrapper .wpo-faq-section.mt-5 {

    margin-top: 24px !important;

}



.page-wrapper .wpo-blog-section {

    padding-top: clamp(25px, 3vw, 38px) !important;

    padding-bottom: clamp(25px, 3vw, 38px) !important;

}



.page-wrapper .wpo-choose-section,

.page-wrapper .wpo-choose-section-s2 {

    margin-top: 0 !important;

}



@media (max-width: 991px) {

    :root {

        --ks-section-space: 32px;

    }



    .page-wrapper .wpo-faq-section.mt-5 {

        margin-top: 20px !important;

    }

}



@media (max-width: 767px) {

    :root {

        --ks-section-space: 25px;

    }



    .page-wrapper .wpo-faq-section.mt-5 {

        margin-top: 16px !important;

    }

}



html body.course-details-page .course-faq-section {

    padding: clamp(20px, 2.4vw, 30px) 0 !important;

    border-radius: 22px;

    background: linear-gradient(135deg, rgba(250, 247, 255, 0.96), rgba(246, 242, 255, 0.9));

}



html body.course-details-page .course-faq-section .wpo-section-title-s2 {

    padding: 0 28px;

}



@media (max-width: 767px) {

    html body.course-details-page .course-faq-section {

        padding: 18px 0 !important;

        border-radius: 18px;

    }



    html body.course-details-page .course-faq-section .wpo-section-title-s2 {

        padding: 0 18px;

    }

}