body {
    background-color: #f1f1f1;
    font-family: "Manrope", sans-serif;
    /* background-image: url(/wp-content/themes/learnsignal/assets/images/bg.png); */
    background-repeat: repeat-y;
    background-blend-mode: multiply;
    background-size: contain;
    color: #111827;
    line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}

ul,
ol {
    font-family: inherit;
}

.font-manrope {
    font-family: "Manrope", sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.text-black {
    color: #111827;
}

.container {
    max-width: 1160px !important;
}

.primary-menu-container-top .menu-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    position: relative;
}

.primary-menu-container-top .menu-wrapper a {
    padding-left: var(--primary-nav--padding);
    padding-right: var(--primary-nav--padding);
    color: #111827;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

.js-sub-menu-open-top > svg {
    margin-left: 8px;
}

.js-sub-menu-open-top.active > svg {
    transform: rotate(180deg);
}

.top-menu-singlec-img {
    max-width: 42px;
}

.right-sidebar-area section:last-child{
    position:sticky;
    top:32px;
}

.fs-16 {
    font-size: 16px;
}

.fs-12 {
    font-size: 12px;
    line-height: 150%;
}

.fs-lh-16 {
    font-size: 16px;
    line-height: 150%;
}

.fs-18 {
    font-size: 18px;
    line-height: 150%;
}

.fs-14 {
    font-size: 14px;
}

.fs-21 {
    font-size: 21px;
}

.fs-28-only {
    font-size: 28px;
}

.fs-28 {
    font-size: 28px;
    line-height: 150%;
}

.fs-40 {
    font-size: 40px;
    line-height: 130%;
}

.fs-36 {
    font-size: 36px;
    line-height: 150%;
}

.fs-48 {
    font-size: 48px;
}

.fs-24 {
    font-size: 24px;
}

.fs-20 {
    font-size: 20px;
    line-height: 150%;
}

.fs-32 {
    font-size: 32px;
}

.fs-38 {
    font-size: 38px;
}

.fs-11 {
    font-size: 11px;
}

.fs-10 {
    font-size: 10px;
}

.fs-18 {
    font-size: 18px;
}

.fs-56 {
    font-size: 56px;
    line-height: 150%;
}

.fs-72 {
    font-size: 72px;
    line-height: 120%;
}

.ls-normal {
    letter-spacing: normal;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-0 {
    line-height: 0;
}

.ff-serif-pro {
    font-family: "Source Serif Pro", serif !important;
}

.text-grey {
    color: #6b7280;
}

.font-warm-gray-900 {
    color: #1C1917;
}

.font-cool-gray-900 {
    color: #111827;
}

.font-cool-gray-400 {
    color: #9ca3af;
}

.font-cool-gray-300 {
    color: #D1D5DB;
}

.font-cool-gray-700 {
    color: #374151;
}

.font-cool-gray-500 {
    color: #6B7280;
}

.font-cool-gray-600 {
    color: #4B5563;
}

.font-cool-gray-200 {
    color: #E5E7EB;
}

.font-blue-gray-700 {
    color: #64748B;
}

.font-yellow-200 {
    color: #FDE68A;
}

.font-yellow-200 {
    color: #FDE047;
}

.font-yellow-400 {
    color: #FACC15;
}

.font-yellow-500 {
    color: #EAB308;
}

.font-white {
    color: #fff;
}

.font-red-400 {
    color: #F87171;
}

.font-color-emerald-300 {
    color: #6EE7B7;
}

.font-color-emerald-400 {
    color: #34D399;
}

.font-color-emerald-500 {
    color: #10B981
}

.font-color-emerald-600 {
    color: #059669;
}

.font-color-emerald-900 {
    color: #064E3B;
}

.font-gradient-blue {
    background: linear-gradient(90deg, #00F5A0 0%, #00D9F5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.font-gradient-orange {
    background: linear-gradient(90deg, #FF8008 0%, #FFC837 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.font-color-warmGray {
    color: #44403C
}

.font-blue-500 {
    color: #3B82F6;
}

.font-blue-gray-400 {
    color: #94A3B8;
}

.page-template-page-basic .entry-content h1,
.page-template-page-basic .entry-content h2,
.page-template-page-basic .entry-content h3,
.page-template-page-basic .entry-content h4,
.page-template-page-basic .entry-content h5,
.page-template-page-basic .entry-content h6 {
    font-weight: bold;
    margin: 30px 0 20px 0;
}

.card {
    border: 1px solid #CBD5E1;
    border-radius: 8px;
}

.btn-pd-12-24 {
    padding: 12px 24px !important
}

.btn-pd-12-40 {
    padding: 12px 40px !important
}

.btn-pd-6-24 {
    padding: 6px 24px;
}

.btn-pd-16-40 {
    padding: 16.5px 40px;
}

.btn-pd-10-20 {
    padding: 10px 20px;
}

.btn-pd-16-24 {
    padding: 16.5px 24px !important;
}

.btn-pd-10 {
    padding: 10px;
}

.btn-pd-10-20 {
    padding: 10px 20px;
}

.br-4 {
    border-radius: 4px;
}

.br-8 {
    border-radius: 8px;
}

.br-12 {
    border-radius: 12px;
}

.br-10 {
    border-radius: 10px;
}

.br-16 {
    border-radius: 16px;
}

.br-20 {
    border-radius: 20px;
}

.br-32 {
    border-radius: 32px;
}

.br-34 {
    border-radius: 34px;
}

.br-48 {
    border-radius: 48px;
}

.br-64 {
    border-radius: 64px;
}

.br-20-20-0-0 {
    border-radius: 20px 20px 0 0;
}

.br-top-8px {
    border-radius: 8px 8px 0 0;
}

.br-bottom-8px {
    border-radius: 0 0 8px 8px;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.btn-success:not(:hover):not(:active):not(.has-text-color) {
    color: #fff;
    background-color: #10b981;
    border-color: #10b981;
}

.btn-primary-1 {
    color: #fff;
    background-color: #111827;
    border-color: #111827;
}

.btn-primary-1:hover {
    background-color: rgb(55 65 81);
}

.btn.btn-lrg {
    max-width: 360px;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
}

.btn.btn-yellow {
    background: #fef08a !important;
    border-radius: 6px;
}

.btn.btn-yellow-400 {
    background: #FACC15 !important;
    border-radius: 6px;
}

.p-32x-12y {
    padding: 12px 32px;
}

.p-12px {
    padding: 12px;
}

.p-3x-6y {
    padding: 3px 6px;
}

.mb-0x {
    margin-bottom: 0px;
}

.mb-1x {
    margin-bottom: 10px;
}

.mb-2x {
    margin-bottom: 20px;
}

.mt-1x {
    margin-top: 10px;
}

.mt-2x {
    margin-top: 20px;
}

.mb-4x {
    margin-bottom: 40px;
}

.ml-2x {
    margin-left: 20px;
}

.mr-2x {
    margin-right: 20px;
}

.mr-1x {
    margin-right: 10px;
}

.mb-22px {
    margin-bottom: 22px;
}

.pr-22px {
    padding-right: 22px;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

a.hyperlink-underline {
    color: #00B67A;
    text-decoration: underline;
}

a.hyperlink-underline:hover {
    color: #00B67A;
}

.color-inherit {
    color: inherit;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.alignwide,
.wide-max-width {
    max-width: 1280px;
}

.site-footer,
.site-header {
    max-width: 100%;
}

.primary-navigation > div > .menu-wrapper {
    justify-content: center;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a {
    text-decoration: none;
}

/* .primary-navigation .primary-menu-container > ul > .menu-item > a:hover{
    text-decoration: none;
} */

.primary-navigation .primary-menu-container > ul > .menu-item {
    margin-left: 30px;
}

.primary-navigation .primary-menu-container > ul > .menu-item:before {
    content: "•";
    position: absolute;
    top: 8px;
    left: -20px;
    color: #6366F1;
}

.topmenu-middle-right-button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
}

.search-inner-post-connt .topmenu-middle-right-button {
    top: -14px;
}

.top-menu-inner-conn {
    position: absolute;
    width: 692px;
    background: #fff;
    max-width: 692px;
    z-index: 2;
    background: #ffffff;
    border: 1px solid #f3f4f6;
    box-sizing: border-box;
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1),
    0px 10px 10px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    top: 35px;
}

.top-menu-single-category {
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-menu-single-category:hover {
    background: #f1f5f9;
    font-weight: 600;
}

.top-menu-conn-left {
    border-right: 1px solid #e5e7eb;
}

.top-menu-single-course-item:hover {
    background: #f1f5f9;
    border-radius: 8px;
}

.no-a-style {
    color: inherit !important;
    text-decoration: none;
}

.hover-bg-grey:hover {
    background: #F3F4F6;
}

.no-a-style:focus {
    outline: none;
    background: transparent !important;
    text-decoration: none !important;
}

/* footer */
.bg-coolgrey {
    background: #111827;
}

.bg-blue-50 {
    background: #EFF6FF;
}

.bg-white {
    background: #fff;
}

.bg-warm-gray-100 {
    background: #F5F5F4;
}

.bg-green-100 {
    background: #d1fae5;
}

.bg-green-50 {
    background: #ecfdf5;
}

.bg-cool-gray-100 {
    background-color: #F3F4F6;
}

.bg-cool-gray-300 {
    background-color: #D1D5DB;
}

.bg-cool-gray-800 {
    background-color: #1F2937;
}

.bg-cool-gray-700 {
    background-color: #374151;
}

.bg-blue-gray-100 {
    background-color: #F1F5F9;
}

.bg-blue-gray-50 {
    background-color: #F8FAFC;
}

.bg-blue-gray-200 {
    background-color: #E2E8F0;
}

.bg-blue-gray-300 {
    background-color: #CBD5E1;
}

.bg-blue-gray-900 {
    background-color: #0F172A;
}

.bg-blue-gray-700 {
    background-color: #334155;
}

.bg-blue-gray-600 {
    background-color: #475569;
}

.bg-true-gray-200 {
    background-color: #E5E5E5;
}

.bg-true-gray-50 {
    background-color: #FAFAFA;
}

.bg-gray-gradient {
    background: linear-gradient(90deg, #FDFBFB 0%, #EBEDEE 100%);
}

.bg-yellow-gradient {
    background: linear-gradient(90deg, #EAB308 12.5%, #FEF08A 100%);
}

.bg-emerald-900 {
    background-color: #064E3B;
}

.bg-emerald-600 {
    background-color: #059669;
}

.bg-yellow-200 {
    background-color: #FEF08A;
}

.bg-yellow-300 {
    background-color: #FCD34D;
}

.bg-emerald-50 {
    background-color: #ECFDF5;
}

.bg-yellow-400 {
    background-color: #FACC15;
}

.bg-yellow-100 {
    background-color: #FEF9C3;
}

.bg-yellow-50 {
    background-color: #FEFCE8;
}

.bg-cool-gray-200 {
    background-color: #E5E7EB;
}

.bg-green-500 {
    background-color: #22C55E;
}

.subscription-container {
    max-width: 80%;
    width: 100%;
    margin: 0px auto;
    display: flex;
}

.subscription-container input {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
    border-radius: 8px 0px 0px 8px !important;
    margin-left: 10px !important;
    line-height: 22px;
    margin-right: 0;
}

.subscription-container .input-group-text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #ffffff;
    background: #00b67a;
    border-radius: 0px 8px 8px 0px;
    border: 0;
}

.subscription-container .subscription-heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 0;
    line-height: 45px;
}

ul.fotter-custom-menu.list-unstyled li {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 11px;
}

h3.footer-custom-menu-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 10px;
}

.flat-border-top-green-900 {
    width: 100%;
    height: 8px;
    background-color: #064E3B;
}

.pt-1x {
    padding-top: 10px;
}

.pt-8x {
    padding-top: 80px;
}

.pt-18x {
    padding-top: 18px;
}

.pb-8x {
    padding-bottom: 80px;
}

.pt-10x {
    padding-top: 100px;
}

.pb-10x {
    padding-bottom: 100px;
}

.pb-12px {
    padding-bottom: 12px;
}

.mb-12px {
    margin-bottom: 12px;
}

.mt-12px {
    margin-top: 12px;
}

.mb-32px {
    margin-bottom: 32px;
}

.mb-64px {
    margin-bottom: 64px;
}

.pe-12px {
    padding-right: 12px;
}

.ps-12px {
    padding-left: 12px;
}

.pt-12px {
    padding-top: 12px;
}

.py-3x {
    padding-top: 30px;
    padding-bottom: 30px;
}

.px-3x {
    padding-left: 30px;
    padding-right: 30px;
}

.py-4x {
    padding-top: 40px;
    padding-bottom: 40px;
}

.px-4x {
    padding-left: 40px;
    padding-right: 40px;
}

.pr-4x {
    padding-right: 40px;
}

.p-1x {
    padding: 10px;
}

.p-16x {
    padding: 16px;
}

.p-2x {
    padding: 20px;
}

.p-12px {
    padding: 12px;
}

.py-2x {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-4x {
    padding: 40px;
}

.ms-4x {
    margin-left: 40px;
}

ul.tick-list.light-list li:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-light-green-small.svg');
    margin-right: 12px;
}

.px-5x {
    padding: 5px;
}

.p-5x {
    padding: 50px;
}

.pt-5x {
    padding-top: 50px;
}

.pb-5x {
    padding-bottom: 50px;
}

.pt-6x {
    padding-top: 60px;
}

.pb-6x {
    padding-bottom: 60px;
}

.py-6x {
    padding-top: 60px;
    padding-bottom: 60px;
}

.my-4x {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .p-lg-4x {
        padding: 40px !important;
    }

    .p-lg-2x {
        padding: 20px !important;
    }

    .py-lg-8x {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .py-lg-10x {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .py-lg-2x {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1x {
        margin-bottom: 10px !important;
    }

    .mr-lg-1x {
        margin-right: 10px !important;
    }

    .mb-lg-2x {
        margin-bottom: 20px !important;
    }

    .mb-lg-4x {
        margin-bottom: 40px !important;
    }

    .px-lg-2x {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pt-lg-8x {
        padding-top: 80px !important;
    }

    .ps-lg-2x {
        padding-left: 20px !important;
    }

    .px-lg-8x {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .mb-lg-12px {
        margin-bottom: 12px !important;
    }

    .mb-lg-22px {
        margin-bottom: 22px !important;
    }

    .mb-lg-10x {
        margin-bottom: 100px !important;
    }


    .fs-lg-16 {
        font-size: 16px;
    }

    .fs-lg-12 {
        font-size: 12px;
        line-height: 150%;
    }

    .fs-lg-14 {
        font-size: 14px;
    }

    .fs-lg-21 {
        font-size: 21px;
    }

    .fs-28 {
        font-size: 28px;
    }

    .fs-lg-40 {
        font-size: 40px;
        line-height: 150%;
    }

    .fs-lg-48 {
        font-size: 48px;
    }

    .fs-lg-24 {
        font-size: 24px;
    }

    .fs-lg-20 {
        font-size: 20px;
    }

    .fs-lg-32 {
        font-size: 32px;
    }

    .fs-lg-38 {
        font-size: 38px;
    }

    .fs-lg-36 {
        font-size: 36px;
    }

    .fs-kg-11 {
        font-size: 11px;
    }

    .fs-lg-18 {
        font-size: 18px;
    }

    .fs-lg-56 {
        font-size: 56px;
    }

    .fs-lg-28 {
        font-size: 28px;
    }

    .flat-border-top-green-900 {
        width: 100%;
        height: 16px;
        background-color: #064E3B;
    }

    ul.tick-list.light-list li:before {
        content: url('/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-light-green.svg');
        margin-right: 16px;
    }

    .br-lg-20 {
        border-radius: 20px;
    }

    .min-height-lg-1015px {
        min-height: calc(100vh - 120px);
    }

    .min-height-lg-640px {
        min-height: 640px;
    }
}


.pl-4x {
    padding-left: 40px;
}

.mt-4x {
    margin-top: 40px;
}

@media (max-width: 640px) {
    .pt-10x {
        padding-top: 60px;
    }

    .pb-10x {
        padding-bottom: 60px;
    }
}

.mt-10x {
    margin-top: 100px;
}

/* program block */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    --bs-gutter-x: 0;
}

.hubspot-form-custom .col-12 {
    padding: 0;
}

.row > * {
    padding-right: 20px;
    padding-left: 20px;
}

.author-image-conn {
    border-radius: 50%;
    overflow: hidden;
}

.white-badge-conn {
    padding-bottom: 8px;
    border-bottom: 1px solid #d6d3d1;
    margin-bottom: 24px;
    align-items: flex-start;
    white-space: nowrap;
}

.white-badge {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 8px 16px;
    margin-right: 8px;
}

.white-badge.active {
    background: #d1fae5;
    border: 2px solid #10b981;
    border-radius: 8px;
    color: #10B981;
    font-weight: 700;
}

.color-orange {
    color: #ea580c;
}

.bg-orange {
    background-color: #ea580c;
}

.bg-red {
    background-color: #EF4444;
}

.color-purple {
    color: #818CF8;
}

.color-purple-1 {
    color: #6366F1;
}

.color-coolgray {
    color: #111827;
}

.anchor-hover-purple1 {
    color: #6366F1;
}

.custom-heading {
    font-size: 32px;
    font-weight: 700;
}

.special-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    transform: rotate(-2deg);
    border-radius: 8px;
}

.special-text.color-orange::before {
    background-color: #ea580c;
}

.special-text.color-purple::before {
    background-color: #818CF8;
}

.special-text {
    position: relative;
}

.special-text.green::before {
    background-color: #00B67A;
}

.special-text.special-text-bottom-0::before {
    bottom: 0;
}

/* Front Page Cat */

.br-40 {
    border-radius: 40px;
}

.single-cat-home-conn {
    background: linear-gradient(154.43deg, #f5f5f4 50.63%, #d6d3d1 100%);
    border-radius: 20px;
    color: #333;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cat-img-conn {
    position: relative;
    z-index: 2;
    max-width: 120px;
    margin-bottom: 32px;
}

.cat-img-conn:before {
    position: absolute;
    background: #fff;
    width: 180px;
    height: 180px;
    z-index: 1;
    content: "";
    top: -40px;
    left: -40px;
    border-radius: 50%;
}

.cat-img-conn > img {
    z-index: 3;
}

.cat-scroll-conn {
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.cat-scroll-conn::-webkit-scrollbar {
    display: none;
}

.single-category-home-conn {
    width: 23%;
    min-width: 286px;
    padding-left: 12px;
    padding-right: 12px;
}

/* mobile menu */

.primary-navigation-custom-mobile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100vh);
    background: #fff;
    padding-top: 55px;
    z-index: 2;
}

div#primary-mobile-menu-custom {
    position: relative;
    z-index: 3;
    color: #111827;
    padding: 10px;
    border-radius: 8px;
    margin-left: 10px;
}

.top-menu-category-mobile-conn {
    border-radius: 12px;
    background: #f1f5f9;
}

.top-menu-single-category-mobile-course-body {
    display: none;
}

.top-menu-single-category-mobile-course.active .top-menu-single-category-mobile-course-body {
    display: block;
}

.top-menu-single-category-mobile-body {
    margin: 16px;
}

.top-menu-single-category-mobile-body:first-child {
    margin-top: 0;
}

.top-menu-single-category-mobile-body:last-child {
    margin-bottom: 2px;
}

.top-menu-single-category-mobile-course-head {
    padding: 16px 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* #primary-mobile-menu-custom {
} */
#primary-mobile-menu-custom.active {
    color: #999999;
}

#primary-mobile-menu-custom .close {
    display: none;
}

#primary-mobile-menu-custom.active .open {
    display: none;
}

#primary-mobile-menu-custom.active .close {
    display: block;
}

.entry-title-1 {
    max-width: 90%;
    margin: 0px auto;
}

.entry-title-1 > p {
    line-height: 1.3em;
}

.single-post-entry-header .post-thumbnail .wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
}

.entry-header .post-thumbnail,
.singular .post-thumbnail {
    width: 100%;
}

.min-width-96px {
    min-width: 96px;
    width: 96px;
}

.min-width-144px {
    min-width: 144px;
    width: 144px;
}

.customRadio input[type="checkbox"],
.customRadio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    border: 0 !important;
}

.customRadio .checkmark-radio:before {
    margin-right: 16px;
    content: url('/wp-content/themes/learnsignal/assets/images/svg/radio-inactive.svg');
}

.customRadio input:checked ~ .checkmark-radio::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/radio-active.svg');
}

.customRadio input:checked ~ .checkmark-radio.check-design-box::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/square-check.svg');
}

