@font-face {
    font-family: 'PhilospherBold';
    font-style: normal;
    src: url('../fonts/Philosopher-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'PhilospherReguler';
    font-style: normal;
    src: url('../fonts/Philosopher-Regular.ttf') format('ttf');
}


:root {
    --font-stack-heading: 'PhilospherBold', -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --font-stack-text: 'PhilospherReguler', 'SF Pro Text', -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --color-black-primary: #211F20;
    --color-black-secondary: #222021;
    --color-gray-600: #101112;
    --color-gray-550: #1c1d1f;
    --color-gray-500: #2d2f31;
    --color-gray-400: #3e4143;
    --color-gray-350: #54585b;
    --color-gray-300: #6a6f73;
    --color-gray-250: #9da3a7;
    --color-gray-200: #d1d7dc;
    --color-gray-150: #e4e8eb;
    --color-gray-100: #f7f9fa;
    --color-red-500: #612012;
    --color-red-450: #8a2610;
    --color-red-400: #b32d0f;
    --color-red-350: #da3c18;
    --color-red-300: #f4522d;
    --color-red-250: #ef8e70;
    --color-red-200: #fcbca0;
    --color-red-150: #fbd5c4;
    --color-red-100: #fbece9;
    --color-blue-500: #180a3d;
    --color-blue-450: #281160;
    --color-blue-400: #371783;
    --color-blue-350: #431ca3;
    --color-blue-300: #5022c3;
    --color-blue-250: #8072e6;
    --color-blue-200: #c0c4fc;
    --color-blue-150: #d8e0fb;
    --color-blue-100: #eeeffc;
    --color-indigo-500: var(--color-blue-500);
    --color-indigo-400: var(--color-blue-400);
    --color-indigo-300: var(--color-blue-300);
    --color-indigo-200: var(--color-blue-200);
    --color-indigo-100: var(--color-blue-100);
    --color-orange-primary: #F6921E;
    --color-orange-secondary: #F79A2D;
    --color-orange-500: #4d3105;
    --color-orange-450: #804d09;
    --color-orange-400: #b4690e;
    --color-orange-350: #df890c;
    --color-orange-300: #f69c08;
    --color-orange-250: #ebb152;
    --color-orange-200: #f3ca8c;
    --color-orange-150: #f7dfba;
    --color-orange-100: #fcf5e8;
    --color-yellow-500: #3d3c0a;
    --color-yellow-450: #6b6913;
    --color-yellow-400: #98961b;
    --color-yellow-350: #d2cf1e;
    --color-yellow-300: #e9e729;
    --color-yellow-250: #eeec5d;
    --color-yellow-200: #eceb98;
    --color-yellow-150: #f3f2b8;
    --color-yellow-100: #f9f9d7;
    --color-green-500: #113731;
    --color-green-450: #174b43;
    --color-green-400: #1e6055;
    --color-green-350: #1b8170;
    --color-green-300: #19a38c;
    --color-green-250: #6cb1a5;
    --color-green-200: #acd2cc;
    --color-green-150: #cfe4e1;
    --color-green-100: #f2f7f6;
    --color-purple-500: #350c50;
    --color-purple-450: #541879;
    --color-purple-400: #7325a3;
    --color-purple-350: #8b2dc9;
    --color-purple-300: #a435f0;
    --color-purple-250: #c377f6;
    --color-purple-200: #e1b8fc;
    --color-purple-150: #ebd3fc;
    --color-purple-100: #f6eefc;
    --color-white: #fff;
    --tabs-scroll-left-bg: linear-gradient(to right, var(--color-white) 75%, rgba(255, 255, 255, 0));
    --tabs-scroll-right-bg: linear-gradient(to left, var(--color-white) 75%, rgba(255, 255, 255, 0));
    --tabs-scroll-right-bg-overflow: linear-gradient(to left, var(--color-white), rgba(255, 255, 255, 0));
    --tabs-pagination-color: #5022c3;
    --tabs-text-color-default: #2d2f31;
    --tabs-nav-color-default: #6a6f73;
    --tabs-nav-color-active: #2d2f31;
    --tabs-nav-color-hover: #2d2f31;
    --tabs-container-border-bottom-active: 0.2rem solid #2d2f31;
    --tabs-box-shadow-color: #d1d7dc;
    --ribbon-background-color: var(--color-yellow-200);
    --ribbon-color: var(--color-yellow-500);
} 


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

select:focus, input:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    font-size: 62.5%
}

