/* TEFLIE Global Styles */
html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Light Oblique.otf') format('opentype');
    font-weight: 300;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Oblique.otf') format('opentype');
    font-weight: 400;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Medium Oblique.otf') format('opentype');
    font-weight: 500;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Semibold Oblique.otf') format('opentype');
    font-weight: 600;
    font-style: oblique;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond Bold Oblique.otf') format('opentype');
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond News.otf') format('opentype');
    font-weight: 550;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Salmond';
    src: url('../../fonts/Salmond News Oblique.otf') format('opentype');
    font-weight: 550;
    font-style: oblique;
    font-display: swap;
}

:root {
    /* Typography */
    --teflie-font-primary: "Figtree", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --teflie-font-headings: "Salmond", system-ui, serif;

    /* Figtree Weights (Body Text) */
    --teflie-font-weight-light: 300;
    --teflie-font-weight-regular: 400;
    --teflie-font-weight-medium: 500;
    --teflie-font-weight-semibold: 600;
    --teflie-font-weight-bold: 700;
    --teflie-font-weight-extrabold: 800;
    --teflie-font-weight-black: 900;

    /* Salmond Weights (Headings) */
    --salmond-light: 300;
    --salmond-regular: 400;
    --salmond-medium: 500;
    --salmond-news: 550;
    --salmond-semibold: 600;
    --salmond-bold: 700;

    /* font-sizes */

    --teflie-font-base: 1rem;
    --teflie-font-subheading: calc(1rem + 2px);
    --teflie-font-xxs: calc(1rem - 3px);
    --teflie-font-xs: calc(1rem - 2px);
    --teflie-font-sm: calc(1rem - 1px);
    --teflie-font-md: 2rem;
    --teflie-font-lg: calc(3rem + 8px);
    --teflie-font-xl: calc(1rem + 6px);
    --teflie-font-xxl: calc(1rem + 8px);

    /* Colors  */
    --teflie-white: #fff;
    --teflie-grey: #FFFFFFCC;
    --teflie-semi-grey: #FFFFFF26;
    --teflie-navy-blue: #2B2D42;
    --teflie-text-primary: #374343;
    --teflie-text-primary-dark: #2D3F40;
    --teflie-background-warm: #FAF7F0;
    --teflie-background-vanilla: #FDEBC6;
    --teflie-background-light-green: #07ADA51A;
    --teflie-background-light-blue: #CCE7E2;
    --teflie-turquoise: #07ADA5;
    --teflie-teal: #026F71;
    --teflie-red: #E67529;
    --teflie-light-blue-transparent: #B1E3E499;
    --teflie-light-pink: #FCE7EE;
    --teflie-navy-blue-transparent: #2B2D4233;
    --teflie-yellow: #FBF2B7;
    --teflie-light-red: #E67529;
    --teflie-dark-navy-transparent: #03284466;
    --teflie-border-1: #ECE9E1;
    --teflie-border-2: #07ADA5;
    --teflie-border-3: #00000026;
    --teflie-discount-color: #1A9AA8;



    /* Grays */
    --teflie-gray-50: #f8fafc;
    --teflie-gray-100: #f1f5f9;
    --teflie-gray-200: #e2e8f0;
    --teflie-gray-300: #cbd5e1;
    --teflie-gray-400: #94a3b8;
    --teflie-gray-500: #64748b;
    --teflie-gray-600: #475569;
    --teflie-gray-700: #334155;
    --teflie-gray-800: #1e293b;
    --teflie-gray-900: #0f172a;

    /* Blues */
    --teflie-blue: #0055FF;

    /* Spacing */
    --teflie-space-xs: 0.5rem;
    --teflie-space-sm: 1rem;
    --teflie-space-md: 1.5rem;
    --teflie-space-lg: 2rem;
    --teflie-space-xl: 3rem;
    --teflie-space-2xl: 4rem;

    /* Border Radius */
    --teflie-radius-sm: 0.375rem;
    --teflie-radius-md: 0.5rem;
    --teflie-radius-lg: 0.75rem;
    --teflie-radius-xl: 1rem;
    --teflie-radius-2xl: 1rem;

    /* Shadows */
    --teflie-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --teflie-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --teflie-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Transitions */
    --teflie-transition: all 0.2s ease-in-out;
}