.customRadio .checkmark-radio.check-design-box:before {
    margin-right: 16px;
    content: url('/wp-content/themes/learnsignal/assets/images/svg/sqaure-empty-check.svg');
}

.customRadio--wrap {
    background: #fff;
    transition: background-color 0.25s ease-in-out;
}

.customRadio--wrap.active {
    background-color: #111827 !important;
    color: #fff;
}

.customRadio--wrap.active .font-cool-gray-900 {
    color: white;
}

.divider {
    width: 100%;
    height: 1px;
    border-radius: 2px;
}

.divider.divider-green {
    background-color: #064e3b;
}

.opacity-100 {
    opacity: 1;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-0 {
    opacity: 0;
}

.dot-in-front {
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.dot-in-front::before {
    content: "";
    display: inline-block;
    margin-right: 7px;
    min-width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: currentColor;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-800 {
    font-weight: 800;
}

.widget-recent-post-conn > .col-12 {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d6d3d1;
}

.widget-recent-post-conn > .col-12:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.subscribe-box-newsletter {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
    border-radius: 20px;
}

.form-control.input-text {
    border: 1px solid #d1d5db;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px 20px;
}

figcaption {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    color: #6b7280;
}

.btn.btn-green {
    background-color: #00b67a !important;
    border-radius: 8px;
    color: #fff !important;
    padding: 12px;
    font-family: "Manrope";
    font-weight: 700;
}

.btn.btn-red {
    background-color: #EF4444 !important;
    border-radius: 8px;
    color: #fff !important;
    padding: 12px;
    font-family: "Manrope";
    font-weight: 700;
}


.btn.btn-white {
    background-color: #fff !important;
    border-radius: 8px;
    color: #10B981 !important;
    padding: 12px;
    font-family: 'Manrope';
    font-weight: 700;
    border: 2px solid #10B981;
}

.btn.btn-orange {
    background: #FFFFFF !important;
    border: 1px solid #F97316 !important;
    border-radius: 8px;
    font-family: 'Manrope';
    color: #F97316;
}

.btn-pass {
    height: 24px;
    margin-top: 3px;
}

@media (max-width: 992px) {
    .btn-pass {
        height: 24px;
        width: 54px;
        margin-top: 3px;
    }
}

.btn.btn-cool-gray-100 {
    background: #F3F4F6;
    border: 2px solid #F3F4F6;
    color: #111827;
    border: 0;
    padding: 12px;
    border-radius: 8px;
    font-family: 'Manrope';
    font-weight: 700;
}

.sidebar-banner {
    background: linear-gradient(180deg, #000000 0%, #000032 100%);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.side-cpd-top-banner {
    background-image: url('/wp-content/themes/learnsignal/assets/images/sidebar/bg-banner-1.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
}

.side-cpd-top-banner:before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, #000000 5.8%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, #000000 4.09%, rgba(0, 0, 0, 0) 34.2%);
}

.sidebar-banner:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background: url("/wp-content/themes/learnsignal/assets/images/sidebar/subscription-line-left.png");
    background-repeat: no-repeat;
    bottom: 0;
    background-position: bottom;
}

.p-index-3 {
    position: relative;
    z-index: 3;
}

span.special-text.color-yellow {
    color: #fef08a;
}

span.special-text.color-yellow::before {
    background: #fef08a;
}

/* Custom Select */
.custom-select,
.custom-select1 {
    position: relative;
    display: inline-block;
}

.custom-select select,
.custom-select1 select {
    display: none;
}

.custom-select .selected-item,
.custom-select1 .selected-item {
    padding: 0 10px;
    cursor: pointer;
    z-index: 99;
    font-weight: 800;
    font-size: 32px;
    line-height: 150%;
    color: #6366f1;
}

.custom-select.program .selected-item,
.custom-select1.program .selected-item {
    color: #ea580c;
}

.custom-select .selected-item svg,
.custom-select1 .selected-item svg {
    margin: 0 12px;
}

.custom-select .arrowanim.selected-item svg,
.custom-select1 .arrowanim.selected-item svg {
    transform: rotate(180deg);
}

.custom-select .item-header,
.custom-select1 .item-header {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
}

.custom-select .item,
.custom-select1 .item {
    padding: 13px 20px 13px 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
}

.custom-select .item svg,
.custom-select1 .item svg {
    margin-right: 18px;
}

.custom-select .item:hover,
.custom-select .item.selected,
.custom-select1 .item:hover,
.custom-select1 .item.selected {
    color: #6366f1;
}

.custom-select.program .item:hover,
.custom-select1.program .item:hover {
    color: #ea580c;
}

.custom-select .all-items,
.custom-select1 .all-items {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
    min-width: 272px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1),
    0px 10px 10px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
}

.custom-select .all-items-hide,
.custom-select1 .all-items-hide {
    display: none;
}

.top-article-right-section-single {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d6d3d1;
}

.top-article-right-section-single:last-child {
    border-bottom: 0px solid #d6d3d1;
}

.border-bottom-1px-grey {
    border-bottom: 1px solid #d6d3d1;
}

.border-top-1px-grey {
    border-top: 1px solid #d6d3d1;
}

.border-0 {
    border: 0px;
}

.border-top-1px-coolgrey-300 {
    border-top: 1px solid #D1D5DB;;
}

.border-bottom-1px-coolgrey-300 {
    border-bottom: 1px solid #D1D5DB;;
}

.top-article-left-border {
    border-left: 1px solid #d6d3d1;
}

.single-blog-featured-img {
    border-radius: 10px;
    overflow: hidden;
    height: 222px;
    background: #FFF;
    line-height: 221px;
    align-items: center;
    display: block;
}

.pt-2x {
    padding-top: 20px;
}

.pb-2x {
    padding-bottom: 20px;
}

.px-1x {
    padding-left: 10px;
    padding-right: 10px;
}

.px-2x {
    padding-left: 20px;
    padding-right: 20px;
}

.pt-4x {
    padding-top: 40px;
}

.px-4x {
    padding-left: 40px;
    padding-right: 40px;
}

.pb-4x {
    padding-bottom: 40px;
}

.py-4x {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-4x {
    padding: 40px;
}

.px-2px {
    padding-left: 2px;
    padding-right: 2px;
}

.indigo-badge {
    background: #E0E7FF;
    color: #6366F1;
    margin-right: 4px;
}

a.anchor-hover-indigo:hover {
    color: #6366F1;
}

.orange-badge {
    color: #EA580C;
    background: #FFEDD5;
    margin-right: 4px;
}

.orange-badge-100 {
    color: #F97316;
    background: #FFEDD5;
    margin-right: 4px;
}

/* Search */

.search-floating-conn {
    position: absolute;
    width: calc(100% - 40px);
    top: 14px;
    left: 20px;
}

.search-inner-post-connt .search-floating-conn {
    top: -14px;
}

.search-floating-conn input {
    border: 0;
    background: transparent;
    border-bottom: 5px solid #6366F1;
}

.search-floating-conn input:focus {
    border: 0;
    background: transparent;
    border-bottom: 5px solid #6366F1;
    outline: none;
    box-shadow: none;
}

.loader-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 90px;
}

.loader-holder .wave {
    display: inline-block;
    margin: 2px;
    width: 10px;
    height: 4px;
    background-color: #F1F1F1;
    transform-origin: center;
    border-radius: 10px
}

.loader-holder div {
    animation-name: wave;
    /*add movetop to animation-name if you wan't to move it from top or you can move it from bottom by adding movebottom*/
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    transition: all .5s ease-in-out;
}

.loader-holder div:nth-of-type(2) {
    animation-delay: .1s;
}

.loader-holder div:nth-of-type(3) {
    animation-delay: .2s;
}

.loader-holder div:nth-of-type(4) {
    animation-delay: .3s;
}

.loader-holder div:nth-of-type(5) {
    animation-delay: .4s;
}

.loader-holder div:nth-of-type(6) {
    animation-delay: .5s;
}

.loader-holder div:nth-of-type(7) {
    animation-delay: .6s;
}

@keyframes wave {
    from {
        height: 4px;
        background-color: #F1F1F1;
    }

    to {
        height: 65px;
        background-color: #E1E1E1;
    }
}

.search-floating-result {
    position: absolute;
    width: calc(100% - 40px);
    background: #FFF;
    top: 88px;
    left: 20px;
    box-shadow: 0px 20px 25px rgb(0 0 0 / 10%), 0px 10px 10px rgb(0 0 0 / 4%);
    border-radius: 20px;
    padding: 24px;
    z-index: 4;
}

.search-inner-post-connt .search-floating-result {
    top: 60px;
}

.search-floating-conn > .close_search {
    position: absolute;
    right: 0;
    top: 3px;
    cursor: pointer;
    padding: 10px;
}

/*  */

.category-pagenation {
    text-align: center;
    position: absolute;
    bottom: -119px;
    width: 100%;
    vertical-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-pagenation.bottom-51px {
    bottom: -51px;
}

.category-pagenation.bottom-51px ul.splide__pagination:empty {
    width: 96px;
    height: 4px;
    background: #111827;
    border-radius: 10px;
    margin: 0 8px;
}

.category-pagenation .splide__pagination {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.bg-grey-1 {
    background-color: #E7E5E4;
}

.category-pagenation .splide__pagination .splide__pagination__page {
    width: 40px;
    border-radius: 10px;
    height: 4px;
    background-color: #cbcbcb !important;
    margin: 0 10px;
    padding: 0;
}

.category-pagenation .splide__pagination .splide__pagination__page.is-active {
    height: 4px;
    transform: none;
    background-color: #111827 !important;
}

.category-pagenation .splide__pagination li {
    line-height: 0px;
}

.category-arrow {
    padding: 0 !important;
    background-color: #E7E5E4 !important;
    border-radius: 8px;
    color: #111827 !important;
    border: 0px;
    line-height: 0;
    height: 40px;
    width: 40px;
}

.custom-select .all-items-hide {
    display: none;
}

ul.tick-list {
    list-style-type: none;
    padding: 0;
}

ul.tick-list li {
    display: flex;
    margin-bottom: 20px;
    color: #111827;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

ul.tick-list-s-24 {
    list-style-type: none;
    padding: 0;
}

ul.tick-list-s-24 li {
    display: flex;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

ul.tick-list.light-list li {
    color: #fff;
}

ul.tick-list.double-check li {
    color: #fff;
    margin-bottom: 8px;
}

ul.tick-list li:nth-last-child(1) {
    margin-bottom: 0px;
}

ul.tick-list-s-24 li:nth-last-child(1) {
    margin-bottom: 0px;
}

ul.tick-list li:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-green.svg');
    margin-right: 16px;
}

ul.tick-list-s-24 li::before {
    background-image: url(/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-light-green.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 20px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    content: "";
}

ul.tick-list.double-check li:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/double-check.svg');
    margin-right: 9px;
}


.border-coolGray-300 {
    border: 1px solid #D1D5DB;
}

.border-coolGray-200 {
    border: 1px solid #E5E7EB;
}

.border-coolGray-100 {
    border: 1px solid #F3F4F6;
}

.border-blue-gray-200 {
    border: 1px solid #E2E8F0;
}

.border-blue-gray-300 {
    border: 1px solid #CBD5E1;
}

.border-r-blue-gray-300 {
    border-right: 1px solid #CBD5E1;
}

.border-cool-gray-50 {
    border: 1px solid #F9FAFB;
}

.border-cool-gray-900 {
    border: 2px solid #111827;
}

.border-cool-gray-200 {
    /* Cool-Gray/200 */
    border: 1px solid #E5E7EB;
}

.border-cool-gray-300 {
    border: 1px solid #D1D5DB;
}

.border-yellow-400 {
    border: 1px solid #FACC15;
}

.border-cool-gray-700 {
    border: 1px solid #374151;
}

.border-width-2px {
    border-width: 2px;
}

.customRadio-levels--wrap .customRadio--wrap {
    border-top: 1px solid #D1D5DB;
    flex-grow: 1;
}

.customRadio-levels--wrap:nth-child(1) .customRadio--wrap {
    border-left: 1px solid #D1D5DB;
    border-radius: 16px 0px 0px 0px;
}

.customRadio-levels--wrap:nth-last-child(1) .customRadio--wrap {
    border-right: 1px solid #D1D5DB;
    border-radius: 0px 16px 0px 0px;
}

.customRadio-levels--wrap .subjectsCount {
    background-color: #F3F4F6;
    border-bottom: 1px solid #D1D5DB;
    border-top: 1px solid #D1D5DB;
}

.customRadio-levels--wrap .subjectsCount .arrow-right-green-400 {
    display: none;
}

.customRadio-levels--wrap:nth-child(1) .subjectsCount {
    border-radius: 0px 0px 0px 16px;
    border-left: 1px solid #D1D5DB;
}

.customRadio-levels--wrap:nth-last-child(1) .subjectsCount {
    border-radius: 0px 0px 16px 0px;
    border-right: 1px solid #D1D5DB;
}

.customRadio-levels--wrap.active .subjectsCount a {
    color: #34D399;
}

.customRadio-levels--wrap.active .subjectsCount a:hover {
    color: #34D399;
}

.customRadio-levels--wrap .subjectsCount a:hover {
    color: #059669;
}

.customRadio-levels--wrap.active .subjectsCount .arrow-right-green-400 {
    display: block;
}

.customRadio-levels--wrap.active .subjectsCount .arrow-right-green-600 {
    display: none;
}

.customRadio-levels input ~ div .checkmark-radio::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/radio-secondary-inactive.svg');
    margin-right: 0;
}

.customRadio-levels input:checked ~ div .checkmark-radio::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/radio-secondary-active.svg');
}

.customRadio-levels input ~ div .checkmark-radio {
    height: 24px;
    width: 24px;
    margin-right: 16px;
}

.customRadio-levels--wrap.active {
    color: #fff;
}

.customRadio-levels--wrap.active .customRadio--wrap {
    background: #00B67A;
    border-top: 1px solid #00B67A;
}

.customRadio-levels--wrap.active:nth-child(1) .customRadio--wrap {
    border-left: 1px solid #00B67A;
}

.customRadio-levels--wrap.active:nth-last-child(1) .customRadio--wrap {
    border-right: 1px solid #00B67A;
}

.customRadio-levels--wrap.active .subjectsCount {
    background: #111827;
    border-left: 1px solid #111827;
    border-bottom: 1px solid #111827;
    border-top: 1px solid #111827;
}

.customRadio-levels--wrap.active:nth-child(1) .subjectsCount {
    border-left: 1px solid #111827;
}

.customRadio-levels--wrap.active:nth-last-child(1) .subjectsCount {
    border-right: 1px solid #111827;
}

.customRadio-levels--wrap hr {
    width: 1px;
    height: 100%;
    margin: 0;
}

.customRadio-levels--wrap:nth-last-child(1) hr {
    display: none;
}

.customRadio-levels--wrap .customRadio--wrap.customRadio--wrap--single-level {
    border-radius: 16px;
}

.letter-spacing-1px {
    letter-spacing: 1px;
}

.letter-spacing-2px {
    letter-spacing: 2px;
}

.drop-shadow-filter {
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.06)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.pos-f.fix-top {
    top: 0;
}

.level-summary-widget-dropdown {
    display: none;
}

body.darken {
    position: relative;
}

body.darken::before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 10;
}

.tag {
    padding: 4px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #6B7280;
    background-color: #fff;
    border: 1px solid #6B7280;
    border-radius: 20px;
}


.toggle-dropdown::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-green.svg');
    margin-left: 14px;
}

.continue-chevron::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-green.svg');
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 8px;
}

