/*  a tag click time remove color */
body a,
button,
.e-n-accordion {
    -webkit-tap-highlight-color: transparent;
}

body *:not(h1):not(h2):not(h3):not(h4) {
    font-kerning: none;
    text-rendering: optimizeLegibility;
}

/*Button size fixed for industry */
.btn-width-103 a {
    width: 103px !important;
    height: 22px;
}

/*  test subfolder  */
#aligned-center {
    text-align: center !important;
}

.section {
    will-change: transform;
}

.privacy-table {
    font-size: 18px !important;
}

.carousel-hero-sec .swiper-pagination-bullet {
    height: 3px !important;
    width: 24px !important;
    border-radius: 3px;
    background-color: #2D234B !important;
    opacity: 1 !important;
}

.carousel-hero-sec .swiper-pagination-bullet-active {
    background-color: #F97676 !important;
}

.custom-glass-effect-button a {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.elementor-widget-n-tabs .e-n-tab-title {
    justify-content: space-between !important;
}

.glass-effect-light {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(10px);
    /* For Safari support */
    border-top: 1px ridge rgba(255, 255, 255, 0.3);
    border-right-bottom: 1px inset rgba(255, 255, 255, 0.1);
    border-left: 1px inset rgba(255, 255, 255, 0.5);

    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.glass-effect-dark {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(10px);
    /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.2);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.glass-effect-button a {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(10px);
    /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.video-background video {
    opacity: 0.4;
    cursor: none;
    pointer-events: none;
}


/* Card description truncation - 4 lines with ellipsis */
.card-carousel-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: calc(1.5em * 4);
    margin-block-start: 0 !important;
}

body:not(.home):not(.front-page) header {
    position: absolute;
    z-index: 101;
    width: 100%;
    background: transparent;
}

.remove-br br {
    display: none !important;
}

.remove-br .jet-headline {
    display: inline;
    flex-wrap: wrap !important;
    gap: 0.25rem;
    max-width: 100%;
}

.remove-br .jet-headline__part {
    display: inline !important;
}

.remove-br .jet-headline__label {
    display: inline !important;
    white-space: normal !important;
    word-break: keep-all !important;
    font-weight: bold !important;
    /* ⚠️ indentation switches from spaces to tab */
}

/* TEMPORARY CSS - IT WILL GO TO THE CHILD THEME  */
/* Target anchor inside div with btn class */
/* .btn .elementor-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: "Arvo", serif !important;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.02em;
    border: none !important;
    border-radius: 28px !important;
    transition: all 0.25s ease;
} */

/* Sizes */
.btn-lg .elementor-button {
    height: auto !important;
    padding: 12px 24px !important;
    font-size: 18px !important;
    align-content: center !important;
    /* ⚠️ double-tab indent, inconsistent with rest of block */
}

.btn-sm .elementor-button {
    height: auto !important;
    padding: 8px 24px !important;
    font-size: 16px !important;
    align-content: center !important;
    /* ⚠️ tab indent, rest of block uses 2 spaces */
}

/* ── CORAL ── white text */
.btn-coral .elementor-button {
    background: rgba(249, 118, 122, 0.9) !important;
    color: #ffffff !important;
    background-image: none !important;
    /* text-wrap: nowrap ; */

}

.btn-coral .elementor-button:hover {
    background: #f97676 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-coral .elementor-button:active,
.btn-coral .elementor-button:focus {
    background: rgba(249, 118, 122, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── AQUA ── light text */
.btn-teal .elementor-button {
    background: rgba(74, 196, 176, 0.9) !important;
    color: #ffffff !important;
    background-image: none !important;
    /* ⚠️ lines below use tab indent (rest of block uses 2 spaces) */
    /* ⚠️ padding + height here conflict with .btn-lg / .btn-sm — size should live only in size classes */
    padding: 8px 24px !important;
    align-content: center !important;
    height: 48px !important;
}

.btn-teal .elementor-button:hover {
    background: #4ac4b0 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-teal .elementor-button:active,
.btn-teal .elementor-button:focus {
    background: rgba(74, 196, 176, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── AQUA ── dark text */
.btn-teal-dark .elementor-button {
    background: rgba(74, 196, 176, 0.9) !important;
    color: #2d234b !important;
    background-image: none !important;
    /* ⚠️ tab indent + hardcoded size (height:38px) will override .btn-lg when combined */
    padding: 8px 24px !important;
    align-content: center !important;
    height: 38px !important;
}

.btn-teal-dark .elementor-button:hover {
    background: #4ac4b0 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-teal-dark .elementor-button:active,
.btn-teal-dark .elementor-button:focus {
    background: rgba(74, 196, 176, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── DEEP TEAL ── white text */
.btn-blue .elementor-button {
    background: rgba(21, 104, 137, 0.9) !important;
    color: #ffffff !important;
    background-image: none !important;
}

.btn-blue .elementor-button:hover {
    background: #156889 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-blue .elementor-button:active,
.btn-blue .elementor-button:focus {
    background: rgba(21, 104, 137, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── ACID LIME ── dark text */
.btn-lime .elementor-button {
    background: rgba(201, 255, 136, 0.9) !important;
    color: #2d234b !important;
    background-image: none !important;
    /* ⚠️ double-tab indent on next line, then single-tab — inconsistent */
    align-content: center !important;
    /* ⚠️ hardcoded size overrides .btn-lg / .btn-sm */
    height: auto !important;
    /*     padding: 8px 24px !important; */
}

.btn-lime .elementor-button:hover {
    background: #c9ff88 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-lime .elementor-button:active,
.btn-lime .elementor-button:focus {
    background: rgba(201, 255, 136, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── MINT ── dark text */
.btn-green .elementor-button {
    background: rgba(157, 234, 165, 0.9) !important;
    color: #2d234b !important;
    background-image: none !important;
}

.btn-green .elementor-button:hover {
    background: #9deaa5 !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-green .elementor-button:active,
.btn-green .elementor-button:focus {
    background: rgba(157, 234, 165, 0.9) !important;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── GLASS ── dark text */
.btn-light .elementor-button {
    background: rgba(245, 245, 245, 0.2) !important;
    color: #2d234b;
    /* ⚠️ missing !important (inconsistent with every other color variant) */
    background-image: none !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.btn-light .elementor-button:hover {
    background: rgba(245, 245, 245, 0.6) !important;
    border: none !important;
    /* ⚠️ dead rule — no border is set in the base, nothing to remove */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.btn-light .elementor-button:active,
.btn-light .elementor-button:focus {
    background: rgba(245, 245, 245, 0.4) !important;
    border: none !important;
    /* ⚠️ dead rule — same as above */
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/* ── Icon circle buttons ── */
.btn-icon .elementor-button {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.btn-icon-sm .elementor-button {
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.elementor-button:hover:not(:active) {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

.elementor-button:active {
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.1),
        0px 0px 10px rgba(0, 0, 0, 0.25) !important;
}

/*platform page*/
.platform-logo-carousel .swiper-slide {
    width: auto !important;
}

.platform-logo-carousel .swiper-slide .swiper-slide-inner {
    display: flex !important;
    align-items: center;
}

.custom-logo-slider selector .swiper-wrapper {
    transition-timing-function: linear !important;
}

.platform-pricing-cards {
    position: relative;
}

.platform-pricing-cards::before {
    content: "";
    position: absolute;
    left: 15%;
    top: 5%;
    width: 913.6px;
    height: 694.1px;
    background: radial-gradient(61.55% 74.18% at 30.51% 25.82%,
            #f97676 0%,
            rgba(249, 118, 118, 0.2) 100%);
    opacity: 0.3;
    filter: blur(37px);
    border-radius: 440px;
    transform: matrix(0.35, 0.94, -0.99, 0.16, 0, 0);
}

.platform-pricing-cards .glass-effect-dark {
    box-shadow: none;
}

.platform-icon-list ul {
    padding-left: 20px;
}

.platform-carousel .btn-teal-dark .elementor-button {
    color: white !important;
}

.platform-carousel .vendavo-swiper-slide .vendavo-ic-card {
    justify-content: space-between;
}

/* white vendovo arrow */
.platform-carousel .vendavo-arrow svg {
    display: none;
}

.platform-carousel .vendavo-arrow-prev {
    background-image: url("https://vendavostg.wpenginepowered.com/wp-content/uploads/2026/04/Arrow-right.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.platform-carousel .vendavo-arrow-next {
    background-image: url("https://vendavostg.wpenginepowered.com/wp-content/uploads/2026/04/Arrow-left.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-post-color-title .jet-headline__label,
.custom-post-color-title .elementor-heading-title,
.custom-post-color-title h1,
.custom-post-color-title h2,
.custom-post-color-title h3,
.custom-post-color-title h4 {
    color: #C9FF88 !important;
}

.custom-post-color-title .first-words {
    color: #fff !important;
}

.data-sheet-releted-section:not(:has(.data-sheet-releted-post)) {
    display: none;
}

@media (max-width: 768px) {
    .cards-scroll-wrapper {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        margin-left: 24px;
    }

    .platform-icon-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.2rem;
        width: max-content;
        padding: 0;
        padding-bottom: 48px;
    }


    .cards-scroll-wrapper::-webkit-scrollbar {
        height: 12px;
    }

    .cards-scroll-wrapper::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(12px) saturate(180%);
        -webkit-backdrop-filter: blur(12px) saturate(180%);
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), inset 0 -1px 2px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        margin-right: 24px;
    }

    .cards-scroll-wrapper::-webkit-scrollbar-thumb {
        background: #C9FF88;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        background-clip: content-box;
        border: 3px solid transparent;
    }

    .platform-icon-container .elementor-element {
        max-width: 260px;
    }

    .platform-pricing-cards::before {
        width: 1234px;
        height: 937px;
        left: -12px;
    }

    .remove-br .jet-headline__part {
        display: inline !important;
    }

    .remove-br-mob .jet-headline {
        display: inline;
        flex-wrap: wrap !important;
        gap: 0.25rem;
        max-width: 100%;
    }

    .remove-br-mob .jet-headline__part {
        display: inline !important;
    }

    .remove-br-mob .jet-headline__label {
        display: inline !important;
        white-space: normal !important;
        word-break: break-word !important;
        font-weight: bold !important;
        /* ⚠️ indentation switches from spaces to tab */
    }
}

/* end platform page */
/*Responsive Iframe Forms*/

.responsive-iframe {
    width: 100%;
    height: 710px;
    border: 0;
    overflow: hidden;
}

@media (max-width: 768px) {
    .responsive-iframe {
        height: 1210px !important;
        overflow: hidden;
    }
}

/* Define the fade animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
        /* optional subtle movement */
    }

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

/* Hero button animation */
#hero-btn {
    opacity: 0;
    animation: fadeIn 0.8s ease forwards;
    animation-delay: 1.8s;
    /* 1800ms */
}

/* Paragraph animation */
/* .para-anime {
    opacity: 0;
    animation: fadeIn 0.8s ease forwards;
    animation-delay: 1.5s;
    /* 1500ms 
} */

/* Footer Hover */
footer .elementor-icon-list-text:hover {
    /*     font-weight: 600 !Important; */
    text-shadow:
        0.2px 0 currentColor,
        -0.2px 0 currentColor,
        0 0.2px currentColor,
        0 -0.2px currentColor;
}

@media (max-width: 767px) {
    .wws-avatar-card .elementor-image-box-wrapper {
        display: flex;
        column-gap: 16px;
    }

    .cover-img-mob-hero {
        background-position: top right !important;
        padding-bottom: 0px !important;

    }

    .cover-img-mob-hero-slider .swiper .elementor-element {
        background-size: 75% 40% !important;
        background-position: top right !important;
    }
}

/* 
.hero-heading h1 {
	display:inline;
}

.hero-heading h1 .jet-headline__first,
.hero-heading h1 .jet-headline__second {
  display: inline;
}

 */
/* .hero-heading .jet-headline__part,
.jet-headline__label {
    display: inline !important;
}

.hero-heading .jet-headline__label {
    letter-spacing: -0.03em !important;
}

/* Ensure natural wrapping across colors */
.hero-heading .jet-headline {
    white-space: normal;
    display: inline-flex;
    flex-direction: column;
    align-items: normal;
}

.hero-heading span.jet-headline__space {
    display: none !important;
}

.elementor-element .elementor-widget-container,
.elementor-element:not(:has(.elementor-widget-container)) {
    transition: none !important;
}



/* Global Typography for Glossary Content */
.elementor-widget-theme-post-content h2.wp-block-heading {
    font-size: 50px;
    line-height: 90%;
    letter-spacing: -0.02em;
}

.elementor-widget-theme-post-content h3.wp-block-heading {
    font-size: 28px;
    line-height: 140%;
}

.elementor-widget-theme-post-content h4.wp-block-heading {
    font-size: 28px;
    line-height: 140%;
}

/* Optional responsive adjustments */
@media (max-width: 1024px) {
    .elementor-widget-theme-post-content h2.wp-block-heading {
        font-size: 42px;
    }

    .elementor-widget-theme-post-content h4.wp-block-heading {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .elementor-widget-theme-post-content h2.wp-block-heading {
        font-size: 32px;
        line-height: 100%;
    }

    .elementor-widget-theme-post-content h4.wp-block-heading {
        font-size: 22px;
    }
}

.single-glossary .elementor-toc__list-item,
.single-press-newsroom .elementor-toc__list-item,
.single-post .elementor-toc__list-item {
    margin-bottom: 0px !important;
    padding: 8px 12px;
    text-align: center;
}

.single-glossary .elementor-2328 .elementor-element.elementor-element-9e5e602:not(.elementor-motion-effects-element-type-background),
.elementor-2328 .elementor-element.elementor-element-9e5e602>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-size: 133% auto !important;
    background-position: -150% 0% !important;
    background-repeat: no-repeat !important;
}

.single-case-study .elementor-2421 .elementor-element.elementor-element-a600391:not(.elementor-motion-effects-element-type-background),
.elementor-2421 .elementor-element.elementor-element-a600391>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-size: 133% auto !important;
    background-position: -150% 0% !important;
    background-repeat: no-repeat !important;
}

.single-press-newsroom .elementor-5142 .elementor-element.elementor-element-5ca27b66:not(.elementor-motion-effects-element-type-background),
.single-press-newsroom .elementor-5142 .elementor-element.elementor-element-5ca27b66>.elementor-motion-effects-container>.elementor-motion-effects-layer,
.single-post .elementor-3087 .elementor-element.elementor-element-5c29528:not(.elementor-motion-effects-element-type-background),
.single-post .elementor-3087 .elementor-element.elementor-element-5c29528>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-size: 133% auto !important;
    background-position: -150% 0% !important;
    background-repeat: no-repeat !important;
}

.hero-main-sec {
    background-size: 50% 100% !important;
}

@media (max-width: 767px) {

    .single-glossary .elementor-2328 .elementor-element.elementor-element-9e5e602:not(.elementor-motion-effects-element-type-background),
    .elementor-2328 .elementor-element.elementor-element-9e5e602>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        background-size: 133% auto !important;
        background-position: -100% 0% !important;
        background-repeat: no-repeat !important;
    }

    .single-press-newsroom .elementor-5142 .elementor-element.elementor-element-5ca27b66:not(.elementor-motion-effects-element-type-background),
    .single-press-newsroom .elementor-5142 .elementor-element.elementor-element-5ca27b66>.elementor-motion-effects-container>.elementor-motion-effects-layer,
    .single-post .elementor-3087 .elementor-element.elementor-element-5c29528:not(.elementor-motion-effects-element-type-background),
    .single-post .elementor-3087 .elementor-element.elementor-element-5c29528>.elementor-motion-effects-container>.elementor-motion-effects-layer {
        background-size: 133% auto !important;
        background-position: -100% 0% !important;
        background-repeat: no-repeat !important;
    }

}

.elementor-widget-theme-post-content li::marker {
    color: #f97676;
}

.custom-indigo-li li::marker {
    color: #2D234B;
}

.single-glossary .elementor-toc__list-wrapper,
.single-press-newsroom .elementor-toc__list-wrapper,
.single-post .elementor-toc__list-wrapper {
    list-style: none;
    padding: 0;
    gap: 0px;
    display: flex;
    flex-direction: column;
}

.single-glossary .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active,
.single-press-newsroom .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active,
.single-post .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active {
    text-align: center;
}

.single-glossary .elementor-toc__list-item-text-wrapper,
.single-press-newsroom .elementor-toc__list-item-text-wrapper,
.single-post .elementor-toc__list-item-text-wrapper {
    justify-content: center !important;
}

.single-glossary .elementor-toc__list-item:has(a.elementor-item-active),
.single-press-newsroom .elementor-toc__list-item:has(a.elementor-item-active),
.single-post .elementor-toc__list-item:has(a.elementor-item-active) {
    background: rgb(46 36 74 / 80%);
    text-align: center;
    padding: 8px 12px !important;
    border-radius: 38px;
}

.single-glossary a.elementor-item-active,
.single-press-newsroom a.elementor-item-active,
.single-post a.elementor-item-active {
    text-align: center !important;
}

.single-glossary .elementor-widget-table-of-contents,
.single-press-newsroom .elementor-widget-table-of-contents,
.single-post .elementor-widget-table-of-contents {
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.single-glossary .elementor-toc__header-title,
.single-press-newsroom .elementor-toc__header-title,
.single-post .elementor-toc__header-title {
    padding-bottom: 20px;
}

.elementor-widget-theme-post-content a {
    color: #f97676;
    text-decoration: underline;
}

.newsletter-iframe {
    width: 100%;
    border: 0;
    display: block;
    overflow: hidden;
    height: 160px;
    padding: 0px !important;
}

.custom-auther-img img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

@media (max-width: 767px) {
    .newsletter-iframe {
        height: 245px;
    }
}

/* Desktop */
.case-studies-iframe iframe {
    width: 100%;
    height: 450px;
    border: 0;
    overflow: hidden;
    display: block;
}

/* Mobile */
@media (max-width: 767px) {
    .case-studies-iframe {
        overflow: hidden;
    }

    .case-studies-iframe iframe {
        height: 800px;
        max-width: unset;
        overflow: hidden;
        border: 0;
    }

    .mobile-hide-space .jet-headline__space {
        display: none;
    }

    .partnership-form-iframe {
        overflow: hidden;
    }

    .partnership-form-iframe iframe {
        height: 950px;
        max-width: unset;
        overflow: hidden;
        border: 0;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {

    .case-studies-iframe iframe {
        height: 800px;
    }
}

.main-hero-sec {
    background-size: 50% 100% !important;

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .main-hero-sec {
        background-size: 60% 60% !important;
    }
}

@media screen and (max-width: 767px) {
    .main-hero-sec {
        background-size: 80% 50% !important;
    }

    .hero-main-sec {
        background-size: 100% auto !important;
    }
}


.single-glossary .wws-avatar-card .elementor-image-box-img img {
    background-color: white;
    border: 1px solid white;
}

.cover-img-mob-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(45, 35, 75, 0.25);
    /* #2d234b with 10% opacity */
    pointer-events: none;

}