/* ================================================== [ Design Tokens ] ================================================== */
:root {
    /* Colors */
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;

    --blue: #045bf1;
    --violet: #6e40c4;
    --hoverColor: #7c53ca;
    --color-btnHover: #6F50CA;

    --primary: #045bf1;

    --text-color: #121821;
    --heading-color: #045bf1;
    --link-color: #349dce;

    --body-bg: #ffffff;
    --border-color: #6b7280;

    /* Content */
    --marker-color: #444444;
    --blockquote-border: var(--primary);
    --blockquote-bg: #31313111;
    --pre-bg: #31313111;
    --pre-color: #212121;

    /* Fonts */
    --font-primary: 'Poppins', sans-serif;
    /* --font-secondary: 'Poppins', sans-serif; */

    /* Font sizes */
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 20px;
    --fs-xl: 22px;

    /* Heading Sizes */
    --fs-h1: 48px;
    --fs-h2: 40px;
    --fs-h3: 32px;
    --fs-h4: 26px;
    --fs-h5: 22px;
    --fs-h6: 18px;

    /* Line heights */
    --lh-base: 1.5;
    --lh-heading: 1.3;

    /* Font Weight */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

    /* Layout */
    --container: 1170px;
    --container-padding: 20px;
    --gutter: 24px;

    /* Motion */
    --transition: all 0.3s ease-in-out;

    /* Section Spacing */
    --section-space-40: 40px;
    --section-space-60: 60px;

    --section-space-80: 80px;
    --section-space-128: 128px;

    --color-purple: #4C23A8;
    --color-blue: #0452F0;
    --color-darkBlue: #03134F;
    --color-limeGreen: #C4E878;
    --color-primary-white: #F8F8F8;
    --color-primary-black: #1C1F2A;
    
    --color-primary-white-30: rgba(248, 248, 248, .3);
    --color-primary-white-70: rgba(248, 248, 248, .7);

    --button-fs-16: 16px;

    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-40: 40px;
    --space-48: 48px;
    --space-56: 56px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;

    --prism-body-padding-top: 98px;

    --letter-spacing-minus-6: -6%;

    --title-18: 18px;
    --title-20: 20px;
    --title-28: 28px;
    --title-30: 30px;
    --title-32: 32px;
    --title-24: 24px;
    --title-36: 36px;
    --title-42: 42px;
    --title-48: 48px;
    --title-50: 50px;
    --title-56: 56px;
    --title-60: 60px;
    --title-78: 78px;
    --title-display: 154px;
    --line-height-display: .8;

    --quote-38: 38px;
    --quote-line-height: 1.1; 

    --display-image-width: 246px;

    --text-14: 14px;
    --text-16: 16px;
    --text-18: 18px;
    --text-20: 20px;

    --common-btn-padding: 11px 24px;
}

/* ================================================== [ Base / Reset ] ================================================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--text-color);
    background: var(--body-bg);
    overflow-x: hidden;
    padding-top: 70px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

figure {
    margin: 0;
}

a,
button,
input,
textarea {
    outline: none;
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

hr {
    margin-block: 12px;
    border: none;
    border-top: 1px solid var(--border-color);
    opacity: 1;
}

/* ================================================== [ Typography & Content ] ================================================== */
p {
    margin-bottom: 16px;
}

strong,
b {
    font-weight: var(--fw-700);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    font-weight: var(--fw-700);
    color: var(--heading-color);
    margin-bottom: 20px;
    line-height: var(--lh-heading);
}

h1,
.h1 * {
    font-size: var(--fs-h1);
}

h2,
.h2 * {
    font-size: var(--fs-h2);
}

h3,
.h3 * {
    font-size: var(--fs-h3);
}

h4,
.h4 * {
    font-size: var(--fs-h4);
}

h5,
.h5 * {
    font-size: var(--fs-h5);
}

h6,
.h6 * {
    font-size: var(--fs-h6);
}

ul,
ol {
    padding-left: 20px;
    margin-bottom: 20px;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 12px;
    margin-bottom: 12px;
}

li::marker {
    color: inherit;
}

blockquote {
    padding: 16px 16px 16px 24px;
    margin-bottom: 16px;
    border-left: 5px solid var(--blockquote-border);
    background: var(--blockquote-bg);
}

pre {
    background: var(--pre-bg);
    color: var(--pre-color);
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

pre code {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* ================================================== [ Layout & Utilities ] ================================================== */
.container,
.container-fluid {
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--gutter) / -2);
    row-gap: var(--gutter);
}

.row>* {
    padding-inline: calc(var(--gutter) / 2);
}