.toggle-dropdown-close::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron.svg');
    margin-left: 14px;
}

.modal-close {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/close.svg');
    position: absolute;
    right: -26px;
    top: -26px;
    cursor: pointer;
}

.header-cart {
    cursor: pointer;
}

.header-cart > div {
    padding: 10px;
    border-radius: 8px;
    margin-left: 8px;
}

.shopping-cart-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/shopping-cart-empty.svg');
}

.shopping-cart-icon-white::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/shopping-cart-white.svg');
    width: 24px;
    height: 24px;
}

.header-cart .shopping-cart-icon {
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.header-cart.has-items .shopping-cart-icon {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/shopping-cart.svg');
}

.header-cart.has-items > div {
    background: #111827;
    color: #fff;
}

.header-cart.has-items .cartCount {
    position: absolute;
    color: #FACC15;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    bottom: 8px;
    width: 20px;
    text-align: center;
    left: 4px;
}

.header-cart-dropdown,
.logined-user-menu {
    top: calc(100% + 8px);
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
    width: 360px;
    max-width: 400px;
    box-shadow: 0px 25px 50px rgb(0 0 0 / 25%);
    border: 1px solid #D1D5DB;
    z-index: 2;
}

.cart-inner-scrollable-body {
    max-height: calc(100vh - 308px);
    overflow: auto;
}

.cart-inner-scrollable-body::-webkit-scrollbar {
    display: none;
}

.z-index-11 {
    z-index: 11 !important;
}

.z-index-111 {
    z-index: 111 !important;
}

.cart-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.cart-close:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/close.svg');
}

.price-format {
    display: flex;
    align-items: flex-start;
}

.price-format span {
    font-size: 14px;
}

.price-format.fs-20 span {
    font-size: 16px;
    line-height: 150%;
}

.trash {
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trash:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/trash.svg');
    height: 20px;
}

.shadow-md {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
}

#sideBarInner p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #111827;
    margin-bottom: 12px;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

#sideBarInner p.active {
    font-weight: 700;
    color: #00B67A;
    background: #F0FDF4;
}

.select2.select2-container {
    width: 100% !important;
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    color: #4B5563;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: initial;
    background: #fff !important;
    resize: none;
}

.select2.select2-container.select2-container--focus {
    border: 1px solid #00A5D9;
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2.select2-container.select2-container--focus .select2-selection--single {
    border: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2.select2-container .select2-selection__arrow {
    display: none;
}

.select2.select2-container .select2-selection--single {
    background: transparent !important;
    border: none !important;
}

.select2-search__field {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #9ca3af !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

.select2-dropdown.select2-dropdown--above,
.select2-dropdown.select2-dropdown--below {
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.06)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
}

.select2-results__option--highlighted {
    cursor: pointer;
    background-color: #F3F4F6;
}

.select2-selection__rendered {
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.select2-selection__rendered::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray400.svg');
    display: block;
}

.select2-container--open .select2-selection__rendered::after {
    transform: rotate(180deg);
}

.add-ons-selector--single {
    max-width: 265px;
    width: 100%;
}

.add-ons-selector--single:nth-of-type(1) {
    margin-left: 2px;
}

.add-ons-selector--single img {
    height: 96px;
}

.slick-side-buttons .add-ons-selector--single {
    height: auto;
}

.slick-side-buttons .slick-track {
    display: flex;
    align-items: stretch;
}

.slick-side-buttons .slick-list {
    padding: 16px;
    position: relative;
    margin: -16px;
}

.slick-side-buttons.slick-slide-double-row .slick-list {
    padding: 0;
    position: relative;
    margin: 0;
    width: 100%;
}

.slick-side-buttons .slick-list::before {
    content: '';
    position: absolute;
    width: 48px;
    right: 0;
    height: 100%;
    background: linear-gradient(270deg, #FAFAFA 32.69%, rgba(250, 250, 250, 0) 100%);;
    z-index: 101;
}


.slick-side-buttons#slick-catalogue-picker .slick-list::before,
.slick-side-buttons#slick-catalogue-picker-second .slick-list::before {
    background: linear-gradient(270deg, #FFFFFF 32.69%, rgba(255, 255, 255, 0) 100%);
}

.slick-side-buttons .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 40px / 2);
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 50% 50%;
    padding: 0;
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.slick-side-buttons#slick-catalogue-picker .slick-arrow {
    top: unset;
    bottom: -20px;
}

.slick-side-buttons .slick-prev {
    left: -52px;
}

.slick-side-buttons .slick-next {
    right: 0;
}

.slick-side-buttons .slick-prev::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron.svg');
    transform: rotate(-90deg);
    display: inline-block;
    margin-right: 5px;
}

.slick-side-buttons .slick-next::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron.svg');
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 5px;
}

section[data-name] .col-lg-10.offset-lg-2 {
    padding-left: 60px;
}

.shadow-base {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.l-svg {
    position: relative;
}

.l-svg:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/l..svg');
    opacity: 0.05;
    position: absolute;
    right: -20px;
    top: -20px;
}

.hr-vertical {
    height: auto !important;
    width: 1px;
    background-color: #D1D5DB;
    margin: 0 !important;
    opacity: 1 !important;
}

.hr-vertical.twopx {
    width: 2px;
}

.hr-vertical.h-20px {
    height: 20px !important;
}

.hr-vertical.emerald {
    height: auto !important;
    width: 2px;
    background-color: #047857;
    border-radius: 2px;
    margin: 0 8px !important;
}

.hr-vertical.h-100 {
    height: 100% !important;
}

.hr-vertical.bg-cool-gray-200 {
    background-color: #E5E7EB;
}

.object-fit-cover {
    object-fit: cover;
}

.modal .modal-dialog {
    margin-top: 49px;
    max-width: 1040px;
}

.single-subscription-pricing-modal {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #D1D5DB;
}

.currency-svg:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/Emoji-group-Exam-Body.svg');
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: -6px;
}

.modal .close {
    position: absolute;
    right: 26px;
    top: 26px;
}

.modal .close:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/close.svg');
}

.chevron-cool-gray-400::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray400.svg');
    display: block;
}

.curriculum-item .chevron-cool-gray-400 {
    margin-left: 26px;
}

.icon-video::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/video-icon.svg');
}

.icon-document::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/document-icon.svg');
}

.icon-spreadsheet::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/spreadsheet-icon.svg');
}

.icon-quiz::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/quiz-icon.svg');
}

.icon-arrows-up-down::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/arrows-up-down.svg');
    height: 24px;
    width: 24px;
}

.curriculum-step .icon {
    margin-right: 10px;
}

.curriculum-steps .divider {
    background-color: #F3F4F6;
    opacity: 1;
}

.curriculum-item .chevron-cool-gray-400 {
    transform: rotate(0deg);
    transition: all 0.25s ease-in-out;

}

.curriculum-item.active .chevron-cool-gray-400 {
    transform: rotate(180deg);
}

.curriculum-steps {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.curriculum-steps.active {
    max-height: 1000px;
}

.catergory-pill {
    padding: 8px 16px;
    border: 1px solid #D1D5DB;
    background: #fff;
    margin-right: 8px;
    color: #111827;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    display: inline-block;
    margin-bottom: 8px;
}

.catergory-pill.active {
    border: 2px solid #3B82F6;
    background: #EFF6FF;
    color: #3B82F6;
    font-weight: 700;
}

.subscription-container .input-group-text {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.post-single-content-conn .entry-content {
    margin-left: 68px;
}

.post-single-content-conn {
    position: relative;

}

/* .post-single-content-conn .single-content-conn h3{
  font-size: 21px;
} */

.entry-content > *.row:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
    max-width: initial;
    margin-left: -20px;
    margin-right: -20px;
}

.post-single-content-conn .single-content-conn p {
    font-size: 16px;
}

.post-single-content-conn .single-content-conn ul {
    font-size: 16px;
}

.single-content-conn ul,
.single-content-conn p,
.single-content-conn h3 {
    font-family: 'Roboto', sans-serif;
}

.post-share-conn {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}

.post-share-conn a {
    margin-bottom: 16px;
}

.btn-tranparent-black-border {
    background-color: transparent;
    border-color: #111827;
    color: #111827;
    transition: all ease 0.3s;
}

.btn-tranparent-black-border:hover {
    text-decoration: none;
    background-color: #111827;
    color: #FFF;
}

/* Cart */

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    width: 380px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: calc(100% - 20px);
    margin-left: 20px;
}