body,
.ast-theme-transparent-header .main-header-bar,
.ast-site-identity,
p,
div,
span,
a,
li,
td,
th,
input,
textarea,
select,
button,
.ast-button,
.button,
.ast-breadcrumbs,
.ast-pagination {
    font-family: var(--teflie-font-primary) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.widget-title,
.site-title,
.site-description {
    font-family: var(--teflie-font-headings) !important;
}

.font-content,
.font-content p {
    font-size: var(--teflie-font-subheading);
    line-height: 1.5;
}

p {
    margin-bottom: var(--teflie-space-sm);
}

.d-none {
    display: none !important;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.page-template-page-resources) #content>.ast-container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}


@media (max-width: 768px) {
    body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.page-template-page-resources) #content>.ast-container {
        max-width: 100%;
        margin: 0;
    }

    .ast-separate-container #primary,
    .ast-separate-container #secondary {
        padding: 0 !important;
    }
}

.section-tagline {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

@media(min-width:545px) {
    .coloum-7 {
        width: 58.333333%;
    }
}

@media(max-width:545px) {

    .accredation-item,
    .accre_tag {
        display: none !important;
    }

    .accredation {
        border-right: none !important;
    }

    .accredation-logo {
        width: 88px;
        height: auto;
        object-fit: cover;
    }

    .accredation-container {
        gap: 0px !important;
    }
}

.column-4 {
    width: 33.333333%;
}

.column-8 {
    width: 66.666667%;
}

/* .ptb-70 + .ptb-70{
    padding-bottom: 0;
} */

.section-title-container {
    margin: auto;
}

.ptb-70:last-child {
    padding-bottom: 70px;
}

h3 a,
.description a {
    text-decoration: underline;
    color: black;
}

.enroll-btn a {
    white-space: nowrap;
    padding-left: 18px;
    padding-right: calc(18px + 14px);
}

.enroll-btn img {
    margin-left: 4px;
}

#primary {
    margin: 0 !important;
}

.shorts_container {
    overflow-x: auto;
    margin-top: 40px;
    padding: 10px 0;
}

.short_wrapper {
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 20px;
}

.short_item {
    flex-shrink: 0;
}

.video-wrapper {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.short_item video {
    width: 310px;
    height: 400px;
    object-fit: cover;
    display: block;
    background-color: #000;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.video-wrapper:hover .video-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.play-btn {
    background: none !important;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    position: absolute;
    bottom: 3px;
    right: -29px;
}



.student-name {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .short_wrapper {
        justify-content: flex-start;
    }

    .short_item video {
        width: 180px;
        height: 320px;
    }
}

@media (max-width: 480px) {
    .short_item video {
        width: 160px;
        height: 284px;
    }

    .student-name {
        font-size: 16px;
        bottom: 15px;
        left: 15px;
    }
}




/* Buttons */

.teflie-btn {
    padding: 12px 24px;
    border-radius: 100px;
    outline: none;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 600;
    justify-content: center;
    white-space: nowrap;
}

#load-more-btn{
    min-width: 200px;
}


.btn-underline {
    text-decoration: underline;
    color: var(--teflie-text-primary);
    font-weight: var(--telfie-font-weight-semibold);
}

.btn-underline:hover {
    color: var(--teflie-turquoise);
}

.card-btn {
    min-width: 158px;
}

ul li {
    list-style: none;
    margin-bottom: 12px;
}

.hero-banner-btn {
    min-width: 100% !important;
}

.btn-primary {
    background:
        linear-gradient(0deg, #039D95, #039D95),
        /* solid background */
        radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.354) 0%, rgba(255, 255, 255, 0) 69.79%),
        radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%);

    background-blend-mode: lighten, normal, multiply;

    box-shadow:
        4px 38px 62px 0px #0000001F,
        -3px -4px 7px 0px #FFFFFF26 inset;
    border: none;
    color: #fff;
    outline: none;
    transition: 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    background:
        linear-gradient(135deg, #02b3aa, #02b3aa),
        radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 69.79%),
        radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%);
}