body {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.6rem;
    color: #2d2f31;
    margin: 0
}

input, select {
    color: var(--color-black-primary);
}

a {
    color: #5022c3;
    text-decoration: none;
}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: 6rem;
    min-height: 6rem;
    line-height: 1.25;
    border: 1px solid var(--color-black-primary);
    border-radius: 0;
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill:hover,
.form-floating>.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
    background: transparent !important;
}

button, input {
    background-image: none;
}



.btn {
    position: relative;
    align-items: center;
    border-radius: 0;
    padding: 0 1.2rem;
    display: inline-flex;
    max-width: 100%;
    min-width: 8rem;
    padding: 0 1.2rem;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: bottom;
    white-space: nowrap;
}

.skl-text-bold {
    font-weight: 700;
}

.skl-avatar {
    background: var(--color-black-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    object-fit: cover;
    color: var(--color-white);
}

.skl-link-underline {
    text-decoration: underline;
    text-underline-offset: .4rem;
    text-decoration-color: var(--color-black-primary);
    color: var(--color-orange-primary)
}

a:hover {
    color: var(--color-orange-secondary);
}

.skl-avatar-image {
    background: 0 0;
    border: 1px solid #d1d7dc;
}

.skl-btn-disabled {
    cursor: not-allowed !important;
    opacity: .5;
    min-width: 4.8rem;
}

.skl-btn-icon-large {
    color: #5022c3;
    background-color: transparent;
    min-width: auto;
    padding: 0 1.2rem;
    width: 4.8rem;
}

.skl-btn-link, .skl-btn-link-underline {
    height: auto;
    max-width: none;
    text-align: left;
    vertical-align: baseline;
    white-space: normal;
}

.skl-btn-link {
    color: var(--color-orange-primary);
    background-color: transparent;
    min-width: auto;
    padding: 0;
}

.skl-btn-link svg {
    width: 1.875em;
    height: 1.875em;
    fill: var(--color-orange-primary);
}

.skl-btn-link:hover {
    color: var(--color-orange-secondary);
}

.skl-btn-link:hover svg {
    fill: var(--color-orange-secondary);
}

.skl-btn-disabled.skl-btn-icon-large {
    padding: 0;
}

.btn .skl-btn-label {
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.skl-sub-heading {
    color: #6a6f73;
}

.skl-heading-serif-xxl {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: -.016rem;
    max-width: 36em;
}

.skl-heading-serif-xl {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.012rem;
    max-width: 36em;
}

.skl-heading-xl {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 2.4rem;
    max-width: 36em;
}

.skl-heading-xxl {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 3.2rem;
    max-width: 36em;
}

.skl-heading-xs {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 1.2rem;
    letter-spacing: .02rem;
}

.skl-btn-medium {
    height: 4rem;
}

.skl-heading-md {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 1.6rem;
}

.skl-text-md {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.6rem;
}

.skl-text-xl {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.2rem;
}

.skl-btn-secondary {
    color: var(--color-black-secondary);
    background-color: transparent;
    border: 1px solid #2d2f31;
}

.skl-btn-secondary:focus, .skl-btn-secondary:hover {
    color: var(--color-black-primary);
    background-color: rgba(23, 57, 83, .12);
    border: 1px solid #2d2f31;
}

.skl-btn-primary {
    /* background-color: var(--color-gray-500); */
    /* color: var(--color-white); */
    border: 1px solid var(--color-black-primary);
    /* color: #fff; */
}

.skl-btn-primary:focus, .skl-btn-primary:hover {
    background-color: var(--color-black-secondary);
    color: var(--color-white);
}


.skl-btn-orange {
    /* background-color: var(--color-gray-500); */
    /* color: var(--color-white); */
    border: 1px solid var(--color-orange-primary);
    /* color: #fff; */
    color: var(--color-orange-primary )
}

.skl-btn-orange:focus, .skl-btn-orange:hover {
    background-color: var(--color-orange-primary);
    color: var(--color-white);
}

.skl-icon {
    display: inline-block;
    flex-shrink: 0;
}

.skl-icon-medium {
    width: 2rem;
    height: 2rem;
}

.skl-icon-color-neutral {
    color: var(--color-black-secondary)
}

.btn.skl-btn-disabled::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.skl-btn-brand {
    background: var(--color-orange-primary);
    color: var(--color-white);
    height: 4rem;
}

.skl-btn-brand:active,.skl-btn-brand:hover {
    background-color: var(--color-orange-secondary);
    color:var(--color-white)
}

.skl-btn-lg {
    height: 4.8rem;
}


.skl-form-group {
    min-width: 18rem;
    max-width: 60rem;
}

.skl-form-label {
    display: flex;
    align-items: center;
    margin: 0;
    padding-bottom: .8rem;
    min-height: 2.8rem;
}

.skl-sr-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}


.skl-text-sm {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.4rem;
}

.skl-text-xs {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.275rem;
}


.skl-heading-sm {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 1.4rem;
}

.skl-heading-lg {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 1.9rem;
    max-width: 36em;
}

.skl-main-content-wrapper {
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
}

.smart-bar-content-wrapper .smart-bar-action {
    margin-left: 1.6rem;
}

.smart-bar-content-wrapper {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.skl-header {
    width: 100%;
    box-shadow: none;
    z-index: 1010;
    position: fixed;
    top: 0;
    left: 0;
    transition: top 0.3s ease; 
}

.skl-header .skl-header-wrapper {
    box-shadow: none;
    background: transparent ;
    height: 7.2rem;
    padding: 0 2.4rem;
    position: relative;
    z-index: 1010;
}

.skl-header .smart-bar-container {
    background: var(--color-orange-primary);
    color: var(--color-white);
    display: flex;
    position: relative;
    z-index: 1010;
    text-align: center;
}

.skl-header .smart-bar-container .smart-bar-content .skl-text-sm {
    font-size: 1.6rem;
}

.skl-header .smart-bar-container .smart-bar-content .skl-heading-sm {
    font-size: 1.9rem;
}

.skl-header .smart-bar-container .smart-bar-content-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.skl-box-shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(247, 154, 45, 0.075) !important;
}

.skl-text-bold {
    font-weight: 700;
}

.header-brand-logo {
    padding-right: .8rem;
}

.header-brand-logo img {
    width: 75px;
    padding-top: 33px;
}

.skl-header-wrapper .header-btn-module {
    position: relative;
}

.skl-header-wrapper .header-btn-module  .skl-header-link {
    padding: 0 1.2rem;
    margin: 1.2rem 0;
    color: var(--color-orange-primary);
    background-color: transparent;
    min-width: auto;
    height: 4.8rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header-btn-module .skl-btn-secondary, .header-btn-module .skl-btn-primary {
    margin-left: .8rem;
}

.skl-header-wrapper .header-btn-module .skl-header-link span {
    color: #2d2f31;
}

.skl-header-wrapper .header-btn-module:hover .skl-header-link span {
    color: var(--color-orange-primary);
}

.skl-header-wrapper .search-module-wrapper {
    flex-grow: 1;
}

.skl-header-wrapper .search-module-wrapper .search-module-desktop {
    position: relative;
    height: 4.8rem;
    border: 1px solid var(--color-black-primary);
    border-radius: 9999px;
    background-color: #F9F8F9;
    margin: 0 1.2rem;
}

.skl-header-wrapper .search-module-wrapper .search-module-desktop .skl-search-form {
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 2.4rem 0 0;
}


.skl-search-form .skl-header-search-field {
    background: transparent;
    padding: 0 0 0 .4rem;
    border: 0;
    flex: 1;
    height: 3.4rem;
    border-radius: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0 1.6rem;
    width: 100%;
}

@keyframe modulepanel {
    0% {
        opacity: 0;
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.header-btn-module {
    position: relative;
}

.header-btn-module .module-panel {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0px;
    opacity: 0;
    animation: modulepanel 100ms cubic-bezier(.2,0,.38,.9) forwards;
    width: 32rem;
    background-color: #fff;
    box-shadow: 0 0 0 1px #d1d7dc, 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
    color: var(--color-black-primary);
    padding: 1.6rem;
    text-align: center;
    visibility: hidden;
}

.header-btn-module .module-panel.visible {
    opacity: 1;
    visibility: visible;
}

.slick-next:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
}
.slick-prev:before 
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 320 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>');
}
[dir='rtl'] .slick-next:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 320 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>');
}
[dir='rtl'] .slick-prev:before
{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
}

.slick-prev, .slick-next {
    background-color: var(--color-black-primary);
    color: var(--color-white);
    border: 1px solid var(--color-black-secondary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
    padding: 1.85rem 0.875rem;
    width: 4rem;
    border-radius: 50%;
    z-index: 999999;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background-color: var(--color-black-secondary);
    color: var(--color-white);
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}
.slick-prev:before, .slick-next:before {
    opacity: 1;
}

.slick-prev:before {
    position: absolute;
    top: 6px;
    left: 6px;
}

.slick-next:before {
    position: absolute;
    top: 6px;
    right: 6px;
}



.billboard-item .item-card {
    position: absolute;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
        padding: 2.4rem;
        left: 7.2rem;
        top: 21.4rem;
        max-width: 44rem;
        display: flex;
    flex-direction: column;
    box-shadow: none;
    background: #fff;
    width: 100vw;
    padding: 2.4rem;
}

.item-card-orange {
    background: rgba(246, 146, 30, 0.85) !important;
}

.billboard-item .item-card h1 {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 80rem;
    font-size: 2.4rem;
    margin-bottom: .8rem;
}

.billboard-item .item-card p {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 80rem;
    font-size: 1.4rem;
}

@media screen and (min-width: 1200px) {
    .billboard-item  .item-card h1 {
        font-size: 3.2rem;
    }
    .billboard-item .item-card p {
        font-size: 1.6rem;
    }
}

.partners-module {
    background-color: #F9F8F9;
}

.partners-module .module-listings {
    padding: 6.4rem;
}

.partners-module .module-listings h2 {
    color: #6a6f73;
    font-weight: 400;
    margin-bottom: 2.4rem;
    font-size: 1.9rem;
    max-width: 100%;
}

.partners-module .module-listings ul {
    list-style: none;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
}

.course-module .module-listings h2 {
    font-family: var(--font-stack-heading);
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: -.016rem;
    max-width: 36em;
}

.course-module .module-listings p {
    margin: 1.6rem 0 0;
}

.skl-nav {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-gap: 1.6rem;
    margin-top: 1.6rem;
}

.skl-nav .nav-item .nav-link {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--tabs-nav-color-default);
    cursor: pointer;
    padding: .8rem .4rem;
}

.skl-nav .nav-item .nav-link.active, .skl-nav .nav-item .nav-link:hover {
    color: var(--tabs-nav-color-active);
}

.tab-pane-container {
    border: 1px solid #d1d7dc;
    padding: 3.2rem;
}

.tab-pane-container h2 {
    font-size: 2.4rem !important;
}

.tab-pane-container p {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 1.6rem;
    max-width: 80rem;
    font-weight:  400;
}

.course-details-module {
    height: 100%;
    cursor: pointer;
}

.course-details-module .course-card-container {
    gap: .8rem;
    grid-template-rows: auto 1fr;
    max-width: 37.5rem;
    min-width: 17.3rem;
    display: grid;
    position: relative;
    height: 100%;
    width: 250px;
}

.course-details-module .course-card-container .course-card-image-container {
    aspect-ratio: calc(1 / 0.5625);
    width: 250px;
    height: 200px;;
    align-self: start;
    border: 1px solid #d1d7dc;
    overflow: hidden;
    position: relative;
}

.course-details-module .course-card-container .course-card-image-container img {
    display: block;
    transition: opacity linear 100ms;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course-details-module .course-card-container .course-card-main-content-container {
    width: 100%;
    color: var(--color-black-primary);
    white-space: nowrap;
    min-width: 1px;
}

.course-details-module .course-card-main-content-container h3 {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.course-card-main-content-container .card-module-instructor {
    font-family: var(--font-stack-text);
    font-weight: 400;
    line-height: 1.4;
    font-size: 1.2rem;
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.course-card-main-content-container .card-module-price {
    line-height: 1;
    padding: .4rem 0;
    white-space: nowrap;
}

.ribbon-module {
    display: inline-flex;
    align-items: center;
    padding: .4rem .8rem;
    white-space: nowrap;
    background-color: var(--ribbon-background-color);
    color: var(--ribbon-color);
}

.course-outline-popover-container {
    padding: 2.4rem;
    width: 34rem;
    background-color: #fff;
    box-shadow: 0 0 0 1px #d1d7dc, 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
    color: var(--color-black-primary);
    border: 0;
    border-radius: 0;
}

.course-outline-popover-container ul {
    list-style: none; 
}

.course-card-image-container .skl-text-sm {
    font-size: 0.875rem;
}

.course-outline-popover-container ul li {
    padding-left: 20px; 
    position: relative;
}

.course-outline-popover-container ul li::before {
    content: "\2714"; 
    font-size: 9px; 
    position: absolute;
    left: 0;
}

.learners-module {
    background: #F9F8F9;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.testimonial-card {
    width: 38.9rem;
    background: #fff;
    border: 1px solid #d1d7dc;
    display: flex;
    height: 100%;
    padding: 2.4rem;
}

.testimonial-card .testimonial-card-main-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.testimonial-card .testimonial-card-footer {
    border-top: 1px solid #d1d7dc;
    padding-top: 2.4rem;
    margin-top: 2.4rem;
}


.category-module-card img {
    width: 100%;
    height: auto;
    background: #F9F8F9;
    display: block;
    object-fit: contain;
    transition: transform 100ms cubic-bezier(.2,0,1,.9);
}

.category-module-card img:hover {
    transform: scale(1.05);
    transition: transform 150ms cubic-bezier(0,0,.38,.9);
}

.category-module-card .category-module-card-text {
    color: var(--color-black-primary);
    padding: .8rem 0 1.6rem;
}

.parent-testimonials {
    background: #F9F8F9;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.carousel-parents .testimonial-card {
    justify-content: space-around;
        width: 112rem;
        background: #fff;
    border: 1px solid #d1d7dc;
    display: flex;
    height: 28rem;
    padding: 2.4rem;
}

.carousel-parents .testimonial-card .skl-avatar {
    height: 12.8rem !important;
    margin-bottom: 1.2rem;
    width: 12.8rem !important;
}

.teach-module .teach-module-container {
    display: flex;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.teach-module .teach-module-container .skl-heading-serif-xl {
    font-family: var(--font-stack-heading);
        font-weight: 700;
        font-size: 3.2rem;
        line-height: 1.25;
        letter-spacing: -.016rem;
        max-width: 36em;
}

.teach-module .teach-module-container .skl-text-md {
    font-size: 1.9rem;
    margin-bottom: 1.6rem;
}

.skl-footer {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
    background: var(--color-black-secondary);
    border-top: 1px solid var(--color-black-primary);
    color: #fff;
}

.skl-footer .links-sector {
    display: flex;
}

.skl-footer .link {
    display: block;
    padding: .4rem 0;
    color: var(--color-black-primary);
}

.skl-footer .white-link {
    color: #fff;
    text-decoration: none;
}

.skl-footer .white-link:hover, .skl-footer .white-link:active {
    color: #fff;
    text-decoration: underline;
}

.links-sector .list-column {
    width: 24rem;
}

.skl-footer .logo-and-copyright {
    display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 6.4rem 0 3.2rem;
}

.auth-module .skl-heading-xxl {
    font-size: 3.2rem;
    margin-bottom: 3.2rem;
}

.auth-form-row {
    margin-bottom: 2.4rem;
}

.auth-form-row .seperator-module {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.seperator-module .seperator-module-hr {
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    width: 100%;
    border: none;
    height: 1px;
    background: var(--color-gray-200);
}

.seperator-module .seperator-module-children {
    position: absolute;
    display: inline-block;
    text-align: center;
    color: #6a6f73;
    background: var(--color-white);
    padding: .4rem .8rem;
    font-size: 1.2rem;
    transform: translate(-50%, 15%);
}

.other-options-button-module {
    background-color: #F9F8F9;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    text-align: center;
}

.other-options-button-module-border {
    border-bottom: .1rem solid #d1d7dc;
}

.video-js {
    width: 100%;
    height: 100%;
}

.course-info-module .skl-para-text {
    margin-top: .8rem;
    color: #6a6f73;
}

.course-info-module .module-money-back {
    background: var(--color-red-350)
}

.batches-info .skl-text-xs {
    font-size: 0.945rem;
}

.message-body a {
    text-decoration: none;
    display: block;
    padding: 10px;
    border-radius: 6px;
    color: #333;
    transition: background-color 0.3s ease;
}

.message-body a:hover {
    background-color: #f4f4f4;
}

.message-body h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: left;
}

.message-body a.logout:hover {
    background-color: #f9d5d3;
}


.skl-header-swift {
    position: relative;
    box-shadow: 0 0.4rem 1rem rgba(247, 154, 45, 0.15) !important;
}

.skl-header-swift .skl-header .skl-header-wrapper {
    height: 8.2rem;
}

.skl-header-swift .header-brand-logo img {
    width: 40px;
    margin-bottom: 50px;
}