form.woocommerce-cart-form {
    width: calc(100% - 380px);
}

.order-timeline-conn {
    background-color: #111827;
    padding: 52px 20px;
    color: #FFF;
    border-radius: 0px 0px 8px 8px;
}

.woocommerce-cart-form__cart-item {
    border: 1px solid #E2E8F0;
    box-sizing: border-box;
    border-radius: 8px;
}

.horizontal.timeline {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.horizontal.timeline:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.2em;
    background-color: #334155;
}

.horizontal.timeline .line {
    display: block;
    position: absolute;
    width: 45%;
    height: 0.2em;
    background-color: #10B981;
}

.horizontal.timeline .steps {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}

.horizontal.timeline .steps .step {
    display: block;
    position: relative;
    bottom: calc(100% + 1em);
    padding: 6px;
    margin: 0 2em;
    box-sizing: content-box;
    color: #10B981;
    background-color: currentColor;
    border: 0.25em solid #111827;
    border-radius: 50%;
    z-index: 2;
    box-shadow: inset #10b981 0 0 0 3px;
    color: #111827;
}

.horizontal.timeline .steps .step:first-child {
    margin-left: 0;
}

.horizontal.timeline .steps .step:first-child > span,
.horizontal.timeline .steps .step:first-child > p {
    transform: translateX(0);
}

.horizontal.timeline .steps .step:last-child {
    margin-right: 0;
    color: #71CB35;
}

.horizontal.timeline .steps .step span {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #FFF;
    font-weight: bold;
}

.horizontal.timeline .steps .step p {
    position: absolute;
    top: -2em;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #94A3B8;
}

.horizontal.timeline .steps .step.current:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1em;
    background-color: #10B981;
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
    animation-name: animation-timeline-current;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

.horizontal.timeline .steps .step.current span {
    opacity: 0.8;
}

@keyframes animation-timeline-current {
    from {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

.cart-discount .woocommerce-remove-coupon {
    display: none;
}

.order-timeline-conn .free_for_7_days {
    background: #064E3B;
    border-radius: 4px;
    padding: 0 8px;
    font-weight: 700;
    font-size: 14px;
    color: #34D399;
}

.product-price-conn {
    white-space: nowrap;
    text-align: right;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    padding: 8px 16px;
}

.checkout-heading-style {
    display: flex;
    flex: auto;
    min-height: 48px;
    position: relative;
}

.checkout-heading-number {
    flex: 0 0 48px;
    height: 48px;
    color: #111827;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
}

.checkout-heading-text {
    flex: 1;
    padding-left: 8px;
    justify-content: center;
    align-items: center;
}

.woocommerce form.register,
.woocommerce form.login {
    border: 0px;
    padding: 0px;
}

.woocommerce-page .entry-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    color: #111827;
}

.bg-blue-50 {
    background-color: #EFF6FF;
}

.bg-blue-500 {
    background-color: #3B82F6;
}

.border-top-2px-grey-900 {
    border-top: 2px solid #111827;
}

.hlp-img-conn {
    padding: 16px 30px;
    border-radius: 8px;
    background: #fff;
    min-width: 160px;
    margin-right: 20px;
}

.hlp-img-conn:last-child {
    margin-right: 0px;
}

.accordion-header-1 {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 0px;
    padding-right: 47px;
}

.accordion-header-1::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray400.svg) no-repeat center;
}

.faq-header:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray400.svg) no-repeat center;
}

.btn.btn-black {
    text-decoration: none;
    padding: 12px;
    background: #000 !important;
    color: #fff;
    border-radius: 8px;
}

.btn.btn-black:hover {
    background: rgba(0, 0, 0, 0.8);
}

.btn.btn-emerald {
    background: #10B981;
    border: 2px solid #10B981;
    border-radius: 8px;
    color: white;
}

.btn.btn-black:hover,
.btn.btn-black:focus {
    background: #10b981d5 !important;
}


.site-branding {
    margin-top: 0px !important;
}

.max-width-480px {
    max-width: 480px;
}

.woocommerce-form button.button {
    height: 48px;
    background-color: #00B67A !important;
}

.woocommerce-form button.button:hover {
    background: #039666 !important;
    color: white;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
    padding: 17px !important;
    border: 1px solid #D1D5DB !important;
    border-radius: 8px;
}

.woocommerce-checkout #payment,
.woocommerce-checkout #payment div.payment_box {
    background: transparent;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method_head {
    display: inline-block;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    padding: 16px;
    margin-right: 16px;
    background: #fff;
}

.woocommerce-checkout #payment ul.payment_methods .payment_method_ppcp label {
    text-indent: -9999px;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method_head:first-child {
    margin-right: 16px;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method_head label {
    margin-bottom: 0;
    padding-left: 0;
}

.wc_payment_method input {
    border: 1px solid #CBD5E1;
    width: 20px;
    height: 20px;
}

.wc_payment_method input[type=radio]:checked:focus {
}

.wc_payment_method input:checked {
    border: 1px solid #10B981;
}

.wc_payment_method > input:checked:after {
    width: 12px;
    height: 12px;
}

.wc_payment_method input:checked:after {
    background: #10B981;
}

.woocommerce-page #payment #place_order-1 .discount {
    display: block;
    padding: 9px 48px;
}

.woocommerce-page #payment #place_order-1 .make_payment {
    display: block;
    padding: 12px;
    background: #10B981;
}

.woocommerce #payment #place_order-1 {
    max-width: 360px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #064E3B;
    padding: 0;
}

/* stripe */
#wc-stripe-cc-form label {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
}

.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods-saveNew {
    display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-width: 0;
    padding: 0;
}

.woocommerce-checkout #payment div.payment_box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 0;
}

.card-grey {
    padding: 12px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
}

.p-12px {
    padding: 12px;
}

.hero ul.tick-list li:before {
    width: 24px;
    height: 24px;
    content: "";
    background-image: url('/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-green.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.page-template-home .site-main,
.page-template-home .entry-content {
    padding-top: 0;
    margin-top: 0;
}

.p-b-392px {
    padding-bottom: 392px;
}

.m-t-minus-160px {
    margin-top: -160px;
}

.max-width-800px {
    max-width: 800px;
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px;
}

.p-y-64px {
    padding-top: 64px;
    padding-bottom: 64px;
}

.card-top-green-line:before {
    content: "";
    width: 100%;
    top: 0;
    height: 16px;
    position: absolute;
    background: #064E3B;
    left: 0;
    border-radius: 16px 16px 0px 0px;
}

.shadow-xl {
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04);
}

.row.set-col-padding-10 > * {
    padding-left: 10px;
    padding-right: 10px;
}

.row.set-col-padding-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.home-logo-exam {
    display: block;
    min-width: 180px;
    margin-right: 20px;
    float: left;
}

.home-logo-exam:last-child {
    margin-right: 0px;
}

.home-logo-exam {
    min-height: 114px;
}

.home-logo-exam > .card {
    min-height: 114px;
    display: flex;
    justify-content: center;
}

.home-logo-exam > .card > img {
    max-height: 60px;
}

.p-y-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.approved_logo-first-half {
    display: block;
}

.approved_logo-second-half {
    width: 581px;
    display: block;
    float: left;
}

.bg-cool-grey-800 {
    background-color: #1F2937;
}

.font-red-500 {
    color: #EF4444;
}

.font-yellow-400 {
    color: #FACC15;
}

.font-green-500 {
    color: #10B981;
}

.aaa-img-conn {
    min-width: 64px;
}

.page-template .entry-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-template .site-main {
    padding-top: 0px;
    padding-bottom: 0px;
}

.w-340px {
    width: 340px;
}

.w-100-minus-300 {
    width: calc(100% - 340px);
}

.badge.badge-light-blue {
    background: #EEF2FF;
    border: 1px solid #A5B4FC;
    border-radius: 20px;
    padding: 8px 8px 8px 24px;
    position: relative;
}

.badge.badge-light-blue:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6366F1;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.badge.badge-light-yellow {
    background: #FEFCE8;
    border: 1px solid #FDE047;
    border-radius: 20px;
    padding: 8px 8px 8px 24px;
    position: relative;
}

.badge.badge-light-yellow:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #F59E0B;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.m-h-64px {
    min-height: 64px;
}

#slick-product-catalogue-picker .level-summary-widget--subject:nth-last-child(1) {
    padding-right: 1px;
}

#slick-product-catalogue-picker .slick-slide {
    margin-left: 22px;
}

#slick-product-catalogue-picker .slick-slide:nth-child(1) {
    margin-left: 0;
}

#slick-product-catalogue-picker .slick-slide > div {
    /* display: flex; */
}

.slider-controls.dots {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.slider-controls.dots .slick-m-dots {
    width: 100%;
}

.slider-controls.dots .slider-arrow {
    background: #E5E7EB;
    border-radius: 8px;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slider-controls.dots .slider-arrow:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-small-coolgray-900.svg');
}

.slider-controls.dots .slick-next:before {
    transform: rotate(180deg);
}

.slider-controls.dots .slick-dots {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.slider-controls.dots .slick-dots li {
    height: 4px;
    background: #111827;
    opacity: 0.2;
    border-radius: 10px;
    margin-right: 8px;
    width: 100%;
    transition: opacity 0.25s ease-in-out;
}

.slider-controls.dots .slick-dots li.slick-active {
    opacity: 1.0;
}

.slider-controls.dots .slick-dots li:nth-child(1) {
    margin-left: 8px;
}

.slider-controls.dots .slick-dots li::marker {
    display: none;
}

.slider-controls.dots .slick-dots button {
    display: none;
}

.border-blue-500 {
    border: 1px solid #3B82F6;
}

.border-width-2 {
    border-width: 2px;
}

.cursor-pointer {
    cursor: pointer;
}

.filter-dropdown {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 100%;
    margin-top: 8px;
    z-index: 10;
    max-width: 319px;
    width: 100%;
}

.shadow-xl {
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04);
}

.filter-check {
    width: 40px;
    height: 40px;
    margin-right: 16px;;
}

.icon-check-blue::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/check-blue.svg')
}

.filter-item .filter-check {
    visibility: hidden;
}

.filter-item {
    cursor: pointer;
}

.filter-item.filter-item-active {
    cursor: initial;
}

.filter-item.filter-item-active .filter-check {
    visibility: visible;
}

.filter-item.filter-item-active p {
    color: #3B82F6
}

.filter-dropdown-toggle {
    min-width: 286.34px;
    max-width: fit-content;
}

.ellipse2-svg {
    position: relative;
}

.ellipse2-svg:before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/Ellipse2.svg');
    opacity: 1.0;
    position: absolute;
    right: 0px;
    top: 0px;
}

.faq-question {
    margin-top: 32px;
    margin-bottom: 0;
    width: 100%;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faq-question::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray400.svg');
    margin-left: 16px;
}

.faq-question > p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #111827;
}

.faq-answer {
    padding: 32px 20px 0 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6B7280;
    display: none;
}

.faq-answer > p {
    margin: 0;
}

.level-summary-slick {
    display: flex;
    align-items: stretch;
}

.level-summary-slick .slick-slide {
    height: auto;
}

.hubspot-form-custom input {
    background: #FFFFFF;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    width: 100% !important;
    margin-bottom: 20px;
}

.hubspot-form-custom select,
.hubspot-form-custom textarea {
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    width: 100% !important;
    margin-bottom: 20px;
}

.hubspot-form-custom .form-columns-2 {
    display: block;
    max-width: 100%;
}

fieldset.form-columns-1 {
    max-width: 100%;
}

.hubspot-form-custom fieldset > div > label,
.hubspot-form-custom div.hs-form-field > label {
    display: none;
}

input.hs-button.primary.large {
    background-color: #10B981 !important;
    border-radius: 8px;
    padding: 10.5px;
    font-weight: 700;
    font-size: 18px;
    border: 0px;
}

input.hs-button.primary.large:hover {
    border-color: #10B981;
}

ul.no-list.hs-error-msgs.inputs-list {
    color: #e91e63;
    padding-left: 0px;
    list-style: none;
}

.border-right-absolute:after {
    position: absolute;
    content: "";
    top: 2px;
    height: calc(100% - 4px);
    width: 2px;
    background-color: #4B5563;
    right: -3px;
}

.tick-list.tick-list-text-white li {
    color: #fff;
}

ul.tick-list.tick-list-light-green li:before {
    content: url(/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-light-green.svg);
}

ul.tick-list-with-card-style {
    list-style: none;
    padding-left: 0;
}

ul.tick-list-with-card-style li {
    display: flex;
    margin-bottom: 24px;
    line-height: 150%;
    padding: 20px;
    background: #F8FAFC;
    border-radius: 20px;
}

ul.tick-list-with-card-style li:before {
    background-image: url(/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-light-green.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 20px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    content: "";
}

.link-arrow {
    color: #10B981;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    display: inline-flex;
}

.link-arrow img {
    margin-left: 13px;
}

.link-arrow:hover {
    text-decoration: none !important;
    border-bottom: 1px solid #111827;
    color: #111827;
}

.link-arrow:hover img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(9%) saturate(3336%) hue-rotate(182deg) brightness(91%) contrast(95%);
}

#highLightsSlider .slick-track {
    display: flex;
}

#highLightsSlider .slick-list {
    overflow: hidden;
}

#highLightsSlider .slick-slide {
    max-width: calc(100vw - 120px);
    padding-right: 20px;
}

#highLightsSlider-dots .slick-dots {
    align-items: center;
    justify-content: center;
}

#highLightsSlider-dots .slick-dots li {
    background-color: #475569;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    opacity: 1;
}

#highLightsSlider-dots .slick-dots li.slick-active {
    background-color: white;
}

.card-small {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    max-width: 200px;
    width: 200px;
    padding: 20px;
    margin-right: 25px;
}

.card-small:nth-child(5n) {
    margin-right: 0;
}

#job-roles-slick .slick-track {
    display: flex;
}

#job-roles-slick-dots .slick-dots,
#skills-youll-learn-dots .slick-dots {
    align-items: center;
    justify-content: center;
}

#job-roles-slick-dots .slick-dots li,
#skills-youll-learn-dots .slick-dots li {
    background-color: #CBD5E1;
    border-radius: 50%;
    height: 6px;
    width: 6px;
    opacity: 1;
}

#job-roles-slick-dots .slick-dots li.slick-active,
#skills-youll-learn-dots .slick-dots li.slick-active {
    background-color: #111827;
}

#skills-youll-learn .slick-track {
    display: flex;
}