.btn-primary:active {
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: var(--teflie-white) !important;
    text-decoration: none;
    outline: mone !important;
}

.btn-glass {
    background:
        linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)),
        radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.059) 0%, rgba(255, 255, 255, 0) 69.79%),
        radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(255, 255, 255, 0.023) 0%, rgba(255, 255, 255, 0) 86.18%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);
    color: var(--teflie-white);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-glass:hover,
.btn-glass:focus {
    background:
        linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)),
        radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 69.79%),
        radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 86.18%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.btn-glass:active {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
}

.btn-glass,
.btn-glass:hover,
.btn-glass:focus,
.btn-glass:active {
    color: var(--teflie-white) !important;
    text-decoration: none;
}

.seperator {
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.2);
}


.btn-secondary {
    background: none;
    box-shadow: 0 0 0 1px inset #2D3F40;
    color: #2D3F40;
}

.btn-secondary:hover {
    background: var(--teflie-light-red);
    box-shadow: none;
    color: var(--teflie-white);
}

.btn-secondary:hover img {
    filter: brightness(0) invert(1);
}

.btn-learn-more {
    padding: 11px 70px;
    background: transparent;
    border: 1px solid #374343;
    border-radius: 30px;
    margin-top: 20px;
    cursor: pointer;
}

.btn-view-course {
    padding: 12px 24px !important;

}

.btn-enrol-now,
.btn-take-quiz,
.btn-view-course {
    padding: 14px 80px;
    background: linear-gradient(135deg, #2DD4BF 0%, #0D9488 100%);
    border: none;
    border-radius: 30px;
    margin-top: 20px;
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(3, 157, 149, 0.4);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-enrol-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(3, 157, 149, 0.5);
}


/* Custom Select dropdown */

.select-menu.select-two-required {
    position: relative;
}

.select-menu.select-two-required>span {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    color: var(--teflie-white);
    background: var(--teflie-red);
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 14px;
    top: -15px;
    line-height: 1;
    font-weight: 500;
}

.select-menu .select-btn {
    display: flex;
    background: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 1.5rem;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    border: 1px solid var(--teflie-text-primary);
    color: var(--teflie-text-primary);
    font-weight: 500;
    position: relative;
}

.select-menu.active .select-btn {
    border-radius: 1.5rem 1.5rem 0 0;
    border-bottom-color: transparent;
}

span.sBtn-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.select-menu.active .select-btn img {
    transform: rotate(-180deg);
}

.select-menu.active .select-btn::after {
    content: "";
    background: var(--teflie-gray-300);
    height: 1px;
    width: 75%;
    position: absolute;
    bottom: -5px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
}

.select-menu .options {
    scrollbar-width: thin;
    scrollbar-color: var(--teflie-text-primary) transparent;
    z-index: -1;
}

.select-menu .options {
    opacity: 0;
    position: absolute;
    /* width: 330px; */
    overflow-y: auto;
    max-height: 295px;
    padding: 10px;
    border-radius: 1.5rem;
    background: #fff;
    border: 1px solid var(--teflie-text-primary);
}

.select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
}

.select-menu.active .options {
    border-radius: 0 0 1.5rem 1.5rem;
    border-top-color: transparent;
    margin-top: -2px;
}

.splide__track {
  padding-bottom: 30px;
}

@keyframes fadeInUp {
    from {

        /* transform: translate3d(0, 30px, 0); */
    }

    to {
        /* transform: translate3d(0, 0, 0); */
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        /* transform: translate3d(0, 0, 0); */
        opacity: 1;
    }

    to {
        /* transform: translate3d(0, 20px, 0); */
        opacity: 0;
    }
}

.select-menu .options .option {
    display: flex;
    /* height: 55px; */
    cursor: pointer;
    padding: 10px;
    border-radius: 8px;
    align-items: center;
    background: #fff;
    gap: 10px;
    font-weight: 500;
}

.select-menu .options .option .option-text {
    font-size: 16px;
}