.img-cover * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img-contain * {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* ================================================== [ Tables, Forms & Common Elements ] ================================================== */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

th,
td {
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    text-align: left;
}

th {
    background: var(--primary);
    color: var(--white);
}

textarea {
    resize: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

/* ================================================== [ Buttons ] ================================================== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-500);
    gap: 8px;
    padding: 8px 16px;
    font-family: var(--font-primary);
    font-size: var(--fs-sm);
    line-height: var(--lh-base);
    border-radius: 4px;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition: var(--transition);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.btn:disabled {
    opacity: 0.6;
    pointer-events: none;
}

.btn-primary {
    color: var(--white);
    background: var(--violet);
    border-color: var(--violet);
}

.btn-primary.disabled {
    color: var(--white);
    background: var(--violet);
    border-color: var(--violet);
    opacity: 0.65;
}

.btn-primary:is(:hover, :focus-visible, :active) {
    color: var(--white);
    background: var(--hoverColor) !important;
    border-color: var(--hoverColor) !important;
}

.btn-outline-primary {
    color: var(--violet);
    background: transparent;
    border-color: var(--violet);
}

.btn-outline-primary:is(:hover, :focus-visible, :active) {
    color: var(--white);
    background: var(--hoverColor) !important;
    border-color: var(--hoverColor) !important;
}

.btn-secondary {
    color: var(--primary);
    background: var(--transparent);
    border-color: var(--primary);
}

.btn-secondary:is(:hover, :focus-visible, :active) {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.btn-primary-blue {
    color: var(--white);
    background: var(--primary);
    border-color: var(--primary);
}

.btn-primary-blue:is(:hover, :focus-visible, :active) {
    color: var(--primary);
    background: var(--transparent) !important;
    border-color: var(--primary) !important;
}



/* ======================= [ Prism Landing Page Start ] =======================  */
/* Common Spacing */
.py-40 { padding-block: var(--section-space-40); }
.pt-40 { padding-top: var(--section-space-40); }
.pb-40 { padding-bottom: var(--section-space-40); }

.py-60 { padding-block: var(--section-space-60); }
.pt-60 { padding-top: var(--section-space-60); }
.pb-60 { padding-bottom: var(--section-space-60); }

.py-80 { padding-block: var(--section-space-80); }
.pt-80 { padding-top: var(--section-space-80); }
.pb-80 { padding-bottom: var(--section-space-80); }

.py-128 { padding-block: var(--section-space-128); }
.pt-128 { padding-top: var(--section-space-128); }
.pb-128 { padding-bottom: var(--section-space-128); }

/* Common Vertical Layout */
.v-stack-4 { display: flex; flex-direction: column; gap: var(--space-4); }
.v-stack-8 { display: flex; flex-direction: column; gap: var(--space-8); }
.v-stack-12 { display: flex; flex-direction: column; gap: var(--space-12); }
.v-stack-16 { display: flex; flex-direction: column; gap: var(--space-16); }
.v-stack-24 { display: flex; flex-direction: column; gap: var(--space-24); }
.v-stack-32 { display: flex; flex-direction: column; gap: var(--space-32); }
.v-stack-40 { display: flex; flex-direction: column; gap: var(--space-40); }
.v-stack-48 { display: flex; flex-direction: column; gap: var(--space-48); }
.v-stack-56 { display: flex; flex-direction: column; gap: var(--space-56); }
.v-stack-64 { display: flex; flex-direction: column; gap: var(--space-64); }
.v-stack-72 { display: flex; flex-direction: column; gap: var(--space-72); }
.v-stack-80 { display: flex; flex-direction: column; gap: var(--space-80); }

/* Max Width */
.max-w-230 { max-width: 230px; width: 100%; }
.max-w-300 { max-width: 300px; width: 100%; }
.max-w-360 { max-width: 360px; width: 100%; }
.max-w-390 { max-width: 390px; width: 100%; }
.max-w-700 { max-width: 700px; width: 100%; }
.max-w-1440 { max-width: 1440px; width: 100%; }

/* Body */
body:has(.prism-header) { padding-top: var(--prism-body-padding-top); }
body:has(.bg-dark-blue) { background-color: #03134f; }

/* Common Button */
.common-btn { user-select: none; display: flex; align-items: center; justify-content: center; gap: 10px; padding: var(--common-btn-padding); font-size: var(--button-fs-16); font-weight: var(--fw-400); line-height: var(--lh-base); border: 1px solid transparent; border-radius: 9999px; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; -o-border-radius: 9999px; }
.common-btn-purple { border-color: var(--color-purple); background-color: var(--color-purple); color: var(--color-primary-white); }
.common-btn-purple:hover { border-color: var(--color-blue); background-color: var(--color-blue); color: var(--color-primary-white); }

.common-btn-white { border-color: var(--color-primary-white); background-color: var(--color-primary-white); color: var(--color-primary-black); }
.common-btn-white:hover { border-color: var(--color-blue); background-color: var(--color-blue); color: var(--color-primary-white); }

.common-btn-white-outline { border-color: var(--color-primary-white); background-color: var(--transparent); color: var(--color-primary-white); }
.common-btn-white-outline:hover { border-color: var(--color-primary-white); background-color: var(--color-primary-white); color: var(--color-primary-black); }
.action-234 { max-width: 234px; width: 100%; }
.action-284 { max-width: 284px; width: 100%; }
.action-314 { max-width: 314px; width: 100%; }

/* Common Banner Title */
.common-banner__title * { line-height: var(--line-height-display); text-align: center; font-family: var(--font-primary); font-size: var(--title-display); font-weight: var(--fw-900); color: var(--color-primary-white); margin-bottom: 0; }
.common-banner__title strong { color: var(--color-blue); }
.common-banner__title span { color: var(--color-limeGreen); display: flex; gap: 10px; align-items: center; justify-content: center; }
.common-banner__title span img { height: auto; width: var(--display-image-width); aspect-ratio: 246 / 138; border-radius: 9999px; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; -o-border-radius: 9999px; }

/* Common Section Title & Desc */
.common-section__title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: var(--title-36); line-height: var(--lh-heading); letter-spacing: var(--letter-spacing-minus-6); color: var(--color-primary-white); margin-bottom: 0; }
.common-section__title.title-20 * { font-size: var(--title-20); }
.common-section__title.title-28 * { font-size: var(--title-28); }
.common-section__title.title-42 * { font-size: var(--title-42); }
.common-section__title.title-48 * { font-size: var(--title-48); }
.common-section__title.title-50 * { font-size: var(--title-50); }
.common-section__title.title-56 * { font-size: var(--title-56); }
.common-section__title.title-60 * { font-size: var(--title-60); }
.common-section__title strong { color: var(--color-limeGreen); }

.common-section__desc { display: flex; flex-direction: column; gap: 16px; }
.common-section__desc * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-18); line-height: var(--lh-base); color: var(--white); margin-bottom: 0; }
.common-section__desc.desc-14 * { font-size: var(--text-14); }
.common-section__desc.desc-16 * { font-size: var(--text-16); }
.common-section__desc.desc-20 * { font-size: var(--text-20); }

.common-section__desc ul { display: flex; flex-direction: column; gap: 2px; }

.common-quote__text * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: var(--quote-38); line-height: var(--quote-line-height); letter-spacing: var(--letter-spacing-minus-6); color: var(--color-primary-white); margin-bottom: 0; }
.common-quote__text strong { color: var(--color-limeGreen); }

.common-title-32 * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-500); font-size: var(--title-32); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.common-title-24 * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--title-24); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.common-title-20 * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-600); font-size: var(--title-20); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.common-title-18 * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-500); font-size: var(--title-18); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.common-title-20.title-bold * { font-weight: var(--fw-700); line-height: 1.1; }

.common-title-18 strong ,
.common-title-20 strong ,
.common-title-32 strong { color: var(--color-limeGreen); }

.text-alx-white * { color: var(--color-primary-white); }
.text-alx-black * { color: var(--color-primary-black); }

.color-blue * { color: var(--color-blue); }

/* Countdown Module */
.countdown-module { --module-padding: 12px 16px; --item-padding-block: 12px; --count-padding-inline: 24px; --count-font-size: 48px; --detail-font-size: 12px; padding: var(--module-padding); display: grid; grid-template-columns: repeat(3 , 1fr); border: 1px solid var(--color-blue); max-width: fit-content; width: 100%; margin-inline: auto; box-shadow: 0 12px 24px rgb(0, 0, 0, .25); border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
.countdown-module .countdown-item__count { position: relative; padding-inline: var(--count-padding-inline); }
.countdown-module .countdown-item__count::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-color: var(--color-blue); height: 80%; width: 1px; }
.countdown-module .countdown-item { padding-block: var(--item-padding-block); }
.countdown-module .countdown-item:last-child .countdown-item__count::after { display: none; }
.countdown-module .countdown-item__count * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-700); font-size: var(--count-font-size); letter-spacing: -1.50%; text-align: center; white-space: nowrap; color: var(--white); margin-bottom: 0; text-transform: uppercase; line-height: var(--lh-heading); }
.countdown-module .countdown-item__detail * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-600); font-size: var(--detail-font-size); letter-spacing: 1.20%; text-align: center; white-space: nowrap; color: var(--color-primary-white); margin-bottom: 0; text-transform: uppercase; line-height: var(--lh-base); }

/* Common Class Overrides */
.fw-500 * { font-weight: var(--fw-500); }
.fw-600 * { font-weight: var(--fw-600); }
.letter-space-0 * { letter-spacing: 0; }


/* Process Card */
.process-card { --icon-size: 36px; --gap: 16px; --padding: 24px 21px 24px 36px; height: 100%; padding: var(--padding); display: flex; flex-direction: column; gap: var(--gap); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; background-color: #EFEFEF; }
.process-card .v-stack-12 { gap: 12px; }
.process-card .process-card__title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-500); font-size: var(--title-24); line-height: var(--lh-heading); color: var(--color-darkBlue); margin-bottom: 0; }
.process-card .process-card__desc * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-14); line-height: var(--lh-base); color: var(--color-primary-black); margin-bottom: 0; }
.process-card .process-card__badge { width: fit-content; font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-16); line-height: var(--lh-base); color: var(--color-darkBlue); background-color: var(--color-limeGreen); padding: 0 14px; border-radius: 9999px; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; -o-border-radius: 9999px; margin-bottom: 0; }
.process-card .process-card__icon { display: flex; align-items: end; justify-content: center; width: var(--icon-size); height: auto; aspect-ratio: 1 / 1; }
.process-card .process-card__icon img { height: fit-content; width: fit-content; }
.process-card .process-card__badge * { margin-bottom: 0; user-select: none; }