#skills-youll-learn .slick-slide {
    width: 78vw;
    margin-right: 20px;
}

.bottom-0 {
    bottom: 0;
}

.hero-left-wrap .bg-white img {
    max-width: 237px;
}

.product-countdown-box {
    padding: 2px 6px;
    background-color: #fff;
    border: 1px solid #111827;
    border-radius: 4px;
}

.customRadio-levels-count {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 12px;
    background: #F3F4F6;
    border-radius: 4px;
    margin-bottom: 0;
    color: #4B5563;
    letter-spacing: 1px;
    transition: background-color 0.25s ease-in-out;;
}

.customRadio-levels--wrap.active .customRadio-levels-count {
    background: #059669;
    color: #fff;
}

.arrow-right-green-400::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/arrow-right-green-400.svg');
    transform: rotate(0);
    display: inline-block;
    margin-left: 14px;
}

.arrow-right-green-400 {
    width: 24px;
    height: 24px;
}

.arrow-right-green-600::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/arrow-right-green-600.svg');
    transform: rotate(0);
    display: inline-block;
    margin-left: 14px;
}

.arrow-right-green-600 {
    width: 24px;
    height: 24px;
}

.px-11px {
    padding: 0 11px;
}

.max-midth-306px {
    max-width: 306px;
}

.splide-dot-pagination button.splide__pagination__page {
    width: 1px;
    line-height: 0;
    padding: 0px;
    border-radius: 50%;
    margin: 0 4px;
    border-color: #9CA3AF;
}

.toggle-absolute-right-icon:after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron-green-right-1.svg');
    position: absolute;
    right: 0px;
}

.splide-dot-pagination button.splide__pagination__page.is-active {
    border-color: #111827;

}

.input-group-modern-ui > input {
    border: 0px;
    padding: 8px 0;
    outline: none !important;
    box-shadow: none !important;
}

.input-group-modern-ui > .input-group-text.br-8 {
    border-radius: 8px !important;
}

/* new Post formating */
.single-content-conn h1 {
    font-size: 38px;
    margin-top: 50px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn h2 {
    font-size: 32px;
    margin-top: 40px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn h3 {
    font-size: 24px;
    margin-top: 30px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn h4 {
    font-size: 20px;
    margin-top: 24px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn h5 {
    font-size: 18px;
    margin-top: 24px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn h6 {
    font-size: 16px;
    margin-top: 24px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.single-content-conn p:not(:first-child) {
    margin-top: 24px;
    margin-bottom: 0;
}

blockquote {
    padding-left: 25px;
    font-style: italic;
    border-left: 4px solid #10B981;
    margin: 35px 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

blockquote:before {
    display: none;
}

.post-single-content-conn .single-content-conn li {
    margin-top: 6px;
}

.table-conn {
    width: 100%;
    overflow: auto;
}

.table-conn table td,
.table-conn table th {
    border-color: #cccccc;
}

.table-conn table td:not(:first-child) {
    text-align: center;
}

.table-conn table {
    margin-top: 24px;
}

.table-conn table td strong,
.table-conn table th strong {
    font-weight: 500;
}

mjx-container {
    overflow: auto;
    width: 100%;
}

.modal-dialog.modal-fullscreen {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    background: rgba(17, 24, 39, 0.8);
}

.woocommerce a.remove {
    color: inherit !important;
}

.woocommerce a.remove:hover {
    background: transparent;
    color: inherit !important;
}

#slick-product-catalogue-conn .level-summary-widget-block {
    min-height: 460px;
    max-width: 90vw;
}

div#slick-product-catalogue-conn {
    position: relative;
}

.product-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 83%);
    top: 0;
    left: 0;
    text-align: center;
    padding: 100px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #868686;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #12b981 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.single-blog-slick-slide {
    display: inline-flex;
    min-width: 400px;
    background: #fff;
    margin-right: 20px;
    border-radius: 20px;
    padding: 20px;
}

.program_blog_slider_conn {
    overflow: hidden;
}

.slick-list {
    position: relative;
}

.program_blog_slider_conn .slick-list:after {
    background: linear-gradient(270deg, #EFF6FF 27.55%, rgba(239, 246, 255, 0) 100%);
    position: absolute;
    content: "";
    width: 48px;
    height: 100%;
    top: 0;
    right: -12px;
}

.btn-check:focus + .btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347 !important;
    border-color: #146c43 !important;
}


.home_video_modal_close {
    padding: 4px;
    border-radius: 50%;
    line-height: 0;
    background-color: #656973 !important;
    border: 0px;
    margin-left: auto;
}

.home_video_modal_close:hover {
    padding: 4px;
    border-radius: 50%;
    line-height: 0;
    background-color: #FFF !important;
    border: 0px;
}

.home_video_modal_close svg {
    width: 22px;
    height: 22px;
}

.woocommerce-cart .entry-content {
    margin-top: 20px;
}

.woocommerce-order-received .hide-on-thankyou-page {
    display: none !important;
}

.woocommerce-privacy-policy-text {
    font-size: 12px;
    color: #6B7280;
    font-weight: 500;
}

.select2-dropdown {
    margin-top: 31px;
}

.home_page_img img {
    border-radius: 10px;
}

.hero_banner_bottom_div_margin {
    margin-top: -260px;
}

.min-w-372px {
    width: 372px;
    max-width: calc(100vw - 100px);
}

.max-midth-360px {
    max-width: 360px;
}

#HomeCourseBlock .slick-track {
    display: flex;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
    color: #9CA3AF;
    font-size: 16px;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

.woocommerce form .form-row label {
    line-height: 20px;
}

/* #HomeCourseBlock .slick-slide
{
    float: left;
    height: 100%;
    min-height: 1px;
} */

/* #HomeCourseBlock .slick-slide.slick-active {
  display: block;
} */

#HomeCourseBlock .accordion-body-1 {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.mobile-cart-fixed-footer {
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0px -2px 4px rgb(0 0 0 / 6%), 0px -4px 6px rgb(0 0 0 / 10%);
}

.checkout-heading-style:not(.active),
.checkout-heading-style:not(.active) .checkout-heading-number {
    color: #9CA3AF;
}

.checkout-heading-style.active .checkout-heading-number:after {
    position: absolute;
    content: "";
    height: calc(100% - 48px);
    top: 48px;
    width: 2px;
    background: #E2E8F0;
    border-radius: 4px;
}

.woocommerce form .form-row {
    margin-bottom: 0px;
}

.woocommerce form .form-row button.button {
    border-radius: 8px;
    color: #FFF;
}

.coupon-pill {
    text-transform: UPPERCASE;
    color: #111827;
    font-weight: 700;
    cursor: pointer;
}

/* Radio Switch */

.radio-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.radio-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.radio-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .radio-slider {
    background-color: #10B981;
}

input:focus + .radio-slider {
    box-shadow: 0 0 1px #10B981;
}

input:checked + .radio-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded radio-sliders */
.radio-slider.round {
    border-radius: 34px;
}

.radio-slider.round:before {
    border-radius: 50%;
}

/* Radio switch end */

.cource-overview-slider .slick-slide {
    float: left;
    padding-right: 20px;
}

.slider-dots-white .slick-dots {
    display: flex;
    justify-content: center;
    margin-left: 20px;
}

.slider-dots-white .slick-dots button {
    display: none;
}

.slider-dots-white .slick-dots li {
    color: #475569;
    width: 6px;
    height: 6px;
    margin: 0 6px;
}

.slider-dots-white .slick-dots li.slick-active {
    color: #FFFFFF;
}

.user-initial-conn {
    background: #FFFFFF;
    /* blueGray/200 */
    border: 2px solid #E2E8F0;
    border-radius: 32px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #94A3B8;
}

.card-green {
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-radius: 8px;
}

.card-yellow {
    background: #FEFCE8;
    border: 1px solid #FEF08A;
    border-radius: 8px;
}

.card-blue {
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    border-radius: 8px;
}

.font-yellow-900 {
    color: #713F12;
}

.font-blue-900 {
    color: #1E3A8A;
}

.user-dropdown-logo {
    min-width: 40px;
    text-align: left;
}

.line-height-1dot5em {
    line-height: 1.5em;
}

.header-user-menu.active .arrow-menu > svg {
    transform: rotate(180deg);
}

.arrow-menu > svg {
    transition: all ease 0.4s;
}

/* about*/
.about_banner_img_conn {
    align-items: end;
    margin-bottom: -30px;
    margin-left: -10px;
    margin-right: -10px;
}

.about_banner_img_conn .col-6,
.about_banner_img_conn .col-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.about_banner_img_conn img {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
}

.m-width-240 {
    min-width: 240px;
}

.onbaording-sidebar-dot {
    width: 40px;
}

.onboarding-sidebar-icon {
    width: 32px;
    margin-right: 40px;
    position: relative;
}

.onboarding-sidebar-icon:after {
    content: "";
    width: 2px;
    height: calc(50% + 23px);
    position: absolute;
    top: calc(50% + 25px);
    background: #064e3b;
    z-index: 1;
    left: 14px;
}

.onboarding-sidebar-icon.onboarding-sidebar-noline:after {
    display: none;
}

.ppc-button-wrapper {
    display: none;
    padding: 0 16px;
    max-width: 392px;
}

.ppc-button-wrapper.active {
    display: block;
    overflow: hidden;
    max-height: 50px;
}

.wc_payment_method_body.payment_method_ppcp-gateway {
    display: none;
}

.wc_payment_method.wc_payment_method_head {
    min-width: 220px;
}

div#comments {
    margin-left: 0;
}

h2#reply-title {
    font-size: 32px;
    margin-top: 40px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
    background: #FFFFFF;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    width: 100% !important;
    color: var(--form--color-text);
    line-height: var(--global--line-height-body);
    padding: var(--form--spacing-unit);
    font-weight: 500;
    outline: navajowhite;
}

h2.comments-title {
    font-size: 32px;
    margin-top: 40px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.comment-author.vcard {
    font-family: 'Source Serif Pro';
    font-weight: 700;
}

.comment-meta .comment-author .fn {
    font-size: 21px;
    font-family: 'Source Serif Pro';
    font-weight: 700;
    margin-top: 2px;
}

.comment-content {
    margin-top: 0;
    margin-bottom: 10px;
}

footer.comment-meta {
    margin: 0;
    overflow: hidden;
}

.comment-list > li {
    margin-top: 20px;
    margin-bottom: 20px;
}

ol.comment-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

.comment-body {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 20px;
    padding: 16px;
}

.comment-list .children > li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.comments-area.show-avatars .avatar {
    top: 17px;
}

a.comment-reply-link {
    color: #6366F1;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    FONT-WEIGHT: 800;
}

.comment-metadata a {
    color: #44403C;
}

.custom-select .item svg {
    visibility: hidden;
}

.custom-select .item.selected svg {
    visibility: visible;
}

.woocommerce-SavedPaymentMethods-tokenInput {
    width: 20px !important;
    height: 20px;
}

p.comment-form-url {
    display: none;
}

.subscribe_newletter_btn {
    cursor: pointer;
}

a.button.wcs_deletion_error {
    color: #FFF;
    background: #d81b60;
}

a.button.wcs_deletion_error:hover {
    background: #d81b60d9;
    color: #fff;
}

/* Add payment css */

#add_payment_method #payment ul.payment_methods {
    background: transparent;
    border: 0px;
}

#add_payment_method #payment {
    background: transparent;
}

span.add_payment_method_gateway_input_conn {
    display: inline-block;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    padding: 16px;
    margin-right: 16px;
    background: #fff;
}

#add_payment_method #payment div.payment_box {
    background: transparent;
}

#add_payment_method #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
    display: inline-block;
}

p#wc-stripe-update-subs-payment-method-card_field {
    margin-top: 12px !important;
    display: block;
    font-size: 14px !important;
    color: #6B7280;
}

p#wc-stripe-update-subs-payment-method-card_field label {
    font-size: 14px;
}

#add_payment_method #payment ul.payment_methods li input {
    border-radius: 13px;
    border-color: #10B981 !important;
}

#add_payment_method #payment ul.payment_methods li input[type="checkbox"]:after {
    /* background: #10B981 !important; */
    border-color: #ffffff !important;
    transform: rotate(42deg);
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    left: 6px;
    width: 6px;
}

#add_payment_method #payment ul.payment_methods li input[type="checkbox"]:checked {
    background: #10B981 !important;
}

#add_payment_method #payment ul.payment_methods li input[type="radio"]:checked:after {
    background: #10B981 !important;
    left: 4px;
    top: 4px;
}

#add_payment_method #payment ul.payment_methods li input[type="radio"]:checked {
    border: 3px solid;
}

/* add payment css end */

.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    z-index: 2;
    background: #ffffff;
    border: 1px solid #f3f4f6;
    box-sizing: border-box;
    box-shadow: 0px 20px 25px rgb(0 0 0 / 10%), 0px 10px 10px rgb(0 0 0 / 4%);
    border-radius: 16px;
    top: 53px;
    /* visibility: hidden; */
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: transparent;
}

.primary-navigation .sub-menu .menu-item > a {
    line-height: 1em;
    height: initial;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    border-color: #FFF transparent;
    visibility: hidden;
}

.primary-navigation .menu-item-description {
    display: none;
}

.js-banner-coundown-timer span {
    padding: 4px 8px;
    margin: 0 2px;
    height: 32px;
    min-width: 49px;
    background: #FFFFFF;
    border: 1px solid #111827;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 1.3em;
    font-weight: 700;
    color: #111827;
    font-size: 16px;
}

.js-banner-coundown-timer {
    text-align: center;
    margin-top: 4px;
}

.header-banner-left-border:before {
    background: #111827;
    opacity: 0.5;
    border-radius: 2px;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 48px;
}

.header-banner-left-border {
    position: relative;
}