.select-menu .options .option.selected {
    background: #f2f2f2;
    border-radius: 0;
    box-shadow: 0 0 0 2px inset;
    border-radius: 10px;
}

.select-menu .options .option:not(:last-of-type) {
    margin-bottom: 5px !important;
}

.custom-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    border-radius: 4px;
    background-color: white;
    position: relative;
    transition: all 0.2s ease;
    flex: none;
    top: 2px;
}

.option.selected .custom-checkbox {
    background-color: #007bff;
    border-color: #007bff;
}

.option.selected .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s;
}


/* PAY in installments notice UI */
.payment-breakdown-container {
    margin: 1rem auto;
}

.payment-breakdown-container.mr-2 {
    margin-right: 1.5rem;
}


.payment-breakdown-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    color: var(--ast-global-color-8) !important;
    letter-spacing: 2px;
}

.product-with-deposit {
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}


.payment-breakdown-body {
    background-color: var(--ast-global-color-5);
    padding: 1rem;
    display: flex;
    border-radius: .5rem .5rem 0 0;
}



.payment-breakdown-footer {
    background-color: var(--ast-global-color-5);
    padding: 1rem;
    border-radius: 0;
}

.payment-breakdown-footer__title {
    font-size: 10px !important;
    font-weight: 800;
    color: var(--ast-global-color-8) !important;
    margin-bottom: 0 !important;
}

.payment-breakdown-footer__body {
    font-size: 10px;
    line-height: 1.2;
    color: var(--ast-global-color-1);
}

.payment-partners {
    background-color: var(--ast-global-color-5);
    padding: 0 1rem 1rem 1rem;
    flex: 1;
    border-radius: 0 0 .5rem .5rem;
}

.payment-partners img {
    height: 30px !important;
    width: auto !important;
}


.payment-breakdown-row {
    flex: 2;
    display: flex;
    position: relative;
}

.payment-breakdown-row::after {
    content: "";
    position: absolute;
    height: 1px;
    background: lightgray;
    bottom: -40%;
    left: 0;
}

.payment-breakdown-row.two-deposits::after {
    right: 50%;
}

.payment-breakdown-row.three-deposits::after {
    right: 33%;
}

.payment-breakdown-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.payment-breakdown-column::after {
    content: "";
    width: .5rem;
    height: .5rem;
    background: var(--ast-global-color-8);
    position: absolute;
    bottom: -50%;
    z-index: 2;
}

.payment-breakdown-value,
.payment-breakdown-label {
    color: #153847;
    line-height: 1.2;
}

.payment-breakdown-value,
.payment-breakdown-value bdi {
    font-size: 14px;
    font-weight: 700;
}

.payment-breakdown-label {
    font-size: 10px;
    font-weight: 600;
}

.checkout-page .payment-breakdown-value {
    font-size: 10px;
}

.checkout-page .payment-breakdown-label {
    font-size: 8px;
}

@media screen and (max-width:767px) {
    .tefl-custom .product-details .product-name {
        flex-direction: column;
    }

    .payment-breakdown-container.mr-2 {
        margin-right: 0;
    }

    .tefl-custom .product-details .product-price {
        align-items: baseline;
    }

    .tefl-custom .product-details .product-price ins {
        margin-left: 0 !important;
    }



    .checkout-page .payment-partners {
        margin-top: 1.25rem;
    }

    .checkout-page .payment-partners img {
        width: 66% !important;
    }

    .checkout-page .payment-breakdown-body {
        flex-direction: column;
        padding: 1rem 1rem 0 1rem;
    }
}

/*Installments breakdown*/


.installments-breakdown {
    background: var(--teflie-background-vanilla);
    padding: 1rem 1.25rem;
    border-radius: 10px;
    margin: 1rem auto;
    position: absolute;
    bottom: 75%;
    z-index: -1;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(-100px);
    transition: all .4s ease;
}

.installments-breakdown::after {
    content: "";
    position: absolute;
    /* left: 10%; */
    right: 5%;
    bottom: -5%;
    background: var(--teflie-background-vanilla);
    width: 1.5rem;
    height: 1.5rem;
    z-index: -1;
    transform: rotate(45deg);
}