.three-step-process .three-step-process__wrapper { border-top: 1px solid var(--blue); }
.three-step-process .col-12:last-child .process-card { background-color: var(--color-darkBlue); }
.three-step-process .col-12:last-child .process-card .process-card__title * ,
.three-step-process .col-12:last-child .process-card .process-card__desc * { color: var(--color-primary-white); }

.three-step-process .col-12:last-child .process-card .process-card__icon img { filter: brightness(0) saturate(100%) invert(92%) sepia(7%) saturate(2290%) hue-rotate(25deg) brightness(92%) contrast(104%); -webkit-filter: brightness(0) saturate(100%) invert(92%) sepia(7%) saturate(2290%) hue-rotate(25deg) brightness(92%) contrast(104%); }


/* Circle Blur */
.circle-blur { --size: 337px; pointer-events: none; user-select: none; z-index: -1; position: absolute; background-color: var(--blue); height: auto; width: var(--size); aspect-ratio: 1 / 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; filter: blur(120px); -webkit-filter: blur(120px); }
.circle-blur--left { --top: auto; --left: auto; top: var(--top); left: var(--left); }

/* Common Tabbing Block */
.common-tabbing-block { --image-block-max-width: 530px; --text-block-max-width: 385px; }
.common-tabbing-block .nav-link { padding: 0 0 7px 0; border-radius: 0; background-color: transparent !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: unset; border-bottom: 4px solid transparent; color: var(--color-primary-white-70); }
.common-tabbing-block .nav { gap: var(--space-56); }
.common-tabbing-block .nav-link:hover { color: var(--color-primary-white); border-color: transparent; }
.common-tabbing-block .nav-link.active { color: var(--color-primary-white); border-color: var(--blue); }

.common-tabbing-block .tabbing-image { height: 100%; width: 100%; }
.common-tabbing-block .tabbing-image-block { border-radius: 16px; overflow: hidden; max-width: var(--image-block-max-width); width: 100%; height: 320px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; margin-inline: auto 0; overflow: hidden; position: relative; }
.common-tabbing-block .image-carousel .tabbing-image-block { margin-inline: 0 auto; }
.common-tabbing-block .image-carousel .tabbing-text-block { margin-inline: auto 0; max-width: var(--text-block-max-width); width: 100%; }
.common-tabbing-block .image-carousel .row { flex-direction: row-reverse; }

.mobile-tabbing-block { display: flex; flex-direction: column; gap: 60px; }

.common-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; --size: 65px; width: var(--size); aspect-ratio: 1 / 1; height: auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); z-index: 2;  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; cursor: pointer; }
.common-play-icon:hover { transform: translate(-50%,-50%) scale(1.1); -webkit-transform: translate(-50%,-50%) scale(1.1); -moz-transform: translate(-50%,-50%) scale(1.1); -ms-transform: translate(-50%,-50%) scale(1.1); -o-transform: translate(-50%,-50%) scale(1.1); z-index: 2; }

/* Story Part Card */
.story-part-card { display: flex; flex-direction: column; gap: var(--space-16); }
.story-part-card .story-part-card__badge * { text-transform: uppercase; font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-16); line-height: var(--lh-heading); color: var(--color-limeGreen); margin-bottom: 0; }
.story-part-card .story-part-card__title * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-600); font-size: var(--title-20); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.story-part-card .story-part-card__desc * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-18); line-height: var(--lh-base); color: var(--color-primary-white); margin-bottom: 0; }

/* Video Carousel Card */
/* .video-carousel-card { --card-max-width: 400px; --card-max-height: 400px; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; overflow: hidden; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } */



.video-carousel-card { max-width: 400px; width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; overflow: hidden; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }


.video-carousel-card .common-play-icon { z-index: 3; }
.video-carousel-card .video-carousel-card__text { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: end; padding: 20px; z-index: 2; }
.video-carousel-card .video-carousel-card__image { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.video-carousel-card.common-dark-overlay::after { top: unset; bottom: 0; height: 50%; }
.video-carousel-card .common-play-icon { --size: 56px; }

.story-journey-card { --max-width: 100%; --icon-margin-top: 7px; --min-height: 200px; --padding-block: 30px; --padding-inline: 16px; --count-box-size: 30px; --count-font-size: 16px; --card-gap: 0; min-height: var(--min-height); max-width: var(--max-width); width: 100%; margin-inline: auto; justify-content: start; display: flex; gap: var(--card-gap); align-items: start; padding-block: var(--padding-block); height: 100%; padding-inline: var(--padding-inline); }
.story-journey-card .story-journey-card__count { margin-top: var(--icon-margin-top); aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; height: auto; width: var(--count-box-size); border: 1px solid var(--color-limeGreen); flex-shrink: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.story-journey-card .story-journey-card__count * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--count-font-size); line-height: 100%; letter-spacing: -6%; margin-bottom: 0; color: var(--color-primary-white); }
.story-journey-card .story-journey-card__text { padding-left: 12px; }

.legacy-points-block { --font-size-large: 32px; --font-size-small: 18px; --padding-value: 14px; --radius: 12px; --bottom: 0; --right: 36px; --gap: 12px; --image-width: 141px; display: flex; flex-direction: column; align-items: center; gap: var(--gap); position: absolute; bottom: var(--bottom); right: var(--right); padding: calc(2 * var(--padding-value)) var(--padding-value); background-color: var(--white); border-radius: var(--radius) var(--radius) 0 0; -webkit-border-radius: var(--radius) var(--radius) 0 0; -moz-border-radius: var(--radius) var(--radius) 0 0; -ms-border-radius: var(--radius) var(--radius) 0 0; -o-border-radius: var(--radius) var(--radius) 0 0; }
.legacy-points-block__text * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-600); font-size: var(--font-size-small); text-align: center; white-space: nowrap; color: var(--color-darkBlue); line-height: var(--lh-base); margin-bottom: 0; }
.legacy-points-block__text strong { line-height: 1; font-weight: var(--fw-700); font-size: var(--font-size-large); display: block; }
.legacy-points-block .legacy-points-block__image { margin-top: calc(-0.5 * var(--image-width)); width: var(--image-width); height: auto; aspect-ratio: 141 / 138; }

.legacy-points-header-block { position: relative; --text-padding-block: 13px; --font-size: 14px; --image-size: 64px; --gap: 0; --text-padding-left: calc(8px + (1/2 * var(--image-size))); --text-padding-right: 20px; gap: var(--gap); display: flex; align-items: center; flex-shrink: 0; }
.legacy-points-header-block .legacy-points-header-block__image { z-index: 1; width: var(--image-size); height: auto; aspect-ratio: 141 / 138; }
.legacy-points-header-block .legacy-points-header-block__text { border-radius: 40px; background-color: var(--color-primary-white); padding-block: var(--text-padding-block); -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; margin-left: calc(-1/2 * var(--image-size));  padding-left: var(--text-padding-left); padding-right: var(--text-padding-right);  }
.legacy-points-header-block .legacy-points-header-block__text * { font-family: var(--font-primary); font-size: var(--font-size); font-weight: var(--fw-600); color: var(--color-darkBlue); line-height: var(--lh-base); margin-bottom: 0; }
.legacy-points-header-block .legacy-points-header-block__text strong { font-weight: var(--fw-600); }