@media (max-width: 768px) {
    .home_team_member_conn {
        display: flex;
    }

    .home_team_member_conn > .mb-3 {
        min-width: 100px;
        width: 100px;
        margin-right: 20px;
    }

    .home_team_member_conn {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E5E7EB;
    }

    .home_team_member_conn:last-child {
        border-bottom: 0px;
    }

    .m-w-100 {
        width: 100%;
    }

    .m-fs-28 {
        font-size: 28px;
    }

    .m-fs-20 {
        font-size: 20px;
    }

    .m-fs-11 {
        font-size: 11px;
    }

    .m-fs-12 {
        font-size: 12px;
    }

    .m-fs-24 {
        font-size: 24px;
    }

    .m-fs-14 {
        font-size: 14px;
    }

    .m-fs-18 {
        font-size: 18px;
    }

    .home .site-main {
        padding-top: 0px;
    }

    .custom-heading {
        font-size: 28px;
    }

    .indigo-badge {
        background-color: transparent;
        padding: 0px;
        margin-right: 6px;
    }

    .site-main > * {
        margin-bottom: 56px;
    }

    .subscription-container {
        max-width: 100%;
    }

    .subscription-container .subscription-heading {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .subscription-container input {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-left: 0px !important;
    }

    .m-py-3x {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .post-single-content-conn .entry-content {
        margin-left: 0px;
    }

    .post-single-content-conn .post-share-conn {
        display: none;
    }

    .team-member-mobile-style {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E5E7EB;
    }

    .m-fs-40 {
        font-size: 40px;
    }

    .pt-10x {
        padding-top: 40px;
    }

    .pb-10x {
        padding-bottom: 40px;
    }

    .m-p-2x {
        padding: 20px;
    }

    .m-p-16px {
        padding: 16px;
    }

    .m-px-16px {
        padding-left: 16px;
        padding-right: 16px;
    }

    ul.tick-list-with-card-style li {
        padding: 8px;
    }

    .pb-m-4x {
        padding-bottom: 40px;
    }

    .pt-m-4x {
        padding-top: 40px;
    }

    ul.tick-list-with-card-style li:before {
        min-width: 16px;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px;
    }

    .fotter-custom-menu.list-unstyled:not(.footer_social) {
        display: none;
    }

    ul.fotter-custom-menu.list-unstyled.footer_social {
        display: flex;
        justify-content: space-between;
    }

    .fotter-custom-menu.list-unstyled:not(.footer_social).active {
        display: block;
    }

    .footer-custom-menu-heading.active {
    }

    .footer-custom-menu-heading:not(.no-accordion-arrow):after {
        content: url("/wp-content/themes/learnsignal/assets/images/svg/chevron-up-black.svg");
        position: absolute;
        right: 0;
        transform: rotate(180deg);
    }

    .footer-custom-menu-heading {
        position: relative;
    }

    .footer-custom-menu-heading.active:not(.no-accordion-arrow):after {
        transform: initial;
        top: -3px;
    }

    ul.fotter-custom-menu.list-unstyled.footer_social span {
        display: none;
    }

    .hero ul.tick-list li {
        padding-left: 30px;
        position: relative;
        display: block;
    }

    .hero ul.tick-list li:before {
        width: 18px;
        height: 18px;
        content: "";
        vertical-align: top;
        position: absolute;
        left: 0;
    }

    .home_page_img .col-6:first-child {
        padding-right: 5px;
    }

    .home_page_img .col-6:last-child {
        padding-left: 5px;
    }

    .home_page_img .col-6:last-child .mb-4 {
        margin-bottom: 13px !important;
    }

    .hero_banner_bottom_div_margin {
        margin-top: -360px;
    }

    .accredited_coures_img_conn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .level-summary-level-conn .checkmark-radio {
        display: none;
    }

    .level-summary-level-conn .customRadio-levels {
        text-align: center;
    }

    .level-summary-level-conn {
        padding: 0;
    }

    .level-summary-level-conn .customRadio--wrap,
    .level-summary-level-conn .subjectsCount {
        border-radius: 0 !important;
    }

    .customRadio-levels--wrap .customRadio--wrap {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .hero-qualification-img-style:before {
        background: linear-gradient(0deg, #111827 5.8%, rgba(17, 24, 39, 0) 44.33%), linear-gradient(90deg, #111827 4.09%, rgba(17, 24, 39, 0) 59.66%);
        content: "";
        position: absolute;
        top: 0;
        right: 20px;
        width: 160px;
        height: 160px;
    }

    .hero-qualification-img-style {
        position: absolute;
        top: 0;
        right: -20px;
        width: 200px;
    }

    .hero-qualification-img-style .h-100 {
        height: initial !important;
    }

    .hero-left-wrap {
        position: relative;
        z-index: 2;
    }

    .d-flex.cart_conn {
        flex-direction: column;
    }

    form.woocommerce-cart-form {
        width: 100%;
    }

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
        margin-left: 0;
    }

    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals {
        width: 100% !important;
    }

    .woocommerce a.remove {
        margin-left: auto;
        text-align: right;
    }

    .woocommerce-cart-form__cart-item {
        overflow: hidden;
    }

    .order-timeline-conn {
        min-width: 500px;
    }

    .checkout-heading-number {
        font-size: 14px;
        flex: 0 0 39px;
        height: 39px;
    }

    .woocommerce form.register,
    .woocommerce form.login {
        margin-top: 16px;
    }

    .woocommerce form .form-row {
        padding: 0;
    }

    .d-flex.payment_gateway-conn {
        flex-direction: column;
    }

    .d-flex.payment_gateway-conn li {
        margin-bottom: 8px !important;
        margin-right: 0px !important;
    }

    .checkout-heading-text {
        word-break: break-word;
    }

    .woocommerce-checkout #payment div.payment_box {
        padding: 0;
    }

    .faq-header.resource-arrow-pos:before {
        top: 71px;
    }

    .m-p-20px {
        padding: 20px;
    }

    .m-max-width-284 {
        width: 284px;
    }

    .ppc-button-wrapper.active {
        max-height: 45px;
        overflow: hidden;
        position: fixed;
        bottom: 42px;
        right: 0;
        z-index: 102;
    }

    .slick-addon-prev-1,
    .slick-addon-next-1 {
        display: none !important;
    }

    div#slick-add-ons {
        margin-right: -20px;
        width: calc(100vw - 21px) !important;
    }

    .add-ons-selector--single {
        max-width: 240px;
    }

    div#slick-add-ons.slick-side-buttons .slick-list {
        width: 100%;
    }

    div#slick-add-ons.slick-side-buttons .slick-list::before {
        display: none;
    }
}

@media only screen and (max-width: 482px) {

    .header-cart-dropdown,
    .logined-user-menu {
        top: calc(100% + 8px);
        right: 0;
        left: 10px;
        margin-top: 8px;
        margin-right: 8px;
        width: 100%;
        max-width: calc(100% - 20px);
        box-shadow: 0px 25px 50px rgb(0 0 0 / 25%);
        border: 1px solid #D1D5DB;
    }
}

@media only screen and (min-width: 482px) {
    .primary-navigation a {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        padding: 8px 14px;
        line-height: 23px;
        height: 40px;
    }

    .primary-navigation .primary-menu-container > ul > .menu-item {
        align-items: center;
        height: 40px;
    }
}

@media (min-width: 768px) {

    .header-cart-conn,
    .login-menu-conn {
        position: relative;
    }

    .ms-md-4x {
        margin-left: 40px;
    }

    .row_640_440 > .col-md-7 {
        width: 680px
    }

    .row_640_440 > .col-md-5 {
        width: 480px
    }

    .d-max-340px {
        max-width: 340px;
        margin: 0px auto;
    }

    .d-max-360px {
        max-width: 360px;
        margin: 0px auto;
    }

    .py-md-4x {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ps-md-4x {
        padding-left: 40px;
    }

    .mt-md-12x {
        margin-top: 120px;
    }

    .single-blog-conn .single-blog-title {
        height: 116px;
        display: block;
        overflow: hidden;
    }

    .single-blog-conn .single-blog-desc {
        height: 82px;
        overflow: hidden;
    }

    .product-price-conn {
        min-width: 114px;
    }
}

@media (max-width: 1139px) {
    section[data-name] .col-lg-10.offset-lg-2 {
        padding-left: 20px;
    }

    .approved_logo-first-half {
        width: 100%;
        border-right: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .approved_logo-second-half {
        width: 100%;
    }

    .home-logo-exam {
        min-width: calc(50% - 10px);
        margin-bottom: 10px;
        max-width: calc(50% - 10px);
    }

    .home-logo-exam:nth-child(2n) {
        margin-right: 0px;
    }
}

@media (min-width: 1140px) {
    .lg-width-400 {
        width: 400px;
    }

    .lg-width-100-minus-400px {
        width: calc(100% - 400px);
    }
}

@media (max-width: 577px) {
    .trustpilot-widget iframe {
        /*height: 265px !important;*/
    }
}

/*Learn signal banner css*/
div#iubenda-cs-banner .iubenda-banner-content #iubenda-cs-title {
    padding-bottom: 0 !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    font-weight: 800 !important;
    font-size: 14px !important;
}

#iubenda-cs-banner #iubenda-cs-title {
    font-weight: 700 !important;
    margin-bottom: 16px !important;
}

div#iubenda-cs-banner .iubenda-banner-content #iubenda-cs-paragraph p {
    margin-bottom: 6px !important;
    font-weight: 500 !important;
}

div#iubenda-cs-banner button.iubenda-cs-customize-btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-weight: 700 !important;
    text-align: left !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

#iubenda-cs-banner .iubenda-cs-opt-group button,
.iubenda-alert button.iubenda-button-cancel {
    background-color: transparent !important;
    color: #FFF !important;
}

div#iubenda-cs-banner button.iubenda-cs-customize-btn:hover {
    text-decoration: underline !important;
    color: #fff !important;
    opacity: 1 !important;
}

div#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary {
    border-radius: 0.5rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(0, 182, 122, var(--tw-bg-opacity)) !important;
    padding: 0.75rem 2.5rem !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}

div#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {
    padding: 0 !important;
    width: 120px !important;
}

#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-reject-btn {
    color: white !important;
}

div#iubenda-cs-banner.iubenda-cs-default .iubenda-cs-rationale {
    width: 100% !important;
    max-width: 1160px !important;
}

.footer a {
    color: rgb(17, 24, 39);
}

.footer a:hover {
    text-decoration: none;
}

.home-course-filter-trigger.active {
    border: 2px solid rgba(55, 65, 81, 1) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.rightArrow {
    width: 1.5rem;
    height: 100%;
    right: 0.5rem;
    top: 0;
    position: absolute;
    display: block;
    vertical-align: middle;
}

#slick-product-catalogue-picker .slick-track {
    display: flex;
}

.squircle {
    width: 64px;
    height: 64px;
    background-image: url('/wp-content/themes/learnsignal/assets/images/svg/Squircle.svg');
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #0F172A;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-MyAccount-navigation-link {
    width: 100%;
    border-radius: 6px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    margin-bottom: 16px;
}

.woocommerce-MyAccount-navigation-link::before {
    content: "";
    width: 6px;
    background: #0F172A;
}

.woocommerce-MyAccount-navigation-link.is-active::before {
    background: #10B981;
}

.woocommerce-MyAccount-navigation-link a {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #94A3B8;
    padding: 12px 0;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background: #1E293B;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

.list-style-none {
    list-style: none;
}

.woocommerce-MyAccount-navigation-link .account-icon:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 24px;
    margin-right: 24px;
    filter: invert(66%) sepia(19%) saturate(323%) hue-rotate(175deg) brightness(94%) contrast(88%);
}

.account-dropdown-button .account-icon::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 16px;
    filter: brightness(0) saturate(100%) invert(6%) sepia(31%) saturate(1768%) hue-rotate(191deg) brightness(101%) contrast(96%);
}

.woocommerce-MyAccount-navigation-link.is-active .account-icon:before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(337deg) brightness(10000%) contrast(102%);
}

.woocommerce-MyAccount-navigation-link--dashboard .account-icon:before,
.account-dropdown-button.dashboard .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/home.svg");
}

.woocommerce-MyAccount-navigation-link--change-password .account-icon:before,
.account-dropdown-button.change-password .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/lock-large.svg");
}

.woocommerce-MyAccount-navigation-link--subscriptions-and-courses .account-icon:before,
.account-dropdown-button.subscriptions-and-courses .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/subscriptions.svg");
}

.woocommerce-MyAccount-navigation-link--products .account-icon:before,
.account-dropdown-button.products .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/layers.svg");
}

.woocommerce-MyAccount-navigation-link--payment-methods .account-icon:before,
.account-dropdown-button.payment-methods .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/cog.svg");
}

.woocommerce-MyAccount-navigation-link--my-classroom .account-icon:before,
.account-dropdown-button.my-classroom .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/Enter.svg");
}

.woocommerce-MyAccount-navigation-link--customer-logout .account-icon:before,
.account-dropdown-button.customer-logout .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/log-out.svg");
}

.woocommerce-MyAccount-navigation-link--progress-reset .account-icon:before,
.account-dropdown-button.progress-reset .account-icon:before {
    background: url("/wp-content/themes/learnsignal/assets/images/svg/progress.svg");
}

.woocommerce-MyAccount-navigation-link--credits .account-icon:before,
.account-dropdown-button.credits .account-icon:before {
    background: url(/wp-content/themes/learnsignal/assets/images/svg/retry.svg);
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link-mobile {
    margin-bottom: 12px;
    border-radius: 8px;
    background-color: #fff;
    padding: 12px;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link-mobile.is-active {
    background: #F1F5F9;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link-mobile::before {
    content: none;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link-mobile .account-icon:before {
    filter: brightness(0) saturate(100%) invert(6%) sepia(31%) saturate(1768%) hue-rotate(191deg) brightness(101%) contrast(96%);
    margin-left: 0;
    margin-right: 19px;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link-mobile a {
    color: #0F172A;
    padding: 0;
}

.my-account-form label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
    margin-bottom: 8px;
}

.woocommerce form.my-account-form .form-row {
    padding: 0;
    margin-bottom: 40px;
}

.woocommerce form.my-account-form .btn {
    padding: 12px 40px;
    background: #10B981;
    border-color: #10B981;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
}

.woocommerce form.my-account-form .btn:hover {
    color: #fff;
    background-color: #157347 !important;
    border-color: #146c43 !important;
}

.hide-show-password-input .show-password-input {
    display: none;
}

.min-height-1015px {
    min-height: 1015px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: initial;
}

.enter-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/Enter.svg');
    width: 24px;
    height: 24px;
    display: block;
}

.enter-green-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/Enter-green.svg');
    width: 24px;
    height: 24px;
    display: block;
}

input[type="date"] {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
}

input[type="date"]:focus {
    outline: none;
}

.check-white::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/check-white.svg');
    height: 16px;
    width: 16px;
    display: block;
}

.woocommerce-MyAccount-navigation .dropdown-menu {
    transform: initial !important;
    top: 100% !important;
    padding: 20px !important;
}

.chevron-down::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/chevron.svg');
    transform: rotate(180deg);
    display: block;
}

.arrow-up-right::after {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/arrow-up-right.svg');
    height: 24px;
    width: 24px;
    display: block;
}

.woocommerce-form-row select {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("/wp-content/themes/learnsignal/assets/images/svg/chevron-coolGray700.svg");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 16px);
    background-position-y: 50%;
}

.woocommerce-form-row select.invalid {
    border: 1px solid #EF4444 !important;
}

.woocommerce-form-row select {
    outline: none;
}

.custom-table {
    border-radius: 8px !important;
}

.custom-table th {
    padding: 12px 16px 12px 16px;
    border: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #475569;
}

.custom-table td {
    padding: 12px 16px 12px 16px;
    border: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #111827;
}