.installments-breakdown.animate-slide-down {
    transform: translateY(0);
    opacity: 1;
    z-index: 2;
    bottom: calc(100% + 4.5rem);
}

.deposit-radio-container .installments-breakdown {
    --width: 250px;
    opacity: 0;
    background: var(--teflie-text-primary);
    color: var(--color-white);
    padding: 1.5rem;
    position: absolute;
    z-index: -1;
    transform: translateY(-100px);
    transition: all .4s ease;
    width: var(--width);
    right: calc(-1*var(--width)/2);
    left: initial;
    border-radius: .5rem;
}

.deposit-radio-container .installments-breakdown::after {
    right: 50%;
    background: var(--teflie-text-primary);
}

.deposit-radio-container .installments-breakdown.animate-slide-down {
    transform: translateY(0);
    opacity: 1;
    z-index: 99999999;
    bottom: calc(100% + 5.5rem);
}

.deposit-radio-container .installments-breakdown h6 {
    color: var(--color-white);
}

.sidebar_box .fa-info {
    display: none !important;
}

i.show-schedule-icon {
    color: var(--color-white);
    background: var(--teflie-text-primary);
}

div#loader img {
    width: 24px;
}

i.show-schedule-icon {
    padding: 4px 8px;
    border-radius: 100%;
    font-size: 10px;
    cursor: pointer;
    position: absolute;
    top: -1.5rem;
    right: 0;
}

.installments-breakdown h6 {
    font-weight: 500;
}

.installments-breakdown hr {
    margin-bottom: .75rem !important;
}

.installments-breakdown .ajax-snippet>span {
    display: block;
    font-size: .75rem !important;
}

.show-info {
    background: #193847;
    padding: .25rem 0.55rem;
    border-radius: 50px;
    color: #fff;
}

.pay-in-installments-info {
    margin-bottom: 1rem;
    position: relative;
    display: none;
}

.pay-in-installments-info span {
    cursor: pointer;
    font-size: .75rem;
    text-align: left;
}

.animated-underline {
    position: relative;
}

.animated-underline::after {
    content: "";
    width: 100%;
    height: 7px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    background: url('/wp-content/uploads/2026/02/line-animation.gif');
    background-size: cover;
    background-position: center center;
    margin: auto;
}

.open-quote,
.close-quote {
    width: 16px !important;
    position: relative;
    bottom: 10px;
}

.close-quote {
    transform: rotate(180 degree);
}

.xoo-wsc-sum-col {
    width: 100%;
    padding-left: 0;
}

.xoo-wsc-img-col {
    display: none;
}


/* archives */
body.archive.category #primary {
    max-width: 1270px;
    margin: auto !important;
}

body.archive.category #primary .ast-article-inner {
    background: white;
}

body.archive.category #primary .ast-article-inner .wp-post-image {
    height: 300px;
    object-fit: cover;
}

.grecaptcha-badge {
    display: none!important
}

@media screen  and (max-width: 768px) {
    div#_projecthuddle-container {
        display: none;
    }
}

.ast-container.breadcrumb-container {
    max-width: 1300px !important;
}

.breadcrumb a {
    color: var(--teflie-text-primary);
}

body.single-product .ast-woocommerce-container {
    max-width: 1300px;
    margin: 2rem auto;
    padding: 0 20px;
}

body .zsiq-custom-stickercont {
    bottom: 20px !important;
    max-height: 150px !important;
    max-width: 150px !important; 
    right:20px !important;
}


@media screen  and (max-width: 768px) {
    body .zsiq-custom-stickercont {
        bottom: 10px !important;
        max-height: 100px !important;
        max-width: 100px !important;
    }
}

@media (min-width:922px){
    .ast-container {
        max-width: 1300px;
    }
}


.accreditation-text-bottom{
    line-height: 1.5;
    font-size: 16px;
    color: var(--teflie-white);
    margin-top: var(--teflie-space-sm);
    font-weight: var(--teflie-font-weight-regular);
}

/* Fix: Old Stripe plugin hides Klarna - override needed for Payment Plugins Klarna to display */

li.payment_method_stripe_klarna {
    display: list-item !important;
}