/* .prism-header.scroll .legacy-points-header-block { display: flex; }
.prism-header.scroll .prism-header__left { max-width: 820px; }
.prism-header.scroll .prism-header__wrapper { max-width: 1195px; } */



/* Prism Header */
.prism-header { --prism-header-scroll-padding: 20px; --navbar-brand-width: 71px; --prism-header-padding: 24px; }
.prism-header { z-index: 100; position: fixed; top: 0; left: 0; width: 100%; padding-block: var(--prism-header-padding); background-color: var(--transparent); transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.prism-header .prism-header__wrapper { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 35px; transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.prism-header .navbar { padding: 0; }
.prism-header .navbar-brand { height: auto; aspect-ratio: 71 / 36; width: var(--navbar-brand-width); margin: 0; padding: 0; }
.prism-header .prism-header__left { width: 100%; display: flex; align-items: center; gap: 20px; flex-grow: 1; justify-content: space-between; }

/* Primst Header Scroll */
.prism-header.scroll { padding-block: var(--prism-header-scroll-padding); background-color: var(--color-primary-white); }
.prism-header.scroll .navbar-brand img { transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.prism-header.scroll .navbar-brand img { filter: brightness(0); -webkit-filter: brightness(0); }
.prism-header.scroll .common-btn-purple:hover { border-color: var(--color-blue); background-color: var(--color-blue); color: var(--color-primary-white); }

.prism-header[data-theme='light'] { padding-block: var(--prism-header-scroll-padding); background-color: var(--color-primary-white); }
.prism-header[data-theme='light'] .navbar-brand img { transition: var(--transition); -webkit-transition: var(--transition); -moz-transition: var(--transition); -ms-transition: var(--transition); -o-transition: var(--transition); }
.prism-header[data-theme='light'] .navbar-brand img { filter: brightness(0); -webkit-filter: brightness(0); }
.prism-header[data-theme='light'] .common-btn-purple:hover { border-color: var(--color-blue); background-color: var(--color-blue); color: var(--color-primary-white); }


/* Prism Banner */
.prism-banner { overflow-x: clip; }
.prism-banner .max-w-1440 { position: relative; }
.prism-banner .circle-blur--left { --top: -80px; --left: -80px; }
.prism-banner .common-banner__content { position: relative; max-width: 1170px; width: 100%; margin-inline: auto; }

/* Common Border */
.border-bottom-blue { border-bottom: 1px solid var(--color-blue); }

/* Three Step Process */
.three-step-process .row { --gutter: 34px; }
.three-step-process { overflow-x: clip; }
.three-step-process .swiper { overflow: visible; }
.three-step-process .swiper-slide { height: auto; }

/* Story Creation Guidelines */
.story-creation-guidelines .story-creation-guidelines__wrapper { max-width: 1040px; width: 100%; margin-inline: auto; }
.story-creation-guidelines .nav-link ,
.story-creation-guidelines .nav-link.active { color: var(--color-primary-black); font-weight: var(--fw-500); }
.story-creation-guidelines .nav-link:hover { color: var(--color-blue); }

/* Story Parts */
.story-parts { --container: 1194px; }
.story-parts .story-parts__grid { --item-padding: 24px; display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 40px; margin-inline: calc(-1 * var(--item-padding)); }
.story-parts .story-parts__grid-item { padding-inline: var(--item-padding); }

@media (min-width: 992px) {
    .story-parts .story-parts__grid-item:not(:nth-child(3n)) { border-right: 1px solid var(--color-primary-white-30); }
}
@media (min-width: 768px) and (max-width: 991px) {
    .story-parts .story-parts__grid-item:not(:nth-child(2n)) { border-right: 1px solid var(--color-primary-white-30); }
    .story-parts .story-parts__grid { grid-template-columns: repeat(2, 1fr); }
}

/* Core Message */
.core-message { --wrapper-padding: 45px 30px; --text-block-gap: 20px; --text-block-max-width: 874px; }
.core-message .core-message__wrapper { max-width: 1100px; width: 100%; margin-inline: auto; background-color: var(--blue); padding: var(--wrapper-padding); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.core-message .text-block { max-width: var(--text-block-max-width); width: 100%; margin-inline: auto; display: flex; align-items: center; gap: var(--text-block-gap); }

/* Submission Benefits */
.submission-benefits { --container: 1220px; --max-width-image-block: 570px; --max-width-text-block: 600px; --image-block-padding: 40px; }
.submission-benefits .submission-benefits__image-block { display: flex; align-items: end; padding: var(--image-block-padding); position: relative; aspect-ratio: 570 / 410; height: auto; max-width: 100%; width: 100%; border-radius: 16px; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }

.common-dark-overlay { position: relative; }
.common-dark-overlay::after { content: ""; position: absolute; background: linear-gradient(to bottom, #00000000 0% , #000000 100%); height: 100%; width: 100%; z-index: 1; display: block; top: 0; left: 0; }

.common-dark-overlay.overlay-left::after { background: linear-gradient(to left, #00000000 0% , #000000 100%); }
.common-dark-overlay.overlay-right::after { background: linear-gradient(to right, #00000000 0% , #000000 100%); }

.submission-benefits .submission-benefits__image { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.submission-benefits .submission-benefits__image-content { position: relative; z-index: 2; }
.submission-benefits .submission-benefits__image-block { max-width: var(--max-width-image-block); margin-inline: 0 auto; max-height: 410px; min-height: 300px; }
.submission-benefits .submission-benefits__text-block { padding-top: var(--space-40); }

.benefits-grid { --grid-columns: 2; --grid-gap: 32px 10px;  display: grid; gap: var(--grid-gap); grid-template-columns: repeat(var(--grid-columns), 1fr); }
.benefits-grid-item { --icon-size: 24px; position: relative; display: flex; align-items: start; gap: var(--space-8); }
.benefits-grid-item::before { flex-shrink: 0; content: ""; width: var(--icon-size); height: auto; aspect-ratio: 1 / 1; background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0001 21.1158C17.0302 21.1158 21.1158 17.0302 21.1158 12.0001C21.1158 6.9699 17.0302 2.88428 12.0001 2.88428C6.9699 2.88428 2.88428 6.9699 2.88428 12.0001C2.88428 17.0302 6.9699 21.1158 12.0001 21.1158ZM8.03251 10.6777L10.583 13.2282L15.5424 8.26881L16.9594 9.68584L10.583 16.0622L6.63887 12.0949L8.03251 10.6777Z" fill="%23C4E878"/> </svg> ') no-repeat; background-size: 100%; background-position: center; }

/* Prism FAQs */
.custom-faq-heading * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-500); font-size: var(--text-20); line-height: var(--lh-heading); color: var(--color-primary-white); margin-bottom: 0; }
.custom-faq-body { padding-top: 10px; display: flex; flex-direction: column; gap: 16px; }
.custom-faq-body * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: var(--text-16); line-height: var(--lh-base); color: var(--color-primary-white); margin-bottom: 0; word-break: break-all; }

.prism-faqs { --icon-size: 16px; --icon-top: 5px; --icon-left: -30px; --item-padding-left: 30px; --item-gap: 25px; }
.prism-faqs .accordion-item ,
.prism-faqs .accordion-button { border: unset !important; box-shadow: unset !important; background-color: transparent !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.prism-faqs .accordion-button { padding: 0; }

.prism-faqs .accordion { display: flex; flex-direction: column; gap: var(--item-gap); }
.prism-faqs .accordion-item { padding-left: var(--item-padding-left); padding-bottom: var(--item-gap); border-bottom: 1px solid var(--color-primary-white-30) !important; }
.prism-faqs .accordion-item:last-child { border: unset !important; }

.prism-faqs .accordion-button::after { background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.5799 4.11014L1.3999 5.2968L7.9999 11.8901L14.5999 5.29014L13.4199 4.11014L7.9999 9.53014L2.5799 4.11014Z" fill="%23F8F8F8"/> </svg> '); background-position: center; position: absolute; top: var(--icon-top); left: var(--icon-left); height: auto; width: var(--icon-size); aspect-ratio: 1 / 1; background-size: 100%; }

/* Prism Footer  */
.prism-footer { --container: 1325px; --f-logo-size: 80px; }
.prism-footer .prism-footer__top .text-block { max-width: 700px; width: 100%; margin-inline: auto; }
.prism-footer .prism-footer__top { border-bottom: 1px solid var(--color-primary-white-30); }
.prism-footer .prism-footer__top .text-block { display: flex; flex-direction: column; gap: 24px; align-items: center; }
.prism-footer .prism-footer__top .common-section__title * { line-height: 1.1; }

.prism-footer .prism-footer__bottom { padding-block: 24px; }
.prism-footer .f-logo { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: auto; aspect-ratio: 80 / 41; width: var(--f-logo-size); }

.prism-footer .prism-footer__bottom-block { display: flex; gap: 40px; align-items: center; }

.prism-footer ul { margin: 0; padding: 0; list-style: none; }
.prism-footer .footer-link ul { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.prism-footer .footer-link * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-400); font-size: 12px; margin-bottom: 0; white-space: normal; color: var(--color-primary-white); }
.prism-footer .footer-link li { display: flex; gap: 8px; align-items: center; }
.prism-footer .footer-link li a:hover { opacity: .8; }
.prism-footer .footer-link li::after { content: "|"; }
.prism-footer .footer-link li:last-child::after { display: none; }

.prism-footer .social-list { margin-inline: auto 0; width: fit-content; }
.prism-footer .social-list ul { display: flex; align-items: center; gap: 18px; }
.prism-footer .social-link { --icon-size: 50px; display: flex; align-items: center; justify-content: center; height: auto; width: var(--icon-size); aspect-ratio: 1 / 1; background-color: var(--color-primary-white); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.prism-footer .social-link:hover { opacity: .7; }

/* Tell Your Story */
.tell-your-story { --card-block-gap: 32px; overflow-x: clip; }
.tell-your-story .swiper { overflow: visible; clip-path: inset(0 0 0 -100dvw); }
.tell-your-story .swiper-wrapper { align-items: end; }
.tell-your-story .swiper-slide { width: fit-content;  transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.tell-your-story .card__block { display: flex; align-items: end; gap: var(--card-block-gap); }
.tell-your-story .row { --gutter: 35px; align-items: center; }
.tell-your-story .tell-your-story__wrapper { max-width: 1170px; width: 100%; margin-inline: auto; }
.tell-your-story .card__block .video-carousel-card__image { max-height: 100%; max-width: 100%; height: 100%; width: 100%; }




.tell-your-story .card__block .swiper-slide-next .video-carousel-card { max-width: 270px; width: 100%; height: auto; aspect-ratio: 270 / 250; }
.tell-your-story .card__block .swiper-slide-active .video-carousel-card { max-width: 366px; width: 100%; height: auto; aspect-ratio: 366 / 409; }
.tell-your-story .card__block .swiper-slide-next { margin-bottom: 20px; }


.the-story-journey { --grid-column-count: 3; --padding-block: 170px 96px; --right-gap: 90px; --right-max-width: 470px; padding-block: var(--padding-block); position: relative; --icon-size: 198px; }
.the-story-journey::after { position: absolute; top: 0; right: 0; content: ""; display: block; width: var(--icon-size); height: auto; aspect-ratio: 1; background-image: url('data:image/svg+xml,<svg width="198" height="198" viewBox="0 0 198 198" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="132" width="66" height="66" fill="%230452F0"/> <rect x="66" y="66" width="66" height="66" fill="%230452F0"/> <rect x="132" y="132" width="66" height="66" fill="%230452F0"/> <rect width="66" height="66" fill="%230452F0"/> </svg> '); background-size: 100%; background-repeat: no-repeat; background-position: center; pointer-events: none; user-select: none; } 
.the-story-journey .the-story-journey__wrapper { position: relative; max-width: 1120px; margin-inline: auto; width: 100%; justify-content: space-between; }
.the-story-journey .the-story-journey__left { position: sticky; top: 170px; }
.the-story-journey .the-story-journey__right { display: flex; flex-direction: column; gap: var(--right-gap); max-width: var(--right-max-width); width: 100%; padding-top: var(--space-40); }
.the-story-journey .circle-blur { --size: 243px; --left: 15%; --top: 35%; }
.the-story-journey .the-story-journey__text-block { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.the-story-journey .common-section__title * { line-height: 1; }
.the-story-journey .the-story-journey__grid { display: grid; grid-template-columns: repeat(var(--grid-column-count),1fr); }
.the-story-journey .the-story-journey__grid-item { border-right: 1px solid; border-bottom: 1px solid; border-color: var(--color-limeGreen); }

@media (min-width: 992px) {
    .the-story-journey .the-story-journey__grid-item:nth-child(3n) { border-right: none; }
    .the-story-journey .the-story-journey__grid-item:nth-child(3n+1):nth-last-child(-n+3),
    .the-story-journey .the-story-journey__grid-item:nth-child(3n+1):nth-last-child(-n+3) ~ .the-story-journey__grid-item { border-bottom: none; }
}

@media (min-width: 576px) and (max-width: 991px) {
    .the-story-journey .the-story-journey__grid-item:nth-child(2n) { border-right: none; }
    .the-story-journey .the-story-journey__grid-item:nth-child(2n+1):nth-last-child(-n+2),
    .the-story-journey .the-story-journey__grid-item:nth-child(2n+1):nth-last-child(-n+2) ~ .the-story-journey__grid-item { border-bottom: none; }
}

.the-story-journey .the-story-journey__grid-item:last-child { padding: 12px 0 6px 12px; }
.the-story-journey .the-story-journey__grid-item:last-child .story-journey-card { background-color: var(--color-blue); }

.featured-quote { --padding-block: 160px; position: relative; padding-block: var(--padding-block); display: flex; align-items: center; justify-content: center; }
.featured-quote .featured-quote__bg-image { user-select: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.featured-quote .featured-quote__text-block { max-width: max(500px, 54%); width: 100%; position: relative; z-index: 2; }

.info-icon { --size: 65px; height: auto; width: var(--size); flex-shrink: 0; aspect-ratio: 1 / 1; }

/* Get Recognised Start */
.get-recongnised { --icon-left: 22.5%; --icon-size: 70px; --wrapper-padding-block: 80px; }
.get-recongnised .get-recongnised__wrapper { position: relative; padding-block: var(--wrapper-padding-block); max-width: 1240px; width: 100%; margin-inline: auto; display: flex; justify-content: end; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.get-recongnised .get-recongnised__image-block { position: absolute; height: 100%; width: 100%; top: 0; left: 0; border-radius: 16px; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }
.get-recongnised .get-recongnised__image { height: 100%; width: 100%; }
.get-recongnised .get-recongnised__text-block { max-width: 960px; width: 100%; position: relative; z-index: 2; margin-inline: auto; padding-inline: 20px; }
.get-recongnised .get-recongnised__text { margin-inline: auto 0; max-width: 360px; }
.get-recongnised .common-section__title * { line-height: 1; }

.get-recongnised .get-recongnised__wrapper::before { content: ""; z-index: 2; position: absolute; left: var(--icon-left); bottom: calc(-.5 * var(--icon-size)); width: auto; height: var(--icon-size); background-size: 100% !important; aspect-ratio: 95 / 71; background-position: center; background: url('data:image/svg+xml,<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.84 17.2942L64.3915 35.6565L45.84 54.1405L44.1945 55.78L45.84 57.4195L58.261 69.7953L59.9064 71.4348L61.5519 69.7953L80.1035 51.3113L95.8154 35.6565L80.1035 20.0017L61.5425 1.63005L59.897 -6.41803e-05L58.261 1.63005L45.84 14.0059L44.1851 15.6547L45.84 17.2942Z" fill="white"/> <path d="M1.65443 17.2942L20.206 35.6565L1.65442 54.1405L0.00894683 55.78L1.65442 57.4195L14.0754 69.7953L15.7209 71.4348L17.3664 69.7953L35.9179 51.3113L51.6299 35.6565L35.9179 20.0017L17.357 1.63005L15.7115 -6.41803e-05L14.0754 1.63005L1.65443 14.0059L-0.00044908 15.6547L1.65443 17.2942Z" fill="white"/> </svg> ') no-repeat; }

/* Get Recognised End */


/* Prism Banner V2 Start */
.prism-banner-v2 { --alx-text: 24px; --wrapper-padding-inline: 60px; }
.prism-banner-v2 .container { max-width: 1230px; width: 100%; }
.prism-banner-v2 .prism-banner-v2__wrapper { position: relative; display: flex; align-items: end; gap: 30px; justify-content: space-between; max-width: 1087px; width: 100%; padding-inline: var(--wrapper-padding-inline); }
.prism-banner-v2 .action { display: flex; gap: 25px; flex-wrap: wrap; }
.prism-banner-v2 .common-section__title * { font-size: var(--title-78); line-height: 1; }
.prism-banner-v2 .prism-banner-v2__text-block { padding-block: 100px; max-width: 470px; }

.prism-banner-v2 .prism-banner-v2__image-block { aspect-ratio: 396 / 519; max-width: 396px; width: 100%; height: auto; }
.prism-banner-v2 .story-gif { height: 100%; width: 95%; position: absolute; top: 3%; left: 50%; transform: translateX(-50%); border-radius: 50px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.prism-banner-v2 .alx-text { position: absolute; top: 74px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 6; }

@media (min-width: 1400px) { .prism-banner-v2 { --wrapper-padding-inline: 0; } }
.prism-banner-v2 .alx-text * { font-family: 'Poppins', sans-serif; font-size: var(--alx-text); font-weight: 900; color: #F8F8F8; margin-bottom: 0; }
.prism-banner-v2 .alx-text span { color: #0452F0; }
.prism-banner-v2 .phone-img { position: relative; z-index: 5; }
.prism-banner-v2 .prism-banner-v2__image-block::after { z-index: 4; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient( to bottom, rgb(3, 19, 79) 0%, rgba(3, 19, 79, 0.7) 50%, rgba(3, 19, 79, 0) 100% ); }
.prism-banner-v2 { position: relative; overflow: hidden; }
.prism-banner-v2 .container { max-width: 1230px; width: 100%; }
.prism-banner-v2 .prism-banner-v2__wrapper { display: flex; align-items: end; gap: 30px; }

.prism-banner-v2__big-text { position: absolute; bottom: -40px; right: clamp(0px, -810.00px + 56.25vw, 270px); width: fit-content; height: fit-content; color:  rgba(4, 82, 240, 0.15); font-size: clamp(5rem, 1.2143rem + 18.9286vw, 18.25rem); font-weight: 900; line-height: normal; } /* right: 270px to 0 (1920 to 1440) */
.prism-banner-v2__big-text  * { line-height: 1; margin: 0; }
.prism-banner-v2__image-block { position: relative; --icon-size: 162px; --icon-top: 50%; --icon-right: -50px; }
.prism-banner-v2__image-block::before { content: ""; z-index: 2; position: absolute; right: var(--icon-right); top: var(--icon-top); width: auto; height: var(--icon-size); background-size: 100% !important; aspect-ratio: 121 / 162; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='122' height='163' viewBox='0 0 122 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3989 84.9552L60.6136 53.4187L92.0354 84.9552L94.8224 87.7524L97.6094 84.9552L118.648 63.8403L121.435 61.0431L118.648 58.2459L87.2258 26.7093L60.6136 9.95021e-06L34.0015 26.7093L2.77078 58.2618L-0.000302893 61.0591L2.77078 63.8403L23.8089 84.9552L26.6118 87.7684L29.3989 84.9552Z' fill='white'/%3E%3Cpath d='M29.3989 160.068L60.6136 128.531L92.0354 160.068L94.8224 162.865L97.6094 160.068L118.648 138.953L121.435 136.156L118.648 133.358L87.2258 101.822L60.6136 75.1125L34.0015 101.822L2.77078 133.374L-0.000310522 136.172L2.77078 138.953L23.8089 160.068L26.6118 162.881L29.3989 160.068Z' fill='white'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; transform: translateY(-50%);  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 6; }

.prism-banner-v2 .prism-banner-v2__text-block .common-section__title { position: relative; --icon-size: 100px; --icon-top: -50px; --icon-left: -75px; }
.prism-banner-v2 .prism-banner-v2__text-block .common-section__title:before { position: absolute; content: ""; top: var(--icon-top); left: var(--icon-left); width: auto; height: var(--icon-size); aspect-ratio: 137 / 100; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='99' height='98' viewBox='0 0 99 98' fill='none'%3E%3Cpath d='M42.5974 93.2985L42.9076 43.198L93.168 43.9397L97.626 44.0054L97.6684 39.5472L97.988 5.89376L98.0304 1.43551L93.5724 1.36972L43.312 0.628087L0.744755 -2.7004e-05L0.340413 42.5699L0.0299147 92.6959L0.000429611 97.1416L4.43291 97.207L38.0842 97.7035L42.5676 97.7697L42.5974 93.2985Z' fill='%23C4E878'/%3E%3C/svg%3E") ;background-size: contain; background-position: center; background-repeat: no-repeat; }
/* Prism Banner V2 End */



#cookie-notice .cookie-notice-container { font-family: var(--font-primary) !important; }
#cookie-notice .cn-button {
    font-weight: var(--fw-400) !important;
    padding: 4px 20px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-family: var(--font-primary) !important;
    border: 1px solid !important;
    border-radius: 9999px !important;
    -webkit-border-radius: 9999px !important;
    -moz-border-radius: 9999px !important;
    -ms-border-radius: 9999px !important;
    -o-border-radius: 9999px !important;
    color: var(--white) !important;
    background-color: var(--color-purple) !important;
    border-color: var(--color-purple) !important;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

#cookie-notice .cn-button:hover { color: var(--white) !important; background-color: var(--color-btnHover) !important; border-color: var(--color-btnHover) !important; }

/* ======================= [ Prism Landing Page End ] =======================  */

/* Lagacy Points Bar */
.lagacy-points-bar { --wrapper-flex-direction: row; --padding-block: 14px; --wrapper-max-width: 920px; --font-size: 20px; --wrapper-gap: 18px; --icon-size: 62px; padding-block: var(--padding-block); }
.lagacy-points-bar .lagacy-points-bar__wrapper { display: flex; align-items: center; gap: var(--wrapper-gap); max-width: var(--wrapper-max-width); justify-content: center; width: 100%; margin-inline: auto; flex-direction: var(--wrapper-flex-direction); }
.lagacy-points-bar .lagacy-points-bar__image { aspect-ratio: 1; height: auto; max-width: var(--icon-size); width: 100%; flex-shrink: 0; }
.lagacy-points-bar .lagacy-points-bar__text * { font-family: var(--font-primary); font-style: normal; font-weight: var(--fw-500); font-size: var(--font-size); line-height: var(--lh-heading); margin-bottom: 0; white-space: normal; color: var(--color-primary-white); }



/* ======================= [ Responsive Style Start ] =======================  */
/* Landing Page Responsive */
@media (max-width: 1399px) {
    :root {
        --title-display: 120px;
        --display-image-width: 180px;

        --title-48: 40px;
        --title-50: 40px;
        --title-56: 40px;
        --title-60: 50px;
        --title-78: 60px;
        --title-42: 36px;

        --text-18: 16px;
        --text-20: 18px;

        --space-24: 20px;
        --space-32: 28px;
        --space-40: 36px;
        --space-48: 44px;
        --space-56: 52px;
        --space-64: 60px;
        --space-72: 64px;
        --space-80: 72px;
    }
    .process-card { --padding: 24px; }

    .circle-blur { --size: 280px; }
    .prism-banner .circle-blur--left { --top: -60px; --left: -60px; }
    .info-icon { --size: 50px; }

    .legacy-points-block { --font-size-large: 28px; --font-size-small: 16px; --padding-value: 10px; --right: 24px; --image-width: 100px; }

    .get-recongnised { --wrapper-padding-block: 60px; --icon-size: 60px; }

    .the-story-journey { --icon-size: 150px; }
}

@media (max-width: 1199px) {
    :root {
        --space-16: 14px;
        --space-24: 18px;
        --space-32: 24px;
        --space-40: 32px;
        --space-48: 40px;
        --space-56: 48px;
        --space-64: 56px;
        --space-72: 60px;
        --space-80: 64px;

        --title-28: 26px;
        --title-30: 28px;
        --title-24: 24px;
        --title-32: 28px;

        --quote-38: 32px;
        --quote-line-height: 1.2;

        /* Section Spacing */
        --section-space-80: 60px;
        --section-space-128: 80px;
    }

    .circle-blur { --size: 240px; }
    .three-step-process .row { --gutter: 24px; }
    .core-message { --wrapper-padding: 30px 20px; }

    .submission-benefits { --max-width-image-block: 100%; }
    .submission-benefits .submission-benefits__text-block { padding-top: 0; }

    .countdown-module { --item-padding-block: 4px; --count-padding-inline: 20px; --count-font-size: 40px; --detail-font-size: 12px;  }

    .video-carousel-card { --card-max-width: 300px; --card-max-height: 300px; }

    .featured-quote { --padding-block: 120px; }
    .info-icon { --size: 40px; }
    .tell-your-story { --card-block-gap: 24px; }
    .tell-your-story .row { --gutter: 24px; }

    /* Prism Banner V2 */
    .prism-banner-v2__big-text { bottom: 0; }
    .prism-banner-v2__image-block { --icon-size: 100px; --icon-right: -20px; }  
    .prism-banner-v2 .prism-banner-v2__text-block .common-section__title { --icon-size: 80px; --icon-top: -50px; --icon-left: -60px; }   

    /* Lagacy Points Bar */
    .lagacy-points-bar { --wrapper-max-width: 920px; --font-size: 18px; --wrapper-gap: 16px; --icon-size: 54px; }

    .story-journey-card { --min-height: fit-content; }
}

@media (max-width: 991px) {
    :root {
        --title-display: 80px;
        --display-image-width: 150px;
        --line-height-display: .9;

        --title-20: 18px;
        --title-28: 24px;
        --title-30: 26px;
        --title-24: 20px;
        --title-32: 24px;
        --title-36: 32px;
        --title-42: 32px;
        --title-48: 32px;
        --title-50: 32px;
        --title-56: 32px;
        --title-60: 32px;
        --title-78: 40px;

        --quote-38: 28px;
        
        --space-12: 10px;
        --space-16: 12px;
        --space-24: 16px;
        --space-32: 20px;
        --space-40: 28px;
        --space-48: 32px;
        --space-56: 40px;
        --space-64: 48px;
        --space-72: 56px;
        --space-80: 60px;

        /* Section Spacing */
        --section-space-80: 50px;
        --section-space-128: 70px;
    }

    .prism-footer .prism-footer__bottom-block { flex-direction: column; gap: 24px; }
    .prism-footer .social-list { margin-inline: auto; }
    .countdown-module { --count-font-size: 32px; --detail-font-size: 10px; --count-padding-inline: 16px; --module-padding: 12px; }

    .the-story-journey .the-story-journey__wrapper { align-items: center; }
    .the-story-journey .the-story-journey__left { position: static; text-align: center; align-items: center; }
    .the-story-journey .circle-blur { display: none; }
    .the-story-journey .common-section__title ,
    .the-story-journey .common-section__desc { max-width: 500px; }
    .the-story-journey .the-story-journey__right { padding-top: 0; }
    .featured-quote { --padding-block: 80px; }

    .legacy-points-block { --font-size-large: 20px; --font-size-small: 12px; --padding-value: 8px; --right: 24px; --image-width: 80px; }

    .legacy-points-header-block { --image-size: 54px; --text-padding-block: 10px; }

    .tell-your-story .row { --gutter: 50px; flex-direction: column-reverse; }
    .get-recongnised { --wrapper-padding-block: 40px; --icon-size: 50px; --icon-left: 15%; }

    .prism-banner-v2 { --wrapper-padding-inline: 0; }

    /* Prism Banner V2 */
    .prism-banner-v2 .prism-banner-v2__text-block { text-align: center; padding-block: 70px 20px; }
    .prism-banner-v2 .prism-banner-v2__wrapper { flex-direction: column; align-items: center; }
    .prism-banner-v2 .action { justify-content: center; gap: 20px; }
    .prism-banner-v2 .prism-banner-v2__text-block .common-section__title{ --icon-size: 60px; --icon-top: -40px; --icon-left: 5px; }

    /* Lagacy Points Bar */
    .lagacy-points-bar { --wrapper-max-width: 920px; --font-size: 16px; --wrapper-gap: 16px; --icon-size: 48px; }

    .core-message .text-block { flex-direction: column; text-align: center; }
    .core-message { --text-block-gap: 12px; }

    .the-story-journey { --grid-column-count: 2; --icon-size: 120px; --padding-block: 60px; }
    .the-story-journey .the-story-journey__text-block { flex-direction: column; text-align: center; }
}

@media (max-width: 767px) {
    :root {
        --title-display: 70px;
        --display-image-width: 120px;
        --line-height-display: 1;

        --title-28: 22px;
        --title-30: 24px;
        --title-24: 16px;
        --title-32: 20px;
        --title-36: 28px;
        --title-42: 32px;
        --quote-38: 28px;

        --space-8: 6px;
        --space-12: 8px;
        --space-16: 10px;
        --space-24: 14px;
        --space-32: 18px;
        --space-40: 24px;
        --space-48: 28px;
        --space-56: 32px;
        --space-64: 40px;
        --space-72: 40px;
        --space-80: 48px;

        --quote-38: 24px;

        /* Section Spacing */
        --section-space-80: 40px;
        --section-space-128: 60px;
    }

    .prism-header .action-314 { width: fit-content; }

    .circle-blur { --size: 200px; }

    .common-tabbing-block { --text-block-max-width: 100%; --image-block-max-width: 100%; }
    .common-tabbing-block .row { flex-direction: column !important; }

    .story-parts .story-parts__grid-item { border-right: unset; border-bottom: 1px solid var(--color-primary-white-30); padding-inline: 0; padding-bottom: 20px; }
    .story-parts .story-parts__grid-item:last-child { border-bottom: unset; padding-bottom: 0; }
    .story-parts .story-parts__grid { --item-padding:0; grid-template-columns: repeat(1, 1fr); row-gap: 20px; }

    
    .common-quote__text * { font-weight: var(--fw-600); letter-spacing: -3%; }
    .submission-benefits { --image-block-padding: 30px; }
    .benefits-grid { --grid-columns: 1; --grid-gap: 20px; }

    .mobile-tabbing-block .action-314 { max-width: fit-content; }

    .the-story-journey { --text-16: 14px; --right-max-width: 370px; --right-gap: 50px; --icon-size: 80px; --padding-block: 60px 40px; }

    .legacy-points-block { margin-top: calc(0.5 * var(--image-width)); --right: unset; --bottom: unset; position: relative; }
    .common-banner__content { padding-bottom: 0; }

    .prism-header .legacy-points-header-block { display: none; }

    .get-recongnised .get-recongnised__text { margin-inline: auto; }
    .get-recongnised .common-dark-overlay::after { background: linear-gradient(to bottom, #00000000 0% , #000000 100%) !important; }

    .get-recongnised { --wrapper-padding-block: 80px 40px; --icon-size: 40px; --icon-left: 10%; }
    .get-recongnised .get-recongnised__text { text-align: center; align-items: center; }
    .tell-your-story .tell-your-story__wrapper .row .col-12 >* { align-items: center; text-align: center; }

    .tell-your-story .swiper { clip-path: inset(0 -100dvw 0 -100dvw); }
    .tell-your-story .card__block .swiper-slide .video-carousel-card ,
    .tell-your-story .card__block .swiper-slide-next .video-carousel-card ,
    .tell-your-story .card__block .swiper-slide-active .video-carousel-card { max-width: 300px; width: 100%; aspect-ratio: 270 / 250; }
    .tell-your-story .card__block .swiper-slide-next { margin-bottom: 0; }
}

@media (max-width: 575px) {
    :root {
        --button-fs-16: 14px;
        --prism-body-padding-top: 87px;

        --title-display: 34px;
        --display-image-width: 60px;

        --title-20: 16px;
        --title-28: 21px;
        --title-24: 16px;
        --title-32: 18px;
        --title-36: 24px;
        --title-42: 24px;
        --title-48: 24px;
        --title-50: 24px;
        --title-56: 24px;
        --title-60: 24px;
        --title-78: 34px;

        --text-16: 15px;
        --text-18: 15px;
        --text-20: 16px;

        --quote-38: 20px;

        --space-8: 4px;
        --space-12: 6px;
        --space-16: 8px;
        --space-24: 12px;
        --space-32: 16px;
        --space-40: 20px;
        --space-48: 24px;
        --space-56: 28px;
        --space-64: 32px;
        --space-72: 32px;
        --space-80: 40px;

        /* Section Spacing */
        --section-space-80: 30px;
        --section-space-128: 40px;
    }


    .prism-header {
        --prism-header-padding: 24px;
        --prism-header-scroll-padding: 16px;
        --common-btn-padding: 8px 16px;
        --navbar-brand-width: 60px;
    }
    .countdown-module + .common-section__desc { --text-20: 14px; } 

    .story-part-card { --text-16: 14px; --text-18: 14px; }

    .core-message { --wrapper-padding: 20px 16px; }
    .submission-benefits { --image-block-padding: 10px 20px; }

    .prism-faqs { --text-16: 14px; --icon-size: 14px; --icon-top: 2px; --icon-left: -20px; --item-padding-left: 20px; --item-gap: 16px; }

    .prism-footer { --f-logo-size: 60px; }
    .prism-footer .social-link { --icon-size: 40px; }
    .prism-footer .social-list ul { gap: 8px; }

    /* .video-carousel-card .video-carousel-card__image { width: 260px; height: 350px; }
    .tell-your-story .swiper-slide:not(.swiper-slide-active) .video-carousel-card .video-carousel-card__image { height: 290px; }
    .tell-your-story .swiper-slide:not(.swiper-slide-active) { padding-block: 20px 40px; }
    .tell-your-story .swiper { padding-left: 40px; }
    .video-carousel-card { --card-max-width: fit-content; --card-max-height: fit-content; }
    .tell-your-story .swiper-wrapper { align-items: start; } */

    .featured-quote { --padding-block: 50px; }
    .tell-your-story .card__block { flex-direction: column; }
    /* .tell-your-story .card__block .video-carousel-card--small-image,
    .tell-your-story .card__block .video-carousel-card--large-image { max-width: 100%; max-height: 400px; } */

    .process-card { --padding: 16px; --gap: 12px; }
    .prism-banner-v2 { --alx-text: 20px; }

    /* Prism Banner V2 */
    .prism-banner-v2 .prism-banner-v2__text-block .common-section__title:before {display: none;}
    .prism-banner-v2__image-block::before { display: none; }

    /* Lagacy Points Bar */
    .lagacy-points-bar { --wrapper-max-width: 400px; --font-size: 15px; --wrapper-gap: 8px; --wrapper-flex-direction: column; text-align: center; }

    .the-story-journey { --grid-column-count: 1; --icon-size: 60px; }
    .story-journey-card { --max-width: 300px; flex-direction: column; align-items: center; text-align: center; --card-gap: 12px; --padding-inline: 0; --icon-margin-top: 0; }
    .the-story-journey .the-story-journey__grid-item { border: 1px solid var(--color-limeGreen); border-bottom: unset; padding-inline: 12px; }
    .story-journey-card .story-journey-card__text { padding-left: 0; }
    .the-story-journey .the-story-journey__grid-item:last-child { padding: 12px; border-bottom: 1px solid var(--color-limeGreen); }

    .submit-story-btn { display: none; }
}
/* ======================= [ Responsive Style End ] =======================  */