.custom-table tr:nth-of-type(1) {
    padding: 0;
    background: #E2E8F0;
    border: 1px solid #E2E8F0;
}

.custom-table tr {
    border-top: 1px solid #CBD5E1;
    border-left: 1px solid #CBD5E1;
    border-right: 1px solid #CBD5E1;
}

.custom-table tr:nth-last-of-type(1) {
    border-bottom: 1px solid #E2E8F0;
}

.edit-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/edit-2.svg');
    display: block;
    width: 16px;
    height: 16px;
}

.x-circle-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/x-circle.svg');
    display: block;
    width: 16px;
    height: 16px;
}

.check-mark-bg-cool-gray-900 {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/check-mark-bg-cool-gray-900.svg');
    display: block;
    width: 16px;
    height: 16px;
}

.border-right-cool-gray-300 {
    border-right: 2px solid #D1D5DB;
    border-radius: 2px;
}

.alert-triangle::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/alert-triangle.svg');
    display: block;
    width: 24px;
    height: 24px;
}

.list-style-position-inside {
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.successful-icon::before {
    content: url('/wp-content/themes/learnsignal/assets/images/svg/successful.svg');
    display: block;
    width: 200px;
    height: 200px;
}

.modal-dialog.modal-md {
    max-width: 640px;
}

.woocommerce form .form-row textarea {
    height: 160px;
}

.radio-cancel-or-pause input[type="submit"] {
    display: none;
}

.radio-cancel-or-pause input[type="radio"]:checked ~ div input[type="submit"] {
    display: block;
}

input[type="submit"].fs-16 {
    font-size: 16px;
}

@media (max-width: 900px) {
    #slick-product-catalogue-picker .slick-slide {
        padding-right: 0px;
    }
}

.cbe-table {
    display: table-cell;
    padding: 10px;
    text-align: justify;
}

.cbe-table-result {
    border-right: none;
    border-bottom: 1px solid #CBD5E1;
    padding: 10px;
    text-align: justify;
}

.top-menu-conn-right {
    max-height: 652px;
    overflow: auto;
}

/* width */
.top-menu-conn-right::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.top-menu-conn-right::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #202124;
    border-radius: 10px;
}

/* Handle */
.top-menu-conn-right::-webkit-scrollbar-thumb {
    background: #202124;
    border-radius: 10px;
}

@media (min-width: 992px) {
    .cbe-table-result {
        display: table-cell;
        border-right: 1px solid #CBD5E1;
        border-bottom: none;
    }
}

body #hubspot-messages-iframe-container.widget-align-right {
    right: 46px !important;
}

.pholder {
    min-height: 45px;
}

.free-trial-banner {
    background-image: url("/wp-content/themes/learnsignal/assets/images/calendar-banner-bg.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.fs-normal {
    font-style: normal;
}

blockquote.blockstyle-style-1:before {
    content: open-quote;
    content: url('/wp-content/themes/learnsignal/assets/images/svg/quote.svg');
    font-family: Arial, serif;
    font-size: 4.5em;
    line-height: 0;
    display: block;
    position: static;
    color: azure;
    margin-right: 40px;
    align-content: start;
}

blockquote.blockstyle-style-1 {
    position: relative;
    align-content: start;
    vertical-align: text-bottom;
    padding: 32px 50px;
    font-style: normal;
}

.border-bottom-E5E7EB {
    border-bottom: 1px solid #E5E7EB;
}

@media (max-width: 788px) {
    blockquote.blockstyle-style-1 {
        padding: 28px 22px;
    }

    blockquote.blockstyle-style-1:before {
        margin-right: 20px;
        min-width: 50px;
        content: "";
        background: url('/wp-content/themes/learnsignal/assets/images/svg/quote.svg') no-repeat;
        background-size: contain;
    }
}


.most-popular-plan {
    border: 2px solid #111827;
    position: relative;
}

.most-popular-plan::before {
    content: "Most Popular";
    font-size: 12px;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background: #111827;
    color: #fff;
    padding: 2px 6px;
    border-radius: 7px;
}

.bg-yellow-500 {
    background-color: #FDE68A;
}

.font-cool-gray-900-2, .cust_cart_most_popular {
    color: #111827;
}

.customRadio--wrap.active .cust_cart_most_popular {
    color: #FDE68A;
}

.product-level-buttons {
    background: #fff !important;
    margin-bottom: 10px;
    color: #6B7280;
    position: relative;
    padding-right: 15px;
    border: 1px solid #6B7280;
    border-radius: 10px !important;
}

.product-level-buttons.active {
    background: #111827 !important;
    box-shadow: 0 0 2px #111827 !important;
}

.product-level-buttons:hover {
    text-decoration: none;
}

.product-level-buttons::after {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
}

.product-level-buttons.active::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.course-listing {
    margin-bottom: 20px;
    padding: 0 !important;
}

.toptitle h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #6B7280;
    margin-bottom: 25px;
}

.product-showcase .toptitle h3 {
    margin-bottom: 5px;
}

h4.course-title {
    margin-bottom: 15px;
    color: #111827;
    font-size: 18px;
    margin-top: 20px;
}

.product-container {
    width: 100%;
    display: flex;
}

.product-container .add-ons-selector--single {
    flex: 1 0 21%;
    min-width: 256px;
    margin: 0 10px 15px 10px !important;
    padding: 0 !important;
    max-width: 256px !important;
}

.product-container .add-ons-selector--single img {
    width: 100%;
    height: 96px;
}

.product-container .add-ons-selector--single .product-title {
    min-height: 54px;
}

.product-list .customRadio-levels--wrap .customRadio--wrap {
    border-radius: 0px 16px 16px 0px;
    border-color: #E5E7EB;
}

.product-list .customRadio-levels--wrap.left .customRadio--wrap {
    border-radius: 16px 0px 0px 16px !important;
}

@media (max-width: 768px) {
    .product-list .customRadio-levels--wrap.left .customRadio--wrap {
        border-radius: 0 !important;
    }
}

.product-list .customRadio-levels--wrap.active .customRadio--wrap {
    background: #111827;
    border-color: #111827;
}


/**
* DOCUMENT ARCHIVE CSS STARTS
 */
.box.header-box {
    background: #20B67D;
    text-align: center;
    padding: 40px 80px;
    border-radius: 10px;
    color: #fff;
}

.box.header-box h1 {
    font-weight: 700;
    margin-bottom: 25px;
}

.box.header-box input#search {
    color: #1c1b17;
    background-color: #ffffff80;
    border: 1px solid #1c1b171a;
    border-radius: 8px;
    height: 46px;
    padding: 12px 0 12px 40px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    max-width: 500px;
    margin: 15px auto 0;
}

.box.header-box label {
    width: 100%;
    margin-bottom: 0;
    max-width: 500px;
}

.document-sidebar {
    background-color: #fafafa;
    border-radius: 8px;
    flex-flow: column;
    display: flex;
}

body.post-type-archive-free_template {
    background: #fff;
}

.document-sidebar {
    background-color: #fafafa;
    border-radius: 8px;
    flex-flow: column;
    display: flex;
    position: sticky;
    top: 70px;
    padding-bottom: 20px;
}

body.post-type-archive-free_template {
    background: #fff;
}

.document-categories {
    display: flex;
    padding: 20px;
    flex-direction: column;
    gap: 15px;
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.document-category-header {
    font-size: 14px;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    line-height: 1.5;
    padding-bottom: 8px;
}

.document-category-header .document-category-icon {
    position: absolute;
    right: -10px;
    top: 10px;
    padding-right: 20px;
    background: url(https://cdn.prod.website-files.com/65047bb9f2b0dda10ed1944e/66707f1acdbbbcf8915f98f6_add.svg) no-repeat;
    width: 20px;
    height: 20px;
}

.document-category-body {
    display: none;
    flex-direction: column;
    gap: 13px;
}

.document-category-body.active {
    display: flex;
}

body:has( .document-category-body a) {
    line-height: 1;
}

.document-category-body a {
    color: #1c1b1799;
    font-size: 14px;
    font-weight: 500;
    display: block;
    line-height: 20px;
}

a.document-card {
    background: #EFEFEF;
    display: block;
    padding: 15px;
    margin: 10px;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
}

.document-thumb {
}

.document-thumb img {
    width: 100%;
}

a.document-card h3 {
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #111826;
    line-height: 22px;
}

.hs-input.hs-fieldtype-intl-phone {
    margin-bottom: var(--global--spacing-unit);
    width: 100% !important;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.documents-carousal .slick-dots li button:before {
    color: #111826;
    content: "";
}

.documents-carousal .slick-dots li button {
    background-color: #111826;
    width: 12px;
    height: 12px;
}

.documents-carousal .slick-dots li.slick-active button {
    background: #2FB680;
}

.documents-glossary h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 700;
}

.documents-carousal ul.slick-dots {
    bottom: -45px;
}

.documents-glossary .main-area h2 {
    margin-top: 80px;
}

.main-area ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.main-area ul li {
    line-height: 26px;
}

.box.header-box .form-group label[for="search"] button {
    position: absolute;
    padding: 0;
    background: transparent;
    left: 12px;
    top: 25px;
    opacity: 0.4;
}

.box.header-box .form-group label[for="search"] {
    position: relative;
}


.documents-carousal .slick-arrow {
    color: #EFEFEF !important;
    background: transparent !important;

}

.documents-carousal .slick-next:before,
.documents-carousal .slick-prev:before {
    font-size: 20px;
    color: #ccc !important;
}

/**
* DOCUMENT ARCHIVE CSS ENDS
 */


/**
SINGLE DOCUMENT CSS
 */
body.single-document {
    background: #fff;
}

.document-title h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}

.document-title .description {
    line-height: 21px;
    margin-bottom: 20px;
    display: block;
}

.document-actions {
    display: flex;
    gap: 15px;
}

.document-actions .btn {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
}

.document-actions .btn-primary {
    background: #20B67E !important;
    border: #20B67E !important;
    color: #fff !important;
}

.document-actions .btn-secondary {
    background: #000131 !important;
    border: #000131 !important;
    color: #fff !important;
}

.document-image {
    width: 100%;
    background: #EFEFEF;
    padding: 20px 20px 0;
    border-radius: 12px;
}

.document-image img {
    max-width: 100%;
    height: 100%;
    max-height: 390px;
    object-fit: cover;
    object-position: top center;
}

.document-breadcrumb {
    font-weight: 700;
    margin-bottom: 30px;
}

.document-breadcrumb a {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    color: rgb(28 27 23 / 60%);
    text-decoration: none;
}

.document-category-text {
    padding-right: 20px;
}

.document-category-text {
    padding-right: 25px;
}

.document-search-toggle {
    display: none;
}

.document-search {
    display: flex;
    padding: 20px 20px 0;
    border-top: 1px solid #ccc;
}

.document-search input[type="text"] {
    width: 100%;
    color: #1c1b17;
    background-color: #fff;
    border: 1px solid #1c1b171a;
    border-radius: 8px;
    height: 46px;
    margin-bottom: 0;
    padding: 12px 0 12px 40px;
    font-size: 14px;
    line-height: 20px;
}

.doc-search-form label {
    margin-bottom: 0;
}

.document-categories.show {
    display: flex;
    height: 100vh;
}

body:has(.document-categories.show) {
    overflow: hidden;
}

.document-search-toggle img:last-child {
    display: none;
}

.document-search-toggle.close img {
    display: none;
}

.document-search-toggle.close img:last-child {
    display: block;
}

.doc-search-form input[type="submit"] {
    z-index: 10;
    background-color: #0000 !important;
    background-image: url(https://cdn.prod.website-files.com/65047bb9f2b0dda10ed1944e/66707f1acdbbbcf8915f9982_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 12px;
    padding: 0;
    transform: translate(0, -50%);
    border: 0;
}

.doc-search-form form {
    position: relative;
}

.documents-content {
    display: flex;
    margin-top: 50px;
}

.documents-content .main-area {
    width: 70%;
    padding-right: 60px;
}

.document-toc {
    margin-top: 70px;
}

.document-toc h3 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.document-toc ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.document-toc ul li a {
    color: #1f1f1f99;
    line-height: 21px;
    font-size: 14px;
}

.document-toc ul li a:hover {
    color: #1f1f1fd6;
}

.document-toc ul li a:hover {
    color: #1f1f1fd6;
}

.document-popup-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    display: none;
}

.document-popup {
    background: #fff;
    max-width: 600px;
    width: 100%;
    padding: 40px;
    border-radius: 6px;
    position: relative;
}

.document-popup-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.form-group {
}

.document-popup-content-inner label {
    width: 100%;
}

.document-popup-content-inner label input {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    box-sizing: border-box;
    border-radius: 8px 0px 0px 8px !important;
    line-height: 22px;
    width: 100%;
    font-size: 15px;
    padding: 13px;
}

.document-popup-content-inner input[type="submit"] {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #ffffff !important;
    background: #00b67a !important;
    border-radius: 8px;
    border: 0;
}

.document-popup-close {
    position: absolute;
    right: 30px;
    top: 20px;
    cursor: pointer;
}

.document-popup-content-inner .form-group {
    margin-bottom: 5px;
}

.document-popup-title .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
    display: block;
}


/**
Pricing
 */
#pricing-section .btn-primary {
    background: #00b67b;
    border: 0 !important;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    border-radius: 16px;
}

#pricing-section .container {
    max-width: 1440px !important;
}

#pricing-section .card-header {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background: #111826;
    color: #fff;
}


#pricing-section .card-header-alternative {
    background: #27B983 !important;
    color: #fff;
}

.card-header.card-header-alternative p {
    color: rgba(255, 255, 255, 0.7) !important;
}

section#pricing-section .card-footer {
    margin-top: 40px;
    background: none !important;
    border: none !important;
}

#pricing-section .card-header h3 {
    color: #00b67b;
}

/*  OLDb */
form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca fieldset.form-columns-2 {
    display: flex;
    width: 100%;
    max-width: 100%;
}

form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca input, #hsForm_debc386b-1d6e-4374-b366-a51460ea68ca select {
    width: 100% !important;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--Base-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e fieldset.form-columns-2 {
    display: flex;
    width: 100%;
    max-width: 100%;
}

form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e input, #hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e select {
    width: 100% !important;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--Base-White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

/*  OLD */
form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca {
    margin-bottom: 25px;
}

form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e {
    margin-bottom: 25px;
}

/*7b0755df-ad01-4131-b0bb-0b4313e7f37e */
/*   OLD */
form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca .field > label {
    color: var(--Gray-700, #344054);

    /* Text sm/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 5px;
}


form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e .field > label {
    color: var(--Gray-700, #344054);

    /* Text sm/Medium */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-bottom: 5px;
}


@media (max-width: 767px) {
    /*
  OLD */
    form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca fieldset.form-columns-2 {
        width: 100%;
        display: block;
    }

    form#hsForm_debc386b-1d6e-4374-b366-a51460ea68ca input:last-child, #hsForm_debc386b-1d6e-4374-b366-a51460ea68ca select:last-child {
        margin-bottom: 20px;
    }

    form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e fieldset.form-columns-2 {
        width: 100%;
        display: block;
    }

    form#hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e input:last-child, #hsForm_7b0755df-ad01-4131-b0bb-0b4313e7f37e select:last-child {
        margin-bottom: 20px;
    }

    .document-search {
        padding: 15px;
        width: 100%;
    }

    .doc-search-form {
        width: 100%;
    }

    .doc-search-form form {
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
    }

    .document-search-toggle {
        display: block;
        background-color: #efefef;
        border-radius: 8px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        min-width: 46px;
        width: 46px;
        height: 46px;
        display: flex;
    }

    .document-search label {
        width: 100%;
    }

    .col-md-3:has(.document-sidebar) {
        padding: 0;
    }

    .document-sidebar {
        border-radius: 0;
        margin-bottom: 30px;
        flex-direction: column-reverse;
        padding: 0;
    }

    .site-main:has(.documents-glossary) {
        padding-top: 0;
    }

    .document-categories {
        display: none;
    }

    .document-title h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .document-title {
        margin-bottom: 30px;
    }

    .document-image img {
        max-height: 450px;

        width: 100%;
    }

    .box.header-box {
        padding: 30px 40px;
    }

    .document-toc {
        display: none;
    }

    .documents-content .main-area {
        width: 1000%;
        padding-right: 0px;
    }
}

@media (max-width: 540px) {
    .document-actions {
        flex-direction: column;
    }

    a.document-card h3 {
        font-size: 14px;
        line-height: 20px;
    }

    a.document-card {
        padding: 10px;
    }
}


/******************* PRICING PAGE *****************/
.pricing-section {
    padding: 30px 15px;
    background: #f1f1f1;
    margin-bottom: 0;
}

.individual-data .plan-btn {
    background-color: #00B67A !important;
    color: white !important;
    font-weight: 600;
    border: none;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Inter';
    border-radius: 8px;
    padding: 12px;
}

.Switching_plans .nav-link.active {
    background-color: #000032 !important;
    color: white !important;
    width: 100%;
}

.toggle-btn-group {
    border: 1px solid #000032;
    border-radius: 50px;
    padding: 6px;
}

.pricing_wrap .toggle-btn-group button {
    border-radius: 50px;
    border: 0px;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #000032 !important;
    background: transparent !important;
}

.pricing_wrap .toggle-btn-group .active {
    background-color: #000032 !important;
    color: white !important;
    border: none;
}

ul#durationTabs {
    border: 1px solid #00B67A;
    max-width: fit-content;
    width: 100%;
    border-radius: 50px;
    padding: 7px;
    background: white !important;
    opacity: 0;
}

#durationTabs.nav-pills .nav-link {
    border-radius: 50px;
    color: #000032;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    background: transparent;
    width: 100%;
}

#durationTabs.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #00B67A;
}


.pricing_title h1 {
    font-size: 44px;
    line-height: 60px;
    letter-spacing: -2px;
    color: #101828;
    font-family: 'Manrope';
    font-weight: bold;
}

.pricing_title p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Manrope';
}

.pricing_wrap {
    margin-bottom: 32px;
}

.Switching_plans {
    border: none;
    width: 100% !important;
    justify-content: space-between;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
}

.Switching_plans li.nav-item {
    width: 25%;
}

.Switching_plans .nav-link {
    border: 1px solid transparent;
    background: white !important;
    width: 100%;
    border-right: 1px solid lightgray;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    padding: 20px !important;
    text-align: left;
    border-bottom: 1px solid lightgray;
    padding-left: 45px !important;
    position: relative !important;
    color: #212529 !important;
    white-space: nowrap;
}

.Switching_plans button#acca-tab {
    border-top-left-radius: 24px;
}

.Switching_plans button#cpd-tab {
    border-top-right-radius: 24px;
    border-right: 0px;
}

.tab-content .row {
    margin: 0px -5px;
}

.tab-content {
    background: white;
}

.tab-content .card {
    border: 0px;
}

.tab-content .card .card-header {
    background: transparent;
    border: 0px;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    padding: 40px 20px 0px;
}

.tab-content .card h3.card-title {
    font-size: 30px;
    line-height: 48px;
    font-weight: 600;
    font-family: 'Inter';
    margin: 0px;
    text-wrap: initial;
    word-break: keep-all;
    white-space: nowrap;
}

.Pricing_inner tr th {
    padding: 10px 20px;

}

.Pricing_inner tr td {
    width: 20%;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Inter';
    font-weight: 500;
    color: #101828;
    border: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    min-height: 30px;
    padding: 15px 30px;
    border-right: 1px solid #ccc;
}

.Pricing_inner .price_cont {
    text-align: left;
}

.tab-content .card p.text-muted {
    background: #ECFDF3;
    max-width: 73px;
    border-radius: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Inter';
    color: #067647 !important;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}


table {
    border-collapse: collapse;
}

tr:nth-child(odd) {
    background-color: #F9FAFB;
}

.nav-tabs .nav-link.active {
    position: relative;
}

.nav-tabs .nav-link.active:before {
    content: "";
    background-image: url("../images/odyssey/_Checkbox\ base.svg");
    background-position: left;
    position: absolute;
    width: 7%;
    background-repeat: no-repeat;
    display: block;
    height: 30%;
    left: 17px;
}

.nav-tabs .nav-link:after {
    content: "";
    /*background-image: url("../images/odyssey/_Checkbox\ base\ \(1\).svg");*/
    background-position: left;
    position: absolute;
    width: 7%;
    background-repeat: no-repeat;
    display: block;
    height: 30%;
    left: 17px;
    top: 20px;
}

.nav-tabs .nav-link.active:after {
    display: none;
}

.custom_container {
    max-width: 1344px !important;
    margin: auto;
}

.course-tabs.nav-tabs .nav-link:before,
.course-tabs.nav-tabs .nav-link:after {
    display: none !important;
}

/******************* ADD ONS SEC *****************/
.add_ons_sec {
    padding: 80px 0px;
    background-color: white;
    margin-bottom: 0;
}

.FILTER_ADD-ONS {
    max-width: 1200px;
    margin: 35px auto !important;
}

.FILTER_ADD-ONS .col-md-4 {
    padding: 0px 5px;
}

button.iti__selected-country {
    background: inherit !important;
}

.iti {
    display: block;
}

select.form-select {
    border: 1px solid #EAECF0;
    border-radius: 8px;
    height: 52px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: black;
    font-family: inter;
}

.form-select:focus {
    box-shadow: unset;
}

.add_on_Wrap .col {
    padding: 0px 10px;
}

.add_on_Wrap .card {
    border: 1px solid #CBD5E1;
    border-radius: 16px;
}

.add_on_Wrap .card .card-body {
    background-color: rgba(0, 0, 0, .03);
}

.add_on_Wrap .card .card-title {
    font-size: 24px;
    line-height: 120%;
    font-weight: bold;
    font-family: 'Manrope';
    letter-spacing: -0.2px;
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0px;
    padding: 15px;
}

.card-footer p.card-text {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin: 0px;
}

.card-footer .btn.btn-success {
    background: #00B67A !important;
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 600;
    min-width: 123px;
    max-width: 124px;
    width: 100%;
}

#durationTabs.nav-pills .nav-link {
    padding: 12px !important;
}

.btn {
    outline: none !important;
}

.add-payment-method {
    display: block !important;
}

form.coupon-form .input-group {
    display: none;
}

form.coupon-form label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
}

form.coupon-form.active .input-group {
    display: flex;
}

form.coupon-form.active i:before {
    content: "\f106" !important;
}

/** HOME LOGOS **/
.accounting_outer_logos {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
}

.accounting_outer_logos .card {
    display: block;
    width: 180px;
    float: left;
    max-height: 112px;
}

.accounting_outer_logos .card img {
    height: 84px;
    width: 100%;
    object-fit: contain;
}

/******************** MEDIA QUERIES *******************/

@media screen and (max-width: 767px) {
    .pricing_wrap {
        display: block !important;
    }

    .add_on_Wrap .slick-addon-prev-1,
    .add_on_Wrap .slick-addon-next-1 {
        display: inline-block;
    }

    .add_ons_sec {
        padding: 80px 20px;
    }

    .add_on_Wrap {
        margin: 0px -5px !important;
    }

    .tab-content .card h3.card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .Pricing_inner tr td {
        width: 180px;
    }

    .pricing_title h1 {
        font-size: 35px;
        line-height: 43px;
    }

    .toggle-btn-group button {
        width: 100%;
    }

    .Switching_plans {
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
    }

    .Switching_plans li.nav-item {
        width: 100%;
    }

    .Switching_plans .nav-link {
        font-size: 18px;
        line-height: 20px;
        padding: 17px;
        white-space: nowrap;
        margin-bottom: 1px;
    }

    ul#durationTabs {
        padding: 6px;
        overflow-x: hidden;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
    }

    ul#durationTabs li {
        width: 100%;
    }

    .tab-content .card .card-header {
        font-size: 14px;
        line-height: 16px;
        padding: 30px 10px 0px;
    }

    table.table.mt-3.Pricing_inner tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    table.table.mt-3.Pricing_inner {
        overflow-x: scroll;
        display: flex;
        flex-wrap: wrap;
    }

    #individual-data .tab-pane {
        overflow-x: scroll;
    }

    .plan-btn {
        white-space: nowrap;
    }

    .nav-tabs .nav-link.active:before {
        display: none;
    }

    .nav-tabs .nav-link:after {
        display: none;
    }

}


@media screen and (min-width: 768px) and (max-width: 1200px) {
    .add_ons_sec {
        padding: 80px 20px;
    }

    .row.row-cols-1.row-cols-md-4.g-4.add_on_Wrap {
        margin: 0px 5px;
    }

    .add_on_Wrap .col {
        width: 50%;
    }

    .pricing_title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .tab-content .card .card-header {
        font-size: 14px;
    }

    .plan-btn {
        white-space: nowrap;
    }

    .nav-tabs .nav-link.active:before {
        display: none;
    }

    .nav-tabs .nav-link:after {
        display: none;
    }

    .Switching_plans .nav-link {
        padding-left: 20px;

    }

    .tab-content .card h3.card-title {
        font-size: 28px;
        line-height: 36px;
    }
}

div#course-mocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

table.table.Pricing_inner thead tr td, table.table.Pricing_inner tfoot tr td:last-child, table.table.Pricing_inner tfoot tr td:first-child, table.table.Pricing_inner thead tr td:last-child,
.Pricing_inner tr td:last-child, .Pricing_inner tbody tr td:first-child, .Pricing_inner tfoot tr td {
    border: none;
}


@media (max-width: 992px) {
    div#course-mocks {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    div#course-mocks {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) and (min-width: 786px) {
    table.table.Pricing_inner {
        width: 120%;
    }

    #planContent .tab-pane {
        overflow-x: scroll;
    }
}


.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0px;
    padding: 15px;
}

.card-footer p.card-text {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    margin: 0px;
}

.card-footer .btn.btn-success {
    background: #00B67A !important;
    font-size: 16px;
    font-family: 'Inter';
    font-weight: 600;
    min-width: 123px;
    max-width: 124px;
    width: 100%;
}

#durationTabs.nav-pills .nav-link {
}

.pricing-section-mob {
    display: none;
}

.pricing_card_main .card {
    border: 1px solid #000032;
    border-radius: 16px;
}

.plan-btn {
    background-color: #00B67A !important;
    color: white !important;
    font-weight: 600;
    border: none;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    padding: 12px;
}

.header_logins a.classroom-header {
    gap: 12px;
    background-color: #fff !important;
    border-radius: 8px;
    color: #10B981 !important;
    padding: 8px 12px;
    font-family: 'Manrope';
    font-weight: 700;
    border: 2px solid #10B981;
}

.header_logins a.classroom-header .account-icon {
}

.header_logins a.classroom-header .account-icon:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: url(/wp-content/themes/learnsignal/assets/images/svg/Enter.svg);
    filter: brightness(0) saturate(100%) invert(49%) sepia(51%) saturate(1945%) hue-rotate(125deg) brightness(92%) contrast(101%);
}


/******************** MEDIA QUERIES *******************/

@media screen and (max-width: 767px) {

    .desktop-pricing {
        display: none;
    }

    .pricing_wrap {
        display: block !important;
    }

    .pricing-section-mob {
        display: block;
    }

    .desktop-visiable {
        display: none !important;
    }

    .Pricing_inner tr td {
        width: unset;
    }

    .add_ons_sec {
        padding: 80px 20px;
    }

    .add_on_Wrap {
        margin: 0px -5px !important;
    }

    .pricing_title h1 {
        font-size: 35px;
        line-height: 43px;
    }

    .toggle-btn-group button {
        width: 100%;
    }

    .Switching_plans {
        width: 100%;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
    }

    .Switching_plans li.nav-item {
        width: 100%;
    }

    .Switching_plans .nav-link {
        font-size: 18px;
        line-height: 20px;
        padding: 17px;
        white-space: nowrap;
        margin-bottom: 1px;
    }

    ul#durationTabs {
        padding: 6px;
        overflow-x: scroll;
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 0 !important;
    }

    .tab-content .card .card-header {
        font-size: 14px;
        line-height: 16px;
        padding: 30px 10px 0px;
    }

    table.table.mt-3.Pricing_inner tr {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    table.table.mt-3.Pricing_inner {
        overflow-x: scroll;
        display: flex;
        flex-wrap: wrap;
    }

    .plan-btn {
        white-space: nowrap;
    }

    .nav-tabs .nav-link.active:before {
        display: none;
    }

    .nav-tabs .nav-link:after {
        display: none;
    }

}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .add_ons_sec {
        padding: 80px 20px;
    }

    #acc.tab-pane .row {
        flex-wrap: nowrap;
    }

    #acc.tab-pane .row .col {
        flex: 0 0 200px;
    }

    .pricing_wrap {
        flex-wrap: wrap;
    }

    .row.row-cols-1.row-cols-md-4.g-4.add_on_Wrap {
        margin: 0px 5px;
    }

    .add_on_Wrap .col {
        width: 50%;
    }

    .pricing_title h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .tab-content .card .card-header {
        font-size: 14px;
    }

    .plan-btn {
        white-space: nowrap;
    }

    .nav-tabs .nav-link.active:before {
        display: none;
    }

    .nav-tabs .nav-link:after {
        display: none;
    }

    .Switching_plans .nav-link {
        padding-left: 20px;

    }

    table.table.Pricing_inner {
        width: 994px !important;
    }

}