/* Header styles copied from https://www.alrayan.com/ after page render.
   Source classes were collected from the local Header block in index.html. */

.css-n21gh5 {
    display: flex;
    flex-direction: column;
}

/* Desktop footer spacing: match live AlRayan footer divider gaps. */
@media screen and (min-width: 48em) {
    .footer .css-i6s5mh {
        margin-inline-start: var(--chakra-space-24);
        margin-inline-end: var(--chakra-space-24);
    }
}

.css-n21gh5 > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-svjswr {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: inherit;
    border-style: solid;
    width: 100%;
}

.css-84zodg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
}

.css-84zodg > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

.css-1y9judy {
    background: var(--chakra-colors-white);
    width: var(--chakra-sizes-full);
    position: fixed;
    top: 0px;
    height: 120px;
    z-index: 3;
    transition: background 0.2s;
}

.css-g8q2fs {
    width: 100%;
    margin-inline: auto;
    max-width: 100%;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
}

.css-89j7h2 {
    width: 100%;
    margin-inline: auto;
    max-width: 100%;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    height: var(--chakra-sizes-full);
}

@media screen and (min-width: 48em) {
    .css-89j7h2 {
        max-width: 90%;
    }
}

.css-1ua1j2a {
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    height: var(--chakra-sizes-full);
}

@media screen and (min-width: 48em) {
    .css-1ua1j2a {
        grid-template-columns: 0.5fr 1fr 0.5fr;
    }
}

.css-1syq16t {
    padding: var(--chakra-space-2);
}

.css-g3j33s {
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    height: var(--chakra-sizes-full);
}

.css-g3j33s > :not(style) ~ :not(style) {
    margin-top: calc(var(--chakra-space-2) * -1);
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-1xfoxas {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-12);
    min-width: var(--chakra-sizes-12);
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding: 0px;
}

.css-1xfoxas:focus-visible,
.css-1xfoxas[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1xfoxas:disabled,
.css-1xfoxas[disabled],
.css-1xfoxas[aria-disabled="true"],
.css-1xfoxas[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1xfoxas:hover:disabled,
.css-1xfoxas[data-hover]:disabled,
.css-1xfoxas:hover[disabled],
.css-1xfoxas[data-hover][disabled],
.css-1xfoxas:hover[aria-disabled="true"],
.css-1xfoxas[data-hover][aria-disabled="true"],
.css-1xfoxas:hover[data-disabled],
.css-1xfoxas[data-hover][data-disabled] {
    background: initial;
}

.css-65r3ic {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
}

.css-65r3ic > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

.css-rylzsq {
    padding: var(--chakra-space-2);
    display: none;
}

@media screen and (min-width: 48em) {
    .css-rylzsq {
        display: inline-block;
    }
}

.css-1pnf596 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-direction: row;
    height: var(--chakra-sizes-full);
}

.css-1pnf596 > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    margin-inline-start: var(--chakra-space-4);
}

.css-lai2oo {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-full);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-white);
    padding: var(--chakra-space-2);
    color: var(--chakra-colors-black);
}

.css-lai2oo:focus-visible,
.css-lai2oo[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-lai2oo:disabled,
.css-lai2oo[disabled],
.css-lai2oo[aria-disabled="true"],
.css-lai2oo[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-lai2oo:hover,
.css-lai2oo[data-hover] {
    background: rgba(6, 177, 214, 0.4);
}

.css-lai2oo:active,
.css-lai2oo[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-1qq679y {
    z-index: 10;
}

.css-9tveml {
    position: relative;
    display: flex;
    flex-direction: column;
    --popper-bg: var(--chakra-colors-white);
    background: var(--chakra-colors-white);
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    width: var(--chakra-sizes-xs);
    border-width: 0px;
    border-style: none;
    border-image: initial;
    border-color: inherit;
    border-radius: var(--chakra-radii-xl);
    box-shadow: var(--chakra-shadows-2xl);
    z-index: inherit;
    padding: var(--chakra-space-4);
    min-width: var(--chakra-sizes-sm);
}

.chakra-ui-dark .css-9tveml:not([data-theme]),
[data-theme="dark"] .css-9tveml:not([data-theme]),
.css-9tveml[data-theme="dark"] {
    --popper-bg: var(--chakra-colors-gray-700);
    --popper-arrow-shadow-color: var(--chakra-colors-whiteAlpha-300);
}

.css-9tveml:focus-visible,
.css-9tveml[data-focus-visible] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--chakra-shadows-outline);
}

.css-15fr8xx {
    display: block;
    padding: var(--chakra-space-2);
    border-radius: var(--chakra-radii-md);
}

.css-15fr8xx:hover,
.css-15fr8xx[data-hover] {
    background: var(--chakra-colors-blackAlpha-100);
}

.css-gpuo2e {
    transition: 0.3s;
    font-weight: 500;
}

[role="group"]:hover .css-gpuo2e,
[role="group"][data-hover] .css-gpuo2e,
[data-group]:hover .css-gpuo2e,
[data-group][data-hover] .css-gpuo2e,
.group:hover .css-gpuo2e,
.group[data-hover] .css-gpuo2e {
    color: var(--chakra-colors-primary-main);
}

.css-itvw0n {
    font-size: var(--chakra-fontSizes-sm);
}

.css-2gz105 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    transition: 0.3s;
    transform: translateX(-10px);
    opacity: 0;
    flex: 1 1 0%;
}

[role="group"]:hover .css-2gz105,
[role="group"][data-hover] .css-2gz105,
[data-group]:hover .css-2gz105,
[data-group][data-hover] .css-2gz105,
.group:hover .css-2gz105,
.group[data-hover] .css-2gz105 {
    opacity: 1;
    transform: translateX(0px);
}

.css-1mkf3cr {
    width: var(--chakra-sizes-5);
    height: var(--chakra-sizes-5);
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-primary-main);
}

.css-1sx8piu {
    color: var(--chakra-colors-black);
    padding: var(--chakra-space-2);
    border-radius: 10px;
}

.css-1sx8piu:hover,
.css-1sx8piu[data-hover] {
    background: rgba(6, 177, 214, 0.4);
}

.css-1qmoumi {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: 600;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: inherit;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #e2e8f0;
    color: inherit;
    cursor: pointer;
}

.css-1qmoumi:focus-visible,
.css-1qmoumi[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1qmoumi:disabled,
.css-1qmoumi[disabled],
.css-1qmoumi[aria-disabled="true"],
.css-1qmoumi[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1qmoumi:hover,
.css-1qmoumi[data-hover] {
    background: var(--chakra-colors-blackAlpha-50);
}

.css-1qmoumi[aria-expanded="true"],
.css-1qmoumi[data-expanded] {
    color: var(--chakra-colors-primary-main);
}

.css-xl71ch {
    pointer-events: none;
    flex: 1 1 auto;
    min-width: 0px;
}

.css-1hzyiq5 {
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
    margin-inline-start: 0.5rem;
}

.css-1oh83t7 {
    z-index: 9;
}

.css-1q1wzo3 {
    outline: transparent solid 2px;
    outline-offset: 2px;
    --menu-bg: #fff;
    --menu-shadow: var(--chakra-shadows-sm);
    color: inherit;
    min-width: var(--chakra-sizes-3xs);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    z-index: 9;
    border-radius: var(--chakra-radii-none);
    border-width: 1px;
    background: var(--menu-bg);
    box-shadow: var(--menu-shadow);
    width: var(--chakra-sizes-full);
    border-color: var(--chakra-colors-gray-300);
}

.chakra-ui-dark .css-1q1wzo3:not([data-theme]),
[data-theme="dark"] .css-1q1wzo3:not([data-theme]),
.css-1q1wzo3[data-theme="dark"] {
    --menu-bg: var(--chakra-colors-gray-700);
    --menu-shadow: var(--chakra-shadows-dark-lg);
}

.css-1p030cx {
    text-decoration: none;
    color: inherit;
    user-select: none;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    text-align: start;
    flex: 0 0 auto;
    outline: transparent solid 2px;
    outline-offset: 2px;
    padding-top: var(--chakra-space-1-5);
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    transition-property: var(--chakra-transition-property-background);
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
    background: var(--menu-bg);
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-1p030cx:focus,
.css-1p030cx[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}

.chakra-ui-dark .css-1p030cx:focus:not([data-theme]),
.chakra-ui-dark .css-1p030cx[data-focus]:not([data-theme]),
[data-theme="dark"] .css-1p030cx:focus:not([data-theme]),
[data-theme="dark"] .css-1p030cx[data-focus]:not([data-theme]),
.css-1p030cx:focus[data-theme="dark"],
.css-1p030cx[data-focus][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-1p030cx:active,
.css-1p030cx[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}

.chakra-ui-dark .css-1p030cx:active:not([data-theme]),
.chakra-ui-dark .css-1p030cx[data-active]:not([data-theme]),
[data-theme="dark"] .css-1p030cx:active:not([data-theme]),
[data-theme="dark"] .css-1p030cx[data-active]:not([data-theme]),
.css-1p030cx:active[data-theme="dark"],
.css-1p030cx[data-active][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}

.css-1p030cx[aria-expanded="true"],
.css-1p030cx[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}

.chakra-ui-dark .css-1p030cx[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .css-1p030cx[data-expanded]:not([data-theme]),
[data-theme="dark"] .css-1p030cx[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .css-1p030cx[data-expanded]:not([data-theme]),
.css-1p030cx[aria-expanded="true"][data-theme="dark"],
.css-1p030cx[data-expanded][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-1p030cx:disabled,
.css-1p030cx[disabled],
.css-1p030cx[aria-disabled="true"],
.css-1p030cx[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.css-1p030cx:hover,
.css-1p030cx[data-hover] {
    background: var(--chakra-colors-gray-50);
}

.css-p06zru {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-primary-main);
}

.css-jljmlh {
    padding: var(--chakra-space-4);
    border-inline-end: 1px solid;
    border-color: var(--chakra-colors-gray-300);
    box-shadow: var(--chakra-shadows-md);
    height: 100%;
    width: 62%;
    position: relative;
    transition: width 0.2s;
    overflow-y: auto;
    background: var(--chakra-colors-white);
    backdrop-filter: initial;
}

@media screen and (min-width: 48em) {
    .css-jljmlh {
        background: var(--chakra-colors-whiteAlpha-800);
        backdrop-filter: blur(20px);
    }
}

.css-1o8twas {
    width: 300px;
    margin: 16px auto 0px;
}

@media screen and (min-width: 62em) {
    .css-1o8twas {
        width: 100%;
        margin: initial;
    }
}

.css-16oka5y {
    display: flex;
    flex-direction: column;
    height: var(--chakra-sizes-full);
}

.css-16oka5y > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-5dv9zi {
    display: grid;
    grid-template-columns: 1fr;
    color: var(--chakra-colors-black);
    flex: 0.7 1 0%;
    max-width: var(--chakra-sizes-8xl);
    padding: var(--chakra-space-4);
    align-self: unset;
}

@media screen and (min-width: 62em) {
    .css-5dv9zi {
        grid-template-columns: 1fr 1fr;
        align-self: stretch;
    }
}

.css-1ms8ah1 {
    border-inline-end-width: 2px;
    border-inline-end-style: solid;
    border-inline-end-color: var(--chakra-colors-blackAlpha-50);
    padding: 0px;
}

@media screen and (min-width: 62em) {
    .css-1ms8ah1 {
        padding: var(--chakra-space-16);
    }
}

.css-1wwf8hs {
    display: flex;
    flex-direction: column;
    padding-inline-start: 0px;
    padding: 15px 0px 0px;
}

.css-1wwf8hs > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-8);
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1wwf8hs {
        padding-inline-start: var(--chakra-space-4);
        padding: initial;
    }
}

.css-eumvyp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    border-inline-start-width: 6px;
    border-inline-start-style: solid;
    border-inline-start-color: var(--chakra-colors-primary-light);
    padding-inline-start: var(--chakra-space-4);
}

.css-eumvyp > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

.css-kmsf9f {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    color: var(--chakra-colors-black);
    cursor: pointer;
}

@media screen and (min-width: 48em) {
    .css-kmsf9f {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

.css-mtviy4 {
    margin: var(--chakra-space-8);
    padding-top: var(--chakra-space-8);
    display: none;
    max-height: 520px;
    overflow: auto;
}

@media screen and (min-width: 62em) {
    .css-mtviy4 {
        display: inline-block;
    }
}

.css-ps0b2c {
    height: var(--chakra-sizes-full);
}

.css-xluukx {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: var(--chakra-colors-blackAlpha-50);
    border-style: solid;
    width: 100%;
}

.css-o5tu8w {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.css-o5tu8w > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-o5tu8w {
        display: none;
    }
}

.css-1j8frsr {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 15px !important;
}

.css-nsds9k {
    display: flex;
    flex-direction: row;
    max-width: 115px;
    width: 100%;
}

.css-1flijzq {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    background-color: rgb(6, 177, 214);
    color: var(--chakra-colors-white);
    gap: 5px;
}

.css-1flijzq:focus-visible,
.css-1flijzq[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1flijzq:disabled,
.css-1flijzq[disabled],
.css-1flijzq[aria-disabled="true"],
.css-1flijzq[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1flijzq:hover,
.css-1flijzq[data-hover] {
    background-color: rgb(6, 177, 214);
}

.css-1flijzq:active,
.css-1flijzq[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-1juzv1o {
    position: relative;
    display: flex;
    flex-direction: column;
    --popper-bg: var(--chakra-colors-white);
    background: var(--chakra-colors-white);
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    width: var(--chakra-sizes-xs);
    border-width: 0px;
    border-style: none;
    border-image: initial;
    border-color: inherit;
    border-radius: var(--chakra-radii-xl);
    box-shadow: var(--chakra-shadows-2xl);
    z-index: inherit;
    padding: var(--chakra-space-4);
    min-width: 100%;
}

.chakra-ui-dark .css-1juzv1o:not([data-theme]),
[data-theme="dark"] .css-1juzv1o:not([data-theme]),
.css-1juzv1o[data-theme="dark"] {
    --popper-bg: var(--chakra-colors-gray-700);
    --popper-arrow-shadow-color: var(--chakra-colors-whiteAlpha-300);
}

.css-1juzv1o:focus-visible,
.css-1juzv1o[data-focus-visible] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--chakra-shadows-outline);
}

.css-17xejub {
    flex: 1 1 0%;
    place-self: stretch;
}

.css-1onqh88 {
    width: 100%;
    display: flex;
    position: relative;
    flex: 0.5 1 0%;
}

.css-11pdqhs {
    right: 0px;
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    pointer-events: none;
}

.css-1bvutub {
    margin-top: var(--chakra-space-10);
    margin-bottom: var(--chakra-space-10);
    max-height: 250px;
    overflow: auto;
    width: 100%;
}

.css-1lw1j9l {
    color: var(--chakra-colors-black);
    padding: var(--chakra-space-2);
    border-radius: 10px;
}

.css-1lw1j9l:hover,
.css-1lw1j9l[data-hover] {
    background: var(--chakra-colors-blackAlpha-50);
}

.css-wjomy9 {
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-lg);
}

.css-qzdmqc {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    padding-bottom: var(--chakra-space-4);
    align-self: flex-start;
}

.css-qzdmqc > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-1);
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 62em) {
    .css-qzdmqc > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-28);
    }
}

@media screen and (min-width: 48em) {
    .css-qzdmqc {
        flex-direction: row;
        padding-bottom: initial;
        align-self: stretch;
    }

    .css-qzdmqc > :not(style) ~ :not(style) {
        margin-top: 0px;
        margin-inline-end: 0px;
        margin-bottom: 0px;
        margin-inline-start: var(--chakra-space-1);
    }

    @media screen and (min-width: 62em) {
        .css-qzdmqc > :not(style) ~ :not(style) {
            margin-inline-start: var(--chakra-space-28);
        }
    }
}

.css-3f9oxg {
    display: flex;
    flex-direction: column;
    padding: 40px;
    color: var(--chakra-colors-black);
    margin: 110px 20px 20px;
    background: var(--chakra-colors-white);
    border-radius: var(--chakra-radii-xl);
    box-shadow: var(--chakra-shadows-xl);
    position: relative;
}

.css-3f9oxg > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-1dsc0an {
    width: 100%;
    display: flex;
    position: relative;
    align-self: center;
    max-width: var(--chakra-sizes-md);
}

.css-mkpykx {
    right: 0px;
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    pointer-events: none;
    color: red;
}

.css-16ddr91 {
    margin-top: var(--chakra-space-10);
    margin-bottom: var(--chakra-space-10);
    max-height: 500px;
    overflow: scroll;
}

.css-1dpgxc3 {
    display: flex;
    flex-direction: column;
    padding: 0px;
    color: var(--chakra-colors-black);
    margin: 0px;
    background: var(--chakra-colors-white);
    border-radius: 0px;
    position: relative;
    height: 100vh;
    overflow: auto;
}

.css-1dpgxc3 > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1dpgxc3 {
        margin: 110px 20px 20px;
        border-radius: var(--chakra-radii-xl);
        box-shadow: var(--chakra-shadows-xl);
        height: initial;
        overflow: initial;
    }
}

/* No generated rules were present online for: css-0, css-18cg8jm, css-1cq9us3, css-1rv4d35, css-42ur0b, css-k3zjqm. */

/* Main/page styles copied from https://www.alrayan.com/ after page render. */

.wrapperSlide > .swiper-wrapper {
    height: 100%;
}

.swiper-pagination-bullet {
    opacity: 0.5 !important;
    background: rgb(255, 255, 255) !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgb(255, 255, 255) !important;
}

.swiper-button-prev,
.swiper-button-next {
    transform: scale(0.7);
    color: rgb(0, 118, 165) !important;
    z-index: 1 !important;
}

.menu-link::after {
    content: "";
    transform-origin: 100% 100%;
    width: 75%;
    height: 3px;
    transition: transform 0.25s ease-out;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translate(-50%) scaleX(0);
}

.hover-active::after {
    background-color: rgb(0, 118, 165);
    transform: translate(-50%) scaleX(1);
}

.hover-inactive::after {
    background-color: rgba(156, 156, 156, 0.56);
}

.menu-link:hover::after {
    transform-origin: 0px 100%;
    transform: translate(-50%) scaleX(1);
}

.custom-tab-list::-webkit-scrollbar {
    display: none;
}

.custom-tab-list,
.scrollbar-hidden {
    scrollbar-width: none;
}

.half-circle-top {
    background-color: rgba(0, 0, 0, 0);
    border-width: 2px 2px 0px;
    border-style: solid solid none;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentcolor;
    border-image: initial;
    border-top-left-radius: 660px;
    border-top-right-radius: 660px;
    width: 100%;
    height: 100%;
}

.half-circle-bottom {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0px 2px 2px;
    border-style: none solid solid;
    border-color: currentcolor rgb(0, 118, 165) rgb(0, 118, 165);
    border-image: initial;
    border-bottom-right-radius: 660px;
    border-bottom-left-radius: 660px;
    width: 100%;
    height: 100%;
}

.video-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px !important;
}

.shareholders-container .swiper-tabs .swiper-button-next {
    position: absolute;
    right: 10px;
}

.shareholders-container .swiper-tabs .swiper-button-prev {
    position: absolute;
    left: 10px;
}

.swiper-tabs .swiper-button-prev::after,
.swiper-tabs .swiper-button-next::after {
    color: rgb(0, 118, 165);
    font-size: 20px;
}

.items-menu:hover::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255);
}

.items-menu::-webkit-scrollbar {
    width: 0px;
}

.items-menu:hover::-webkit-scrollbar {
    background-color: rgb(255, 255, 255);
    width: 2px;
}

.items-menu:hover::-webkit-scrollbar-thumb {
    background-color: rgb(0, 118, 165);
}

.nav-link {
    color: rgb(0, 0, 0);
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 1.1rem;
    font-weight: 700;
    display: block;
}

.nav-link:hover {
    color: rgb(0, 118, 165);
}

.footer a {
    font-weight: 500;
}

.bank-top {
    color: rgb(255, 255, 255);
}

.bank-top:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.bank-bottom:hover .descript-text,
.bank-bottom {
    color: rgb(255, 255, 255);
}

.bank-bottom:hover .descript-text {
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
    .bank-top {
        color: rgb(255, 255, 255);
    }

    .bank-top .descript-text {
        color: rgb(0, 0, 0);
    }

    .wrapperSlide {
        height: 70vh;
    }

    .wrapperSlide img {
        background-color: rgb(0, 0, 0);
        object-fit: contain !important;
    }

    .slider-image {
        max-width: 100%;
        display: block;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: auto !important;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 30px !important;
    }

    .half-circle-bottom,
    .half-circle-top {
        display: none;
    }
}

@media screen and (max-width: 500px) {

    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px !important;
    }
}

.menu-footer:hover {
    color: rgb(0, 0, 0);
    text-underline-offset: 5px;
    text-decoration: underline 3px rgb(0, 118, 165);
}

.kt-swiper-container .swiper-button-prev,
.kt-swiper-container .swiper-button-next {
    background: rgb(255, 255, 255);
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 5px;
    transition: 0.2s;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px;
    color: rgb(0, 118, 165) !important;
}

.kt-swiper-container .swiper-button-prev {
    left: -6px;
}

.kt-swiper-container .swiper-button-next {
    right: -6px;
}

.kt-swiper-container .swiper-button-prev:hover,
.kt-swiper-container .swiper-button-next:hover {
    background: rgb(0, 118, 165);
    box-shadow: rgba(0, 118, 165, 0.3) 0px 4px 16px;
    color: rgb(255, 255, 255) !important;
}

.kt-swiper-container .swiper-button-prev::after,
.kt-swiper-container .swiper-button-next::after {
    font-weight: 900;
    font-size: 14px !important;
}

.kt-swiper-container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    transition: 0.2s;
    opacity: 0.3 !important;
    background: rgb(0, 118, 165) !important;
}

.kt-swiper-container .swiper-pagination-bullet-active {
    width: 24px;
    opacity: 1 !important;
    border-radius: 4px !important;
}

.kt-swiper-container .swiper-slide {
    height: auto !important;
}

.kt-swiper-container .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 10px !important;
}

@media screen and (max-width: 767px) {

    .kt-swiper-container .swiper-button-prev,
    .kt-swiper-container .swiper-button-next {
        width: 28px;
        height: 28px;
    }

    .kt-swiper-container .swiper-button-prev::after,
    .kt-swiper-container .swiper-button-next::after {
        font-size: 11px !important;
    }

    .kt-section {
        padding: 0px 8px;
    }
}

.swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate(0px, 0px);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0px);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-slides-offset-before);
    scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
    margin-inline-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-slides-offset-before);
    scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
    margin-block-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: 1s linear 0s infinite normal none running swiper-preloader-spin;
}

.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity 0.3s;
    position: absolute;
    transform: translate(0px, 0px);
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0px;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    display: inline-block;
}

button.swiper-pagination-bullet {
    box-shadow: none;
    appearance: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    margin: 0px;
    padding: 0px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
}

:is(.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, top 0.2s;
    display: inline-block;
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
}

:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0px;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0px;
    left: 0px;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0px;
    left: 0px;
}

.swiper-button-prev,
.swiper-button-next {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

:is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
    display: none !important;
}

:is(.swiper-button-prev, .swiper-button-next) svg {
    object-fit: contain;
    transform-origin: 50% center;
    fill: currentcolor;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
}

.swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg);
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0px;
}

.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
}

:is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next) .swiper-navigation-icon {
    transform: rotate(180deg);
}

:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(0deg);
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0px;
    right: auto;
}

.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
}

:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
}

:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon {
    transform: rotate(90deg);
}

.css-z7ff2d {
    margin-top: 90px;
}

.css-1diefdg {
    width: var(--chakra-sizes-full);
    height: var(--chakra-sizes-full);
    margin-top: 90px;
}

.css-69ldc9 {
    position: absolute;
    right: 0px;
    height: auto;
    margin: auto 25px;
    bottom: 5%;
    z-index: 2;
}

@media screen and (min-width: 48em) {
    .css-69ldc9 {
        height: auto;
        margin-top: initial;
        margin-bottom: initial;
        bottom: 15%;
        margin-right: 50px;
        margin-left: 50px;
    }
}

.css-73tldh {
    display: flex;
    flex-direction: column;
    background: var(--chakra-colors-blackAlpha-700);
    padding: var(--chakra-space-4);
    width: fit-content;
    border-left-color: rgb(0, 118, 165);
    border-left-width: 7px;
}

.css-73tldh > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-spn4bz {
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
}

.css-spn4bz:hover,
.css-spn4bz[data-hover] {
    text-decoration: underline;
}

.css-spn4bz:focus-visible,
.css-spn4bz[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1udx4zm {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-sm);
    line-height: 1.33;
    text-transform: uppercase;
    color: var(--chakra-colors-white);
}

@media screen and (min-width: 48em) {
    .css-1udx4zm {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

.css-1cmbg8i {
    font-weight: 100;
    color: var(--chakra-colors-white);
    font-size: var(--chakra-fontSizes-sm);
    max-width: var(--chakra-sizes-lg);
    line-height: var(--chakra-lineHeights-6);
}

@media screen and (min-width: 48em) {
    .css-1cmbg8i {
        font-size: var(--chakra-fontSizes-xl);
    }
}

.css-9boint {
    width: 100%;
    margin-inline: auto;
    max-width: 95%;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    border-top-left-radius: var(--chakra-radii-lg);
    border-top-right-radius: var(--chakra-radii-lg);
    position: absolute;
    bottom: 0px;
    left: 50%;
    background: var(--chakra-colors-white);
    z-index: 1;
    transform: translateX(-50%);
    display: none;
}

@media screen and (min-width: 62em) {
    .css-9boint {
        display: block;
    }
}

.css-txaw {
    color: var(--chakra-colors-black);
    text-align: center;
    font-size: clamp(0.9rem, 1.5vw, 1.6rem);
    font-weight: var(--chakra-fontWeights-medium);
    word-break: keep-all;
    overflow-wrap: normal;
    line-height: 25px;
    position: relative;
}

.css-1ki3mk8 {
    display: block;
    flex-direction: column;
    background: var(--chakra-colors-white);
}

.css-1ki3mk8 > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 62em) {
    .css-1ki3mk8 {
        display: none;
    }
}

.css-1iloua9 {
    display: inline;
    margin-bottom: var(--chakra-space-6);
    background: var(--chakra-colors-white);
    position: relative;
}

.css-tgp9kl {
    display: block;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: 30px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    top: 27px;
    right: 0px;
    left: auto;
    color: var(--chakra-colors-primary-main);
    background-color: var(--chakra-colors-white);
    padding: 0px 10px !important;
}

.css-tgp9kl:focus-visible,
.css-tgp9kl[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-tgp9kl:disabled,
.css-tgp9kl[disabled],
.css-tgp9kl[aria-disabled="true"],
.css-tgp9kl[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-tgp9kl:hover,
.css-tgp9kl[data-hover] {
    background: var(--chakra-colors-gray-200);
}

.css-tgp9kl:hover:disabled,
.css-tgp9kl[data-hover]:disabled,
.css-tgp9kl:hover[disabled],
.css-tgp9kl[data-hover][disabled],
.css-tgp9kl:hover[aria-disabled="true"],
.css-tgp9kl[data-hover][aria-disabled="true"],
.css-tgp9kl:hover[data-disabled],
.css-tgp9kl[data-hover][data-disabled] {
    background: var(--chakra-colors-gray-100);
}

.css-tgp9kl:active,
.css-tgp9kl[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-1e6h5aa {
    display: block;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: 30px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    top: 27px;
    left: 0px;
    right: auto;
    color: var(--chakra-colors-primary-main);
    background-color: var(--chakra-colors-white);
    padding: 0px 10px !important;
}

.css-1e6h5aa:focus-visible,
.css-1e6h5aa[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1e6h5aa:disabled,
.css-1e6h5aa[disabled],
.css-1e6h5aa[aria-disabled="true"],
.css-1e6h5aa[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1e6h5aa:hover,
.css-1e6h5aa[data-hover] {
    background: var(--chakra-colors-gray-200);
}

.css-1e6h5aa:hover:disabled,
.css-1e6h5aa[data-hover]:disabled,
.css-1e6h5aa:hover[disabled],
.css-1e6h5aa[data-hover][disabled],
.css-1e6h5aa:hover[aria-disabled="true"],
.css-1e6h5aa[data-hover][aria-disabled="true"],
.css-1e6h5aa:hover[data-disabled],
.css-1e6h5aa[data-hover][data-disabled] {
    background: var(--chakra-colors-gray-100);
}

.css-1e6h5aa:active,
.css-1e6h5aa[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-ixihkq {
    display: flex;
    -webkit-box-pack: initial;
    justify-content: initial;
    flex-direction: row;
    border-bottom: 10px rgb(0, 118, 165);
    border-top-color: inherit;
    height: 100px;
    width: 100%;
    border-inline-start: 0px;
    overflow: auto;
    padding: var(--chakra-space-1);
    align-self: center;
    border-left-color: var(--chakra-colors-primary-light);
    border-right-width: 0px;
    border-right-color: var(--chakra-colors-primary-light);
    padding-inline: 40px;
    scroll-behavior: smooth;
}

.css-52dxnr {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: var(--chakra-fontSizes-md);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-transparent);
    margin-bottom: -2px;
    color: var(--tabs-color);
    background: var(--tabs-bg);
}

.css-52dxnr:focus-visible,
.css-52dxnr[data-focus-visible] {
    z-index: 1;
    box-shadow: var(--chakra-shadows-outline);
}

.css-52dxnr:disabled,
.css-52dxnr[disabled],
.css-52dxnr[aria-disabled="true"],
.css-52dxnr[data-disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}

.css-52dxnr:disabled:active,
.css-52dxnr[disabled]:active,
.css-52dxnr[aria-disabled="true"]:active,
.css-52dxnr[data-disabled]:active,
.css-52dxnr:disabled[data-active],
.css-52dxnr[disabled][data-active],
.css-52dxnr[aria-disabled="true"][data-active],
.css-52dxnr[data-disabled][data-active] {
    background: none;
}

.css-52dxnr[aria-selected="true"],
.css-52dxnr[data-selected] {
    --tabs-color: var(--chakra-colors-blue-600);
    border-color: currentcolor;
}

.chakra-ui-dark .css-52dxnr[aria-selected="true"]:not([data-theme]),
.chakra-ui-dark .css-52dxnr[data-selected]:not([data-theme]),
[data-theme="dark"] .css-52dxnr[aria-selected="true"]:not([data-theme]),
[data-theme="dark"] .css-52dxnr[data-selected]:not([data-theme]),
.css-52dxnr[aria-selected="true"][data-theme="dark"],
.css-52dxnr[data-selected][data-theme="dark"] {
    --tabs-color: var(--chakra-colors-blue-300);
}

.css-52dxnr:active,
.css-52dxnr[data-active] {
    --tabs-bg: var(--chakra-colors-gray-200);
}

.chakra-ui-dark .css-52dxnr:active:not([data-theme]),
.chakra-ui-dark .css-52dxnr[data-active]:not([data-theme]),
[data-theme="dark"] .css-52dxnr:active:not([data-theme]),
[data-theme="dark"] .css-52dxnr[data-active]:not([data-theme]),
.css-52dxnr:active[data-theme="dark"],
.css-52dxnr[data-active][data-theme="dark"] {
    --tabs-bg: var(--chakra-colors-whiteAlpha-300);
}

.css-wszw3m {
    color: rgb(0, 118, 165);
    text-align: center;
    font-size: 1.4rem;
    font-weight: var(--chakra-fontWeights-medium);
    line-height: 25px;
    margin: var(--chakra-space-2);
    -webkit-box-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
}

.css-wszw3m[aria-selected="true"],
.css-wszw3m[data-selected] {
    color: rgb(0, 118, 165);
}

.css-11n17yr {
    font-family: var(--chakra-fonts-heading);
    font-weight: 100;
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-4);
    background: var(--chakra-colors-white);
    text-transform: uppercase;
    color: var(--chakra-colors-default-title);
    text-align: center;
    padding-top: var(--chakra-space-6);
    padding-bottom: 0px;
    margin-top: var(--chakra-space-4);
}

@media screen and (min-width: 48em) {
    .css-11n17yr {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: var(--chakra-space-12);
        padding-bottom: var(--chakra-space-6);
    }
}

.css-1uxtpqq {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom: var(--chakra-space-4);
}

.css-1uxtpqq > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1uxtpqq {
        margin-bottom: var(--chakra-space-8);
    }
}

.css-kl68ht {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-medium);
    font-size: 30px;
    line-height: 1.33;
    text-align: center;
    color: var(--chakra-colors-primary-main);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    text-transform: uppercase;
}

@media screen and (min-width: 48em) {
    .css-kl68ht {
        font-size: 38px;
        line-height: 1.2;
    }
}

.css-24j2cx {
    display: inline;
    grid-template-columns: 250px 1fr;
    margin-bottom: var(--chakra-space-6);
    background: var(--chakra-colors-black);
    position: relative;
}

@media screen and (min-width: 48em) {
    .css-24j2cx {
        display: grid;
    }
}

.css-rrakde {
    display: block;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: 30px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    top: 27px;
    right: 0px;
    left: auto;
    color: var(--chakra-colors-primary-main);
    background-color: var(--chakra-colors-black);
    padding: 0px 10px !important;
}

@media screen and (min-width: 48em) {
    .css-rrakde {
        display: none;
    }
}

.css-rrakde:focus-visible,
.css-rrakde[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-rrakde:disabled,
.css-rrakde[disabled],
.css-rrakde[aria-disabled="true"],
.css-rrakde[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-rrakde:hover,
.css-rrakde[data-hover] {
    background: var(--chakra-colors-gray-200);
}

.css-rrakde:hover:disabled,
.css-rrakde[data-hover]:disabled,
.css-rrakde:hover[disabled],
.css-rrakde[data-hover][disabled],
.css-rrakde:hover[aria-disabled="true"],
.css-rrakde[data-hover][aria-disabled="true"],
.css-rrakde:hover[data-disabled],
.css-rrakde[data-hover][data-disabled] {
    background: var(--chakra-colors-gray-100);
}

.css-rrakde:active,
.css-rrakde[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-1kpvz99 {
    display: block;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: 30px;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    top: 27px;
    left: 0px;
    right: auto;
    color: var(--chakra-colors-primary-main);
    background-color: var(--chakra-colors-black);
    padding: 0px 10px !important;
}

@media screen and (min-width: 48em) {
    .css-1kpvz99 {
        display: none;
    }
}

.css-1kpvz99:focus-visible,
.css-1kpvz99[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1kpvz99:disabled,
.css-1kpvz99[disabled],
.css-1kpvz99[aria-disabled="true"],
.css-1kpvz99[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1kpvz99:hover,
.css-1kpvz99[data-hover] {
    background: var(--chakra-colors-gray-200);
}

.css-1kpvz99:hover:disabled,
.css-1kpvz99[data-hover]:disabled,
.css-1kpvz99:hover[disabled],
.css-1kpvz99[data-hover][disabled],
.css-1kpvz99:hover[aria-disabled="true"],
.css-1kpvz99[data-hover][aria-disabled="true"],
.css-1kpvz99:hover[data-disabled],
.css-1kpvz99[data-hover][data-disabled] {
    background: var(--chakra-colors-gray-100);
}

.css-1kpvz99:active,
.css-1kpvz99[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-szsov2 {
    height: var(--chakra-sizes-full);
    min-height: 370px;
    width: 100%;
}

@media screen and (min-width: 48em) {
    .css-szsov2 {
        min-height: calc(-200px + 100vh);
    }
}

.css-1geb5gw {
    padding: var(--chakra-space-4);
    outline: transparent solid 2px;
    outline-offset: 2px;
    background-image: linear-gradient(-90deg, white, transparent 0%), url("../images/Masraf-al-Rayan_Banners-05.jpg");
    background-position: left center;
    height: var(--chakra-sizes-full);
    min-height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--chakra-colors-white);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

@media screen and (min-width: 48em) {
    .css-1geb5gw {
        background-position: right center;
        min-height: calc(-200px + 100vh);
    }
}

.css-91yg33 {
    display: flex;
    flex-direction: column;
    background: rgba(0, 118, 166, 0.7);
    bottom: 40px;
    position: absolute;
    border-left-color: var(--chakra-colors-primary-light);
    border-left-width: 7px;
    border-right-color: rgb(0, 118, 165);
    padding-top: 20px;
    padding-bottom: 20px;
    right: 0px;
    width: 80%;
    padding-inline: 24px;
}

.css-91yg33 > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-91yg33 {
        bottom: 80px;
        padding-top: initial;
        padding-bottom: initial;
        right: 20px;
        width: 300px;
        padding-inline: initial;
    }
}

@media screen and (min-width: 62em) {
    .css-91yg33 {
        width: 500px;
    }
}

.css-1tilnue {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-sm);
    line-height: 1.33;
    color: var(--chakra-colors-white);
    text-transform: uppercase;
    max-width: var(--chakra-sizes-lg);
    padding-inline-start: var(--chakra-space-5);
    padding-inline-end: var(--chakra-space-5);
    padding-top: var(--chakra-space-3);
}

@media screen and (min-width: 48em) {
    .css-1tilnue {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

.css-79wky {
    color: var(--chakra-colors-white);
}

.css-bcyxqs {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-light);
    font-size: var(--chakra-fontSizes-md);
    line-height: 1.33;
    opacity: 1;
    max-width: var(--chakra-sizes-md);
    padding: var(--chakra-space-5);
}

@media screen and (min-width: 48em) {
    .css-bcyxqs {
        line-height: 1.2;
    }
}

.css-ibv0vr {
    font-family: var(--chakra-fonts-heading);
    font-weight: 500;
    font-size: var(--chakra-fontSizes-xs);
    line-height: 1.33;
    text-transform: uppercase;
    opacity: 1;
    padding-inline-start: var(--chakra-space-5);
    padding-inline-end: var(--chakra-space-5);
    padding-bottom: var(--chakra-space-3);
    max-width: var(--chakra-sizes-sm);
    text-align: start;
}

@media screen and (min-width: 48em) {
    .css-ibv0vr {
        line-height: 1.2;
    }
}

.css-ibv0vr:hover,
.css-ibv0vr[data-hover] {
    color: var(--chakra-colors-primary-main);
}

.css-1gwc9jl {
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: var(--chakra-colors-white);
    font-weight: var(--chakra-fontWeights-bold);
}

.css-1gwc9jl:hover,
.css-1gwc9jl[data-hover] {
    text-decoration: underline;
}

.css-1gwc9jl:focus-visible,
.css-1gwc9jl[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1ezsqat {
    width: 100%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-8xl);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    margin-top: var(--chakra-space-12);
    margin-bottom: var(--chakra-space-12);
}

@media screen and (min-width: 48em) {
    .css-1ezsqat {
        margin-bottom: var(--chakra-space-24);
    }
}

.css-1cg37tb {
    display: block;
    flex-direction: column;
}

.css-1cg37tb > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1cg37tb {
        display: none;
    }
}

.css-10n1vic {
    position: relative;
}

.css-10n1vic a[href]:not(.chakra-linkbox__overlay),
.css-10n1vic abbr[title] {
    position: relative;
    z-index: 1;
}

.css-1hnz6hu {
    position: static;
}

.css-1hnz6hu::before {
    content: "";
    cursor: inherit;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.css-1be1ki1 {
    background: rgb(243, 243, 243);
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 600px;
}

.css-134z6f1 {
    width: 100%;
    transition: transform 0.2s;
}

.css-134z6f1:hover,
.css-134z6f1[data-hover] {
    transform: scale(1.1);
}

.css-1k8atvj {
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    background: rgb(255, 255, 255);
    padding: 30px 20px 20px;
    position: absolute;
    bottom: 0px;
    margin-inline-end: 26px;
    font-weight: 400;
    color: inherit;
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    min-height: 150px;
    width: auto;
}

.css-1k8atvj > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1k8atvj {
        bottom: -15px;
    }
}

.css-r40r22 {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-2);
    color: var(--chakra-colors-primary-main);
}

@media screen and (min-width: 48em) {
    .css-r40r22 {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

.css-ncg1dr {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    color: var(--chakra-colors-primary-main);
    align-self: flex-start;
}

.css-ncg1dr > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

.css-12uzy1f {
    color: var(--chakra-colors-primary-light);
    font-weight: var(--chakra-fontWeights-bold);
}

.css-1em9ttu {
    display: none;
    gap: 30px;
    grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
    .css-1em9ttu {
        display: grid;
        gap: var(--chakra-space-20);
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 62em) {
    .css-1em9ttu {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.css-3svi7d {
    display: flex;
    flex-direction: column;
}

.css-3svi7d > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-4);
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-3svi7d > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-16);
    }
}

.css-1h3nfwc {
    display: flex;
    flex-direction: column;
}

.css-1h3nfwc > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-iu6wvg {
    display: flex;
    flex-direction: column;
    background: var(--chakra-colors-primary-main);
    color: var(--chakra-colors-white);
    padding-top: var(--chakra-space-8);
    padding-bottom: var(--chakra-space-8);
}

.css-iu6wvg > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-iu6wvg {
        padding-top: var(--chakra-space-16);
        padding-bottom: var(--chakra-space-16);
    }
}

.css-1vjr1gb {
    width: 100%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-8xl);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
}

.css-19pzwhb {
    display: grid;
    grid-template-columns: 1fr;
}

@media screen and (min-width: 48em) {
    .css-19pzwhb {
        grid-template-columns: 1fr 1fr;
    }
}

.css-p94hn7 {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-light);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    opacity: 0.7;
}

@media screen and (min-width: 48em) {
    .css-p94hn7 {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

.css-a40s4x {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-light);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
}

@media screen and (min-width: 48em) {
    .css-a40s4x {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

.css-1t7rcca {
    overflow-anchor: none;
    border: var(--chakra-borders-none);
}

.css-1t7rcca:last-of-type {
    border-bottom-width: 1px;
}

.css-uttm9k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
}

.css-uttm9k:focus-visible,
.css-uttm9k[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-uttm9k:hover,
.css-uttm9k[data-hover] {
    background: var(--chakra-colors-blackAlpha-50);
}

.css-uttm9k:disabled,
.css-uttm9k[disabled],
.css-uttm9k[aria-disabled="true"],
.css-uttm9k[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.css-17sm3fv {
    flex: 1 1 0%;
    text-align: start;
}

.css-1hb5ode {
    padding-top: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
}

.css-1wfzwq0 {
    overflow: hidden;
    margin-top: var(--chakra-space-10);
}

.css-tdz494 {
    --chakra-wrap-x-spacing: var(--chakra-space-4);
    --chakra-wrap-y-spacing: var(--chakra-space-4);
    --wrap-x-spacing: calc(var(--chakra-wrap-x-spacing) / 2);
    --wrap-y-spacing: calc(var(--chakra-wrap-y-spacing) / 2);
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    list-style-type: none;
    padding: 0px;
    margin: calc(var(--wrap-y-spacing) * -1) calc(var(--wrap-x-spacing) * -1);
}

@media screen and (min-width: 48em) {
    .css-tdz494 {
        --chakra-wrap-x-spacing: var(--chakra-space-10);
        --chakra-wrap-y-spacing: var(--chakra-space-10);
    }
}

.css-tdz494 > :not(style) {
    margin: var(--wrap-y-spacing) var(--wrap-x-spacing);
}

.css-edzrci {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    width: 150px;
    height: 150px;
    background: var(--chakra-colors-primary-light);
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-whiteAlpha-600);
    color: var(--chakra-colors-white);
}

@media screen and (min-width: 48em) {
    .css-edzrci {
        width: var(--chakra-sizes-40);
        height: var(--chakra-sizes-40);
    }
}

.css-edzrci:hover,
.css-edzrci[data-hover] {
    background: var(--chakra-colors-primary-main);
    color: var(--chakra-colors-white);
}

.css-tzjkyo {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.css-tzjkyo > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-2);
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-tzjkyo > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-4);
    }
}

.css-17fvgla {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    width: 40px;
}

.css-17fvgla > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-17fvgla {
        width: var(--chakra-sizes-14);
    }
}

.css-f8tw92 {
    font-size: 12px;
    text-align: center;
    margin-top: 30px !important;
}

@media screen and (min-width: 48em) {
    .css-f8tw92 {
        font-size: initial;
        text-align: initial;
        margin-top: initial;
    }
}

.css-wyh2ze {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-thin);
    font-size: 30px;
    line-height: 1.33;
    text-align: center;
    text-transform: uppercase;
    background: var(--chakra-colors-white);
    color: var(--chakra-colors-primary-main);
    padding-right: ;
    padding-bottom: ;
    padding-left: ;
    padding-top: var(--chakra-space-16);
}

@media screen and (min-width: 48em) {
    .css-wyh2ze {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
        background: var(--chakra-colors-primary-light);
        color: var(--chakra-colors-white);
    }
}

.css-18fgrbp {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.css-18fgrbp > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-18fgrbp {
        height: 600px;
    }
}

.css-g8ocfw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background: var(--chakra-colors-white);
    flex: 1 1 0%;
    padding-bottom: 15px;
}

.css-g8ocfw > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-g8ocfw > :not(style) ~ :not(style) {
        margin-inline-start: var(--chakra-space-20);
    }
}

@media screen and (min-width: 48em) {
    .css-g8ocfw {
        flex-direction: row;
        background: var(--chakra-colors-primary-light);
        padding-bottom: 0px;
    }
}

.css-13jvj27 {
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-out);
    cursor: pointer;
    text-decoration: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
}

.css-13jvj27:hover,
.css-13jvj27[data-hover] {
    text-decoration: none;
}

.css-13jvj27:focus-visible,
.css-13jvj27[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1ia653e {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 250px;
    text-align: center;
    padding: var(--chakra-space-4);
    border-radius: var(--chakra-radii-lg);
    transition: 0.2s ease-out;
    cursor: pointer;
}

.css-1ia653e > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-2);
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-1ia653e:hover,
.css-1ia653e[data-hover] {
    background: var(--chakra-colors-primary-main);
    color: var(--chakra-colors-white);
}

.css-7pwef3 {
    color: var(--chakra-colors-primary-light);
    font-weight: var(--chakra-fontWeights-bold);
    text-transform: uppercase;
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.7rem;
}

@media screen and (min-width: 48em) {
    .css-7pwef3 {
        color: var(--chakra-colors-white);
        font-size: var(--chakra-fontSizes-3xl);
    }
}

.css-1jq1h0g {
    font-weight: var(--chakra-fontWeights-thin);
    opacity: 1;
    line-height: 20px;
}

.css-wc89ew {
    align-self: center;
    width: 100%;
    max-width: 500px;
    height: var(--chakra-sizes-full);
}

.css-15fuw94 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    background: var(--chakra-colors-white);
    padding-bottom: 0px;
    flex: 1 1 0%;
    padding-top: 15px;
}

.css-15fuw94 > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-15fuw94 > :not(style) ~ :not(style) {
        margin-inline-start: var(--chakra-space-20);
    }
}

@media screen and (min-width: 48em) {
    .css-15fuw94 {
        flex-direction: row;
        padding-bottom: var(--chakra-space-8);
        padding-top: 0px;
    }
}

.css-1lxnht9 {
    display: flex;
    flex-direction: column;
    align-self: center;
    color: var(--chakra-colors-black);
    width: 250px;
    text-align: center;
    padding: var(--chakra-space-4);
    border-radius: var(--chakra-radii-lg);
    transition: 0.2s ease-out;
    cursor: pointer;
}

.css-1lxnht9 > :not(style) ~ :not(style) {
    margin-top: var(--chakra-space-2);
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-1lxnht9:hover,
.css-1lxnht9[data-hover] {
    background: var(--chakra-colors-primary-main);
    color: var(--chakra-colors-white);
}

.css-w69vsn {
    font-weight: var(--chakra-fontWeights-bold);
    text-transform: uppercase;
    color: var(--chakra-colors-primary-light);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.7rem;
}

@media screen and (min-width: 48em) {
    .css-w69vsn {
        font-size: var(--chakra-fontSizes-3xl);
    }
}

.css-h0qjj5 {
    font-weight: var(--chakra-fontWeights-thin);
    line-height: 20px;
}

.css-bnkyan {
    position: initial;
    top: 50%;
    left: 0px;
    width: 100%;
    transform: none;
    transition: 0.5s ease-in-out;
}

@media screen and (min-width: 48em) {
    .css-bnkyan {
        position: absolute;
        left: 50%;
        width: 450px;
        transform: translate(-50%, -45%) scale(1.1);
    }
}

.css-jbxdke {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: row;
    padding-top: var(--chakra-space-4);
}

.css-jbxdke > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-jbxdke {
        padding-top: var(--chakra-space-10);
    }
}

.css-e6xaps {
    height: 45px;
}

@media screen and (min-width: 48em) {
    .css-e6xaps {
        height: 60px;
    }
}

.css-10klw3m {
    height: 100%;
}

.css-nw1f4p {
    margin-top: var(--chakra-space-16);
    position: relative;
}

@media screen and (min-width: 48em) {
    .css-nw1f4p {
        margin-top: var(--chakra-space-24);
    }
}

.css-1w1hr4k {
    background: var(--chakra-colors-black);
    padding-top: ;
    padding-right: ;
    padding-left: ;
    padding-bottom: var(--chakra-space-12);
}

@media screen and (min-width: 48em) {
    .css-1w1hr4k {
        padding-top: ;
        padding-right: ;
        padding-left: ;
        padding-bottom: var(--chakra-space-20);
    }
}

.css-cudyk8 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    margin-top: var(--chakra-space-4);
}

.css-cudyk8 > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-cudyk8 {
        margin-top: var(--chakra-space-12);
    }
}

.css-165ujyv {
    max-width: 80%;
    margin-top: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-4);
}

.css-1ismwey {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-5xl);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
}

.css-1ismwey > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1ismwey {
        padding-top: var(--chakra-space-10);
        padding-bottom: var(--chakra-space-10);
    }
}

.css-1dih8p6 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column-reverse;
    --chakra-space-y-reverse: 1;
    --chakra-divide-y-reverse: 1;
}

@media screen and (min-width: 48em) {
    .css-1dih8p6 {
        flex-direction: row;
    }
}

.css-owjkmg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
}

.css-owjkmg > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

.css-moso57 {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-full);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-6);
    min-width: var(--chakra-sizes-6);
    font-size: var(--chakra-fontSizes-xs);
    padding-inline-start: var(--chakra-space-2);
    padding-inline-end: var(--chakra-space-2);
    background: var(--chakra-colors-primary-main);
    padding: 0px;
    color: var(--chakra-colors-white);
}

.css-moso57:focus-visible,
.css-moso57[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-moso57:disabled,
.css-moso57[disabled],
.css-moso57[aria-disabled="true"],
.css-moso57[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-moso57:hover,
.css-moso57[data-hover] {
    background: var(--chakra-colors-primary-light);
}

.css-moso57:active,
.css-moso57[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-i6s5mh {
    border-width: 0px;
    align-self: stretch;
    border-color: #e2e8f0;
    width: auto;
    height: auto;
}

.css-i6s5mh {
    margin-top: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-4);
    margin-inline: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}

@media screen and (min-width: 48em) {
    .css-i6s5mh {
        margin-top: var(--chakra-space-24);
        margin-bottom: var(--chakra-space-24);
    }
}

@media screen and (min-width: 48em) {
    .css-i6s5mh {
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
        margin-top: 0px;
        margin-bottom: 0px;
        border-left-width: 1px;
        border-bottom-width: 0px;
    }

    @media screen and (min-width: 48em) {
        .css-i6s5mh {
            margin-inline-start: var(--chakra-space-24);
            margin-inline-end: var(--chakra-space-24);
        }
    }
}

.css-plpqbl {
    background: var(--chakra-colors-black);
    align-self: stretch;
    padding: var(--chakra-space-2);
}

.css-ejj9jd {
    color: var(--chakra-colors-whiteAlpha-700);
    text-align: center;
    font-weight: 100;
}

.css-ulta4s {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    min-height: 80px;
    height: var(--chakra-sizes-full);
    padding-top: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-3);
}

@media screen and (min-width: 62em) {
    .css-ulta4s {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

.css-crd4yf {
    border-width: 0px;
    align-self: stretch;
    border-color: #e2e8f0;
    width: auto;
    height: auto;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-inline: 0px;
    border-inline-start-width: 0px;
    border-bottom-width: 1px;
}

@media screen and (min-width: 62em) {
    .css-crd4yf {
        margin-inline: 0.5rem;
        margin-top: 0px;
        margin-bottom: 0px;
        border-inline-start-width: 1px;
        border-bottom-width: 0px;
    }
}

.css-xytt2u {
    display: flex;
    -webkit-box-pack: initial;
    justify-content: initial;
    flex-direction: column;
    border-inline-start: 0px;
    border-top-color: inherit;
    height: 100px;
    width: 100%;
    overflow: auto;
    padding: var(--chakra-space-1);
    align-self: center;
    border-left-color: var(--chakra-colors-primary-light);
    border-right-width: 0px;
    border-right-color: var(--chakra-colors-primary-light);
    padding-inline: 40px;
    border-bottom: 10px rgb(0, 118, 165);
    scroll-behavior: smooth;
}

@media screen and (min-width: 48em) {
    .css-xytt2u {
        -webkit-box-pack: center;
        justify-content: center;
        padding: var(--chakra-space-2);
        border-right-width: 10px;
        height: 100%;
        padding-inline: initial;
        border-bottom: 2px initial;
    }
}

.css-1u1kuyd {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    border-inline-start: 2px solid;
    border-color: var(--chakra-colors-transparent);
    margin-inline-start: -2px;
    color: var(--chakra-colors-white);
    background: var(--tabs-bg);
    white-space: nowrap;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-bold);
}

.css-1u1kuyd:focus-visible,
.css-1u1kuyd[data-focus-visible] {
    z-index: 1;
    box-shadow: var(--chakra-shadows-outline);
}

.css-1u1kuyd:disabled,
.css-1u1kuyd[disabled],
.css-1u1kuyd[aria-disabled="true"],
.css-1u1kuyd[data-disabled] {
    cursor: not-allowed;
    opacity: 0.4;
}

.css-1u1kuyd:disabled:active,
.css-1u1kuyd[disabled]:active,
.css-1u1kuyd[aria-disabled="true"]:active,
.css-1u1kuyd[data-disabled]:active,
.css-1u1kuyd:disabled[data-active],
.css-1u1kuyd[disabled][data-active],
.css-1u1kuyd[aria-disabled="true"][data-active],
.css-1u1kuyd[data-disabled][data-active] {
    background: none;
}

@media screen and (min-width: 48em) {
    .css-1u1kuyd {
        margin-top: var(--chakra-space-2);
    }
}

.css-1u1kuyd[aria-selected="true"],
.css-1u1kuyd[data-selected] {
    color: rgb(0, 118, 165);
}

.css-r6kt9i {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    background: var(--chakra-colors-white);
    position: relative;
    padding-bottom: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
}

.css-r6kt9i > :not(style) ~ :not(style) {
    margin-top: 0.5rem;
    margin-inline: 0px;
    margin-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-r6kt9i {
        padding-bottom: var(--chakra-space-12);
        padding-inline-start: var(--chakra-space-8);
        padding-inline-end: var(--chakra-space-8);
    }
}

.css-1o8ulzw {
    text-align: center;
    color: var(--chakra-colors-primary-main);
    text-transform: uppercase;
    z-index: 1;
    margin-top: var(--chakra-space-8);
}

@media screen and (min-width: 48em) {
    .css-1o8ulzw {
        margin-top: var(--chakra-space-24);
    }
}

.css-1o2tyxy {
    background: rgb(245, 251, 253);
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0px;
    top: 0px;
}

.css-xl6crz {
    width: 100%;
    margin-inline: auto;
    max-width: var(--chakra-sizes-8xl);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-black);
    padding-top: ;
    padding-right: ;
    padding-left: ;
    border-radius: 1rem;
    z-index: 1;
    min-height: 420px;
    padding-bottom: 25px;
}

@media screen and (min-width: 48em) {
    .css-xl6crz {
        padding: var(--chakra-space-8);
        border-radius: 2rem;
        min-height: initial;
    }
}

.css-q7fd7 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    overflow-x: auto;
    min-width: 100%;
}

.css-q7fd7 > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0px;
    margin-inline-start: var(--chakra-space-4);
}

@media screen and (min-width: 48em) {
    .css-q7fd7 {
        min-width: var(--chakra-sizes-sm);
    }
}

.css-1onnxq1 {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 0px;
    font-weight: var(--chakra-fontWeights-light);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: initial;
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-transparent);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-black);
    color: var(--chakra-colors-primary-main);
    margin-inline-start: var(--chakra-space-2);
    margin-inline-end: var(--chakra-space-2);
}

.css-1onnxq1:focus-visible,
.css-1onnxq1[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1onnxq1:disabled,
.css-1onnxq1[disabled],
.css-1onnxq1[aria-disabled="true"],
.css-1onnxq1[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1onnxq1:hover,
.css-1onnxq1[data-hover] {
    background: var(--chakra-colors-gray-900);
}

@media screen and (min-width: 48em) {
    .css-1onnxq1 {
        font-size: var(--chakra-fontSizes-xl);
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
    }
}

.css-1onnxq1:active,
.css-1onnxq1[data-active] {
    border-color: var(--chakra-colors-primary-main);
}

.css-1i9drmh {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 0px;
    font-weight: var(--chakra-fontWeights-light);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: initial;
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-transparent);
    margin-inline-start: var(--chakra-space-2);
    margin-inline-end: var(--chakra-space-2);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-black);
    color: var(--chakra-colors-white);
}

.css-1i9drmh:focus-visible,
.css-1i9drmh[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1i9drmh:disabled,
.css-1i9drmh[disabled],
.css-1i9drmh[aria-disabled="true"],
.css-1i9drmh[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1i9drmh:hover,
.css-1i9drmh[data-hover] {
    background: var(--chakra-colors-gray-900);
}

@media screen and (min-width: 48em) {
    .css-1i9drmh {
        font-size: var(--chakra-fontSizes-xl);
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
    }
}

.css-1i9drmh:active,
.css-1i9drmh[data-active] {
    border-color: var(--chakra-colors-primary-main);
}

.css-e4ve2v {
    padding: 40px 40px 0px;
    position: relative;
}

@media screen and (min-width: 48em) {
    .css-e4ve2v {
        padding: var(--chakra-space-12);
    }
}

.css-1hhas71 {
    color: var(--chakra-colors-white);
    z-index: 2;
    margin-top: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-4);
    text-align: center;
}

@media screen and (min-width: 48em) {
    .css-1hhas71 {
        margin-top: var(--chakra-space-8);
        margin-bottom: var(--chakra-space-8);
    }
}

.css-1c8c51m {
    font-size: var(--chakra-fontSizes-lg);
    font-weight: var(--chakra-fontWeights-medium);
}

@media screen and (min-width: 48em) {
    .css-1c8c51m {
        font-size: var(--chakra-fontSizes-xl);
    }
}

.css-14a8yup {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
}

@media screen and (min-width: 48em) {
    .css-14a8yup {
        padding-top: var(--chakra-space-6);
        padding-bottom: var(--chakra-space-6);
    }
}

.css-1l7vfkh {
    width: var(--chakra-sizes-full);
    background: var(--chakra-colors-black);
    overflow: hidden;
}

.css-11dahin {
    background: var(--chakra-colors-white);
    margin-bottom: var(--chakra-space-2);
}

@media screen and (min-width: 48em) {
    .css-11dahin {
        margin-bottom: var(--chakra-space-4);
    }
}

.css-1ekmhiq {
    object-fit: cover;
    width: var(--chakra-sizes-full);
    height: var(--chakra-sizes-full);
}

.css-1oeb4ru {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
}

.css-1oeb4ru > :not(style) ~ :not(style) {
    margin-top: 0px;
    margin-inline: 0.5rem 0px;
    margin-bottom: 0px;
}

.css-1d090rp {
    color: var(--chakra-colors-white);
    text-transform: uppercase;
    font-weight: 100;
    font-size: var(--chakra-fontSizes-xs);
    letter-spacing: 1.1px;
    opacity: 0.7;
}

@media screen and (min-width: 48em) {
    .css-1d090rp {
        font-size: var(--chakra-fontSizes-sm);
    }
}

.css-12qc7eh {
    font-family: var(--chakra-fonts-body);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-xl);
    line-height: 1.33;
    color: var(--chakra-colors-white);
}

@media screen and (min-width: 48em) {
    .css-12qc7eh {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

.css-17ez2vz {
    color: var(--chakra-colors-white);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 3;
}

@font-face {
    font-family: "HelveticaNeueLT";
    src: url("../fonts/HelveticaNeueLTArabic-Roman.woff2") format("woff2"),
        url("../fonts/HelveticaNeueLTArabic-Roman.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root,
[data-theme] {
    --chakra-fonts-heading: "HelveticaNeueLT";
    --chakra-fonts-body: "HelveticaNeueLT";
}

html,
body {
    font-family: "HelveticaNeueLT", Arial, sans-serif;
}

/* Live Arabic responsive media overrides copied from https://www.alrayan.com/. */

@media screen and (max-width: 767px) {
    .bank-top {
        color: rgb(255, 255, 255);
    }

    .bank-top .descript-text {
        color: rgb(0, 0, 0);
    }

    .slider-image {
        max-width: 100%;
        display: block;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: auto !important;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 30px !important;
    }

    .half-circle-bottom,
    .half-circle-top {
        display: none;
    }
}

@media screen and (max-width: 500px) {

    .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px !important;
    }
}

@media screen and (max-width: 767px) {

    .kt-swiper-container .swiper-button-prev,
    .kt-swiper-container .swiper-button-next {
        width: 28px;
        height: 28px;
    }

    .kt-swiper-container .swiper-button-prev::after,
    .kt-swiper-container .swiper-button-next::after {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 48em) {
    .css-69ldc9 {
        height: auto;
        margin-top: initial;
        margin-bottom: initial;
        bottom: 15%;
        margin-right: 50px;
        margin-left: 50px;
    }
}

@media screen and (min-width: 48em) {
    .css-1udx4zm {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-1cmbg8i {
        font-size: var(--chakra-fontSizes-xl);
    }
}

@media screen and (min-width: 62em) {
    .css-9boint {
        display: block;
    }
}

@media screen and (min-width: 62em) {
    .css-1ki3mk8 {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .css-11n17yr {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: var(--chakra-space-12);
        padding-bottom: var(--chakra-space-6);
    }
}

@media screen and (min-width: 48em) {
    .css-1uxtpqq {
        margin-bottom: var(--chakra-space-8);
    }
}

@media screen and (min-width: 48em) {
    .css-kl68ht {
        font-size: 38px;
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-24j2cx {
        display: grid;
    }
}

@media screen and (min-width: 48em) {
    .css-rrakde {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .css-1kpvz99 {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .css-szsov2 {
        min-height: calc(-200px + 100vh);
    }
}

@media screen and (min-width: 48em) {
    .css-91yg33 {
        bottom: 80px;
        padding-top: initial;
        padding-bottom: initial;
        right: 20px;
        width: 300px;
        padding-inline: initial;
    }
}

@media screen and (min-width: 62em) {
    .css-91yg33 {
        width: 500px;
    }
}

@media screen and (min-width: 48em) {
    .css-1tilnue {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-bcyxqs {
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-ibv0vr {
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-1ezsqat {
        margin-bottom: var(--chakra-space-24);
    }
}

@media screen and (min-width: 48em) {
    .css-1cg37tb {
        display: none;
    }
}

@media screen and (min-width: 48em) {
    .css-1k8atvj {
        bottom: -15px;
    }
}

@media screen and (min-width: 48em) {
    .css-r40r22 {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-1em9ttu {
        display: grid;
        gap: var(--chakra-space-20);
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 62em) {
    .css-1em9ttu {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 48em) {
    .css-3svi7d > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-16);
    }
}

@media screen and (min-width: 48em) {
    .css-iu6wvg {
        padding-top: var(--chakra-space-16);
        padding-bottom: var(--chakra-space-16);
    }
}

@media screen and (min-width: 48em) {
    .css-19pzwhb {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 48em) {
    .css-p94hn7 {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-a40s4x {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-tdz494 {
        --chakra-wrap-x-spacing: var(--chakra-space-10);
        --chakra-wrap-y-spacing: var(--chakra-space-10);
    }
}

@media screen and (min-width: 48em) {
    .css-edzrci {
        width: var(--chakra-sizes-40);
        height: var(--chakra-sizes-40);
    }
}

@media screen and (min-width: 48em) {
    .css-tzjkyo > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-4);
    }
}

@media screen and (min-width: 48em) {
    .css-17fvgla {
        width: var(--chakra-sizes-14);
    }
}

@media screen and (min-width: 48em) {
    .css-f8tw92 {
        font-size: initial;
        text-align: initial;
        margin-top: initial;
    }
}

@media screen and (min-width: 48em) {
    .css-wyh2ze {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
        background: var(--chakra-colors-primary-light);
        color: var(--chakra-colors-white);
    }
}

@media screen and (min-width: 48em) {
    .css-18fgrbp {
        height: 600px;
    }
}

@media screen and (min-width: 48em) {
    .css-g8ocfw > :not(style) ~ :not(style) {
        margin-inline-start: var(--chakra-space-20);
    }
}

@media screen and (min-width: 48em) {
    .css-g8ocfw {
        flex-direction: row;
        background: var(--chakra-colors-primary-light);
        padding-bottom: 0px;
    }
}

@media screen and (min-width: 48em) {
    .css-7pwef3 {
        color: var(--chakra-colors-white);
        font-size: var(--chakra-fontSizes-3xl);
    }
}

@media screen and (min-width: 48em) {
    .css-15fuw94 > :not(style) ~ :not(style) {
        margin-inline-start: var(--chakra-space-20);
    }
}

@media screen and (min-width: 48em) {
    .css-15fuw94 {
        flex-direction: row;
        padding-bottom: var(--chakra-space-8);
        padding-top: 0px;
    }
}

@media screen and (min-width: 48em) {
    .css-w69vsn {
        font-size: var(--chakra-fontSizes-3xl);
    }
}

@media screen and (min-width: 48em) {
    .css-bnkyan {
        position: absolute;
        left: 50%;
        width: 450px;
        transform: translate(-50%, -45%) scale(1.1);
    }
}

@media screen and (min-width: 48em) {
    .css-jbxdke {
        padding-top: var(--chakra-space-10);
    }
}

@media screen and (min-width: 48em) {
    .css-e6xaps {
        height: 60px;
    }
}

@media screen and (min-width: 48em) {
    .css-nw1f4p {
        margin-top: var(--chakra-space-24);
    }
}

@media screen and (min-width: 48em) {
    .css-1w1hr4k {
        padding-top: ;
        padding-right: ;
        padding-left: ;
        padding-bottom: var(--chakra-space-20);
    }
}

@media screen and (min-width: 48em) {
    .css-cudyk8 {
        margin-top: var(--chakra-space-12);
    }
}

@media screen and (min-width: 48em) {
    .css-1ismwey {
        padding-top: var(--chakra-space-10);
        padding-bottom: var(--chakra-space-10);
    }
}

@media screen and (min-width: 48em) {
    .css-1dih8p6 {
        flex-direction: row;
    }
}

@media screen and (min-width: 48em) {
    .css-i6s5mh {
        margin-top: var(--chakra-space-24);
        margin-bottom: var(--chakra-space-24);
    }
}

@media screen and (min-width: 48em) {
    .css-i6s5mh {
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
        margin-top: 0px;
        margin-bottom: 0px;
        border-left-width: 1px;
        border-bottom-width: 0px;
    }

    @media screen and (min-width: 48em) {
        .css-i6s5mh {
            margin-inline-start: var(--chakra-space-24);
            margin-inline-end: var(--chakra-space-24);
        }
    }
}

@media screen and (min-width: 62em) {
    .css-ulta4s {
        align-items: center;
        flex-direction: row;
    }
}

@media screen and (min-width: 48em) {
    .css-xytt2u {
        justify-content: center;
        padding: var(--chakra-space-2);
        border-left-width: 10px;
        height: 100%;
        padding-inline: initial;
        border-bottom: 2px initial;
    }
}

@media screen and (min-width: 48em) {
    .css-1u1kuyd {
        margin-top: var(--chakra-space-2);
    }
}

@media screen and (min-width: 48em) {
    .css-1geb5gw {
        background-position: right center;
        min-height: calc(-200px + 100vh);
    }
}

@media screen and (min-width: 48em) {
    .css-89j7h2 {
        max-width: 90%;
    }
}

@media screen and (min-width: 48em) {
    .css-1ua1j2a {
        grid-template-columns: 0.5fr 1fr 0.5fr;
    }
}

@media screen and (min-width: 48em) {
    .css-rylzsq {
        display: inline-block;
    }
}

@media screen and (min-width: 48em) {
    .css-jljmlh {
        background: var(--chakra-colors-whiteAlpha-800);
        backdrop-filter: blur(20px);
    }
}

@media screen and (min-width: 48em) {
    .css-k3zjqm {
        display: block;
    }
}

@media screen and (min-width: 48em) {
    .css-18cg8jm {
        top: 15px;
        right: 15px;
    }
}

@media screen and (min-width: 62em) {
    .css-1o8twas {
        width: 100%;
        margin: initial;
    }
}

@media screen and (min-width: 62em) {
    .css-5dv9zi {
        grid-template-columns: 1fr 1fr;
        align-self: stretch;
    }
}

@media screen and (min-width: 62em) {
    .css-1ms8ah1 {
        padding: var(--chakra-space-16);
    }
}

@media screen and (min-width: 48em) {
    .css-1wwf8hs {
        padding-inline-start: var(--chakra-space-4);
        padding: initial;
    }
}

@media screen and (min-width: 48em) {
    .css-kmsf9f {
        font-size: var(--chakra-fontSizes-3xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 62em) {
    .css-mtviy4 {
        display: inline-block;
    }
}

@media screen and (min-width: 48em) {
    .css-o5tu8w {
        display: none;
    }
}

@media screen and (min-width: 62em) {
    .css-qzdmqc > :not(style) ~ :not(style) {
        margin-top: var(--chakra-space-28);
    }
}

@media screen and (min-width: 48em) {
    .css-qzdmqc {
        flex-direction: row;
        padding-bottom: initial;
        align-self: stretch;
    }

    .css-qzdmqc > :not(style) ~ :not(style) {
        margin-top: 0px;
        margin-inline-end: 0px;
        margin-bottom: 0px;
        margin-inline-start: var(--chakra-space-1);
    }

    @media screen and (min-width: 62em) {
        .css-qzdmqc > :not(style) ~ :not(style) {
            margin-inline-start: var(--chakra-space-28);
        }
    }
}

@media screen and (min-width: 48em) {
    .css-1dpgxc3 {
        margin: 110px 20px 20px;
        border-radius: var(--chakra-radii-xl);
        box-shadow: var(--chakra-shadows-xl);
        height: initial;
        overflow: initial;
    }
}

@media screen and (min-width: 48em) {
    .css-r6kt9i {
        padding-bottom: var(--chakra-space-12);
        padding-inline-start: var(--chakra-space-8);
        padding-inline-end: var(--chakra-space-8);
    }
}

@media screen and (min-width: 48em) {
    .css-1o8ulzw {
        margin-top: var(--chakra-space-24);
    }
}

@media screen and (min-width: 48em) {
    .css-xl6crz {
        padding: var(--chakra-space-8);
        border-radius: 2rem;
        min-height: initial;
    }
}

@media screen and (min-width: 48em) {
    .css-q7fd7 {
        min-width: var(--chakra-sizes-sm);
    }
}

@media screen and (min-width: 48em) {
    .css-1onnxq1 {
        font-size: var(--chakra-fontSizes-xl);
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
    }
}

@media screen and (min-width: 48em) {
    .css-1i9drmh {
        font-size: var(--chakra-fontSizes-xl);
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
    }
}

@media screen and (min-width: 48em) {
    .css-e4ve2v {
        padding: var(--chakra-space-12);
    }
}

@media screen and (min-width: 48em) {
    .css-1hhas71 {
        margin-top: var(--chakra-space-8);
        margin-bottom: var(--chakra-space-8);
    }
}

@media screen and (min-width: 48em) {
    .css-1c8c51m {
        font-size: var(--chakra-fontSizes-xl);
    }
}

@media screen and (min-width: 48em) {
    .css-14a8yup {
        padding-top: var(--chakra-space-6);
        padding-bottom: var(--chakra-space-6);
    }
}

@media screen and (min-width: 48em) {
    .css-11dahin {
        margin-bottom: var(--chakra-space-4);
    }
}

@media screen and (min-width: 48em) {
    .css-1d090rp {
        font-size: var(--chakra-fontSizes-sm);
    }
}

@media screen and (min-width: 48em) {
    .css-12qc7eh {
        font-size: var(--chakra-fontSizes-2xl);
        line-height: 1.2;
    }
}

@media screen and (min-width: 48em) {
    .css-xytt2u {
        justify-content: center;
        padding: var(--chakra-space-2);
        border-left-width: 10px;
        border-right-width: 0px;
        height: 100%;
        padding-inline: initial;
        border-bottom-width: 2px;
        border-bottom-style: none;
        border-bottom-color: initial;
    }
}

/* Live Arabic mobile/base class overrides copied from https://www.alrayan.com/. */
.css-i6s5mh {
    border-width: 0px;
    align-self: stretch;
    border-color: #e2e8f0;
    width: auto;
    height: auto;
}

@media screen and (min-width: 48em) {
    .css-i6s5mh {
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);
        margin-top: 0px;
        margin-bottom: 0px;
        border-left-width: 1px;
        border-bottom-width: 0px;
    }
}

.css-g3j33s {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: var(--chakra-sizes-full);
}

.css-1xfoxas {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-12);
    min-width: var(--chakra-sizes-12);
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding: 0px;
}

.css-65r3ic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: 100%;
}

.css-1pnf596 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    height: var(--chakra-sizes-full);
}

.css-lai2oo {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-full);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-white);
    padding: var(--chakra-space-2);
    color: var(--chakra-colors-black);
}

.css-2gz105 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: 0.3s;
    transform: translateX(10px);
    opacity: 0;
    flex: 1 1 0%;
}

.css-1qmoumi {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: 600;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: inherit;
    text-transform: uppercase;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: #e2e8f0;
    color: inherit;
    cursor: pointer;
}

.css-1p030cx {
    text-decoration: none;
    color: inherit;
    user-select: none;
    display: flex;
    width: 100%;
    align-items: center;
    text-align: start;
    flex: 0 0 auto;
    outline: transparent solid 2px;
    outline-offset: 2px;
    padding-top: var(--chakra-space-1-5);
    padding-bottom: var(--chakra-space-1-5);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    transition-property: var(--chakra-transition-property-background);
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
    background: var(--menu-bg);
    justify-content: space-between;
}

.css-k3zjqm {
    display: none;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    color: var(--chakra-colors-black);
    top: 50%;
    left: 5px;
    right: unset;
}

.css-k3zjqm:focus-visible,
.css-k3zjqm[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-k3zjqm:disabled,
.css-k3zjqm[disabled],
.css-k3zjqm[aria-disabled="true"],
.css-k3zjqm[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-k3zjqm:active,
.css-k3zjqm[data-active] {
    background: var(--chakra-colors-gray-200);
}

.css-18cg8jm {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-12);
    min-width: var(--chakra-sizes-12);
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    color: inherit;
    padding: 0px;
    top: 7px;
    right: 3px;
    z-index: 11;
}

.css-18cg8jm:focus-visible,
.css-18cg8jm[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-18cg8jm:disabled,
.css-18cg8jm[disabled],
.css-18cg8jm[aria-disabled="true"],
.css-18cg8jm[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-18cg8jm:active,
.css-18cg8jm[data-active] {
    background: var(--chakra-colors-gray-200);
}

.css-eumvyp {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-inline-start-width: 6px;
    border-inline-start-style: solid;
    border-inline-start-color: var(--chakra-colors-primary-light);
    padding-inline-start: var(--chakra-space-4);
}

.css-1flijzq {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background-color: rgb(6, 177, 214);
    color: var(--chakra-colors-white);
    gap: 5px;
}

.css-11pdqhs {
    left: 0px;
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    pointer-events: none;
}

.css-42ur0b {
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-10);
    padding-inline-end: var(--chakra-space-4);
    height: var(--chakra-sizes-10);
    border-radius: var(--chakra-radii-full);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-primary-main);
    background: inherit;
    padding: 0px 20px 0px 40px;
}

.css-42ur0b:disabled,
.css-42ur0b[disabled],
.css-42ur0b[aria-disabled="true"],
.css-42ur0b[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.css-42ur0b[aria-readonly="true"],
.css-42ur0b[readonly],
.css-42ur0b[data-readonly] {
    box-shadow: var(--chakra-shadows-none) !important;
    user-select: all;
}

.css-42ur0b[aria-invalid="true"],
.css-42ur0b[data-invalid] {
    border-color: rgb(229, 62, 62);
    box-shadow: rgb(229, 62, 62) 0px 0px 0px 1px;
}

.css-42ur0b:focus-visible,
.css-42ur0b[data-focus-visible] {
    box-shadow: var(--chakra-shadows-none);
}

@media screen and (min-width: 48em) {
    .css-qzdmqc {
        flex-direction: row;
        padding-bottom: initial;
        align-self: stretch;
    }
}

@media screen and (min-width: 48em) {
    .css-qzdmqc > :not(style) ~ :not(style) {
        margin-top: 0px;
        margin-inline-end: 0px;
        margin-bottom: 0px;
        margin-inline-start: var(--chakra-space-1);
    }
}

.css-1cq9us3 {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: absolute;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-semibold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-white);
    padding: 0px;
    color: var(--chakra-colors-primary-main);
    top: var(--chakra-space-2);
    right: var(--chakra-space-2);
}

.css-1cq9us3:focus-visible,
.css-1cq9us3[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1cq9us3:disabled,
.css-1cq9us3[disabled],
.css-1cq9us3[aria-disabled="true"],
.css-1cq9us3[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1cq9us3:hover,
.css-1cq9us3[data-hover] {
    background: var(--chakra-colors-blackAlpha-50);
}

.css-1cq9us3:active,
.css-1cq9us3[data-active] {
    background: var(--chakra-colors-gray-300);
}

.css-mkpykx {
    left: 0px;
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-md);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    pointer-events: none;
    color: red;
}

.css-1rv4d35 {
    width: 100%;
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    font-size: var(--chakra-fontSizes-xl);
    padding-inline-start: var(--chakra-space-10);
    padding-inline-end: 0px;
    height: auto;
    border-radius: 0px;
    background: var(--chakra-colors-transparent);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-default-link);
    padding-bottom: var(--chakra-space-2);
}

.css-1rv4d35:disabled,
.css-1rv4d35[disabled],
.css-1rv4d35[aria-disabled="true"],
.css-1rv4d35[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.css-1rv4d35:focus,
.css-1rv4d35[data-focus] {
    border-color: var(--chakra-colors-primary-main);
}

.css-r6kt9i {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: var(--chakra-colors-white);
    position: relative;
    padding-bottom: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
}

.css-1o2tyxy {
    background: rgb(245, 251, 253);
    position: absolute;
    width: 100%;
    height: 80%;
    right: 0px;
    top: 0px;
}

.css-q7fd7 {
    display: flex;
    align-items: center;
    flex-direction: row;
    overflow-x: auto;
    min-width: 100%;
}

.css-1onnxq1 {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 0px;
    font-weight: var(--chakra-fontWeights-light);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: initial;
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-transparent);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-black);
    color: var(--chakra-colors-primary-main);
    margin-inline-start: var(--chakra-space-2);
    margin-inline-end: var(--chakra-space-2);
}

.css-1i9drmh {
    display: inline-flex;
    appearance: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 0px;
    font-weight: var(--chakra-fontWeights-light);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-10);
    min-width: initial;
    font-size: var(--chakra-fontSizes-lg);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    background: var(--chakra-colors-transparent);
    margin-inline-start: var(--chakra-space-2);
    margin-inline-end: var(--chakra-space-2);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-color: var(--chakra-colors-black);
    color: var(--chakra-colors-white);
}

.css-14a8yup {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
}

.css-1oeb4ru {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

/* Mobile overflow guard for the static copy. The captured HTML keeps Swiper inline
   desktop widths/transforms, so mobile needs hard viewport caps. */
@media screen and (max-width: 47.99em) {



    html,
    body,
    #__next {
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    main,
    header,
    section,
    footer,
    .chakra-container,
    .chakra-stack,
    .chakra-tabs,
    .chakra-tabs__tablist,
    .chakra-tabs__tab-panels,
    .chakra-tabs__tab-panel {
        max-width: 100%;
    }

    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }

    .swiper,
    .swiper-wrapper,
    .swiper-slide {
        max-width: calc(100vw - 16px) !important;
    }

    .swiper {
        width: 100% !important;
        overflow: hidden !important;
    }

    .swiper-wrapper {
        width: 100% !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .swiper-slide {
        width: 100% !important;
        margin-inline: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-shrink: 0;
    }

    .swiper-slide > *,
    .swiper-slide a,
    .swiper-slide article,
    .swiper-slide img,
    .swiper-slide video,
    .slider-image,
    .css-z7ff2d,
    .css-1diefdg,
    .css-1hhas71,
    .css-1c8c51m,
    .css-10n1vic,
    .css-14a8yup,
    .css-1l7vfkh,
    .css-11dahin,
    .css-n21gh5,
    .css-1oeb4ru,
    .css-12qc7eh,
    .css-17ez2vz {
        width: 100% !important;
        max-width: calc(100vw - 16px) !important;
    }

    .slider-image,
    .swiper-slide img,
    .swiper-slide video {
        height: auto !important;
        display: block;
    }

    .custom-tab-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden;
        padding-inline: 0 !important;
        flex-wrap: wrap;
        justify-content: center;
        transform: none !important;
    }

    .custom-tab-list .chakra-tabs__tab,
    .custom-tab-list .chakra-tabs__tab > a {
        max-width: 100% !important;
        min-width: 0;
    }

    .css-52dxnr {
        flex: 1 1 33.333%;
        width: 33.333% !important;
        max-width: 33.333% !important;
        padding-inline-start: var(--chakra-space-2);
        padding-inline-end: var(--chakra-space-2);
    }

    .css-52dxnr > a {
        width: 100% !important;
        max-width: 100% !important;
    }

    .custom-tab-list .chakra-text,
    .css-1u1kuyd {
        max-width: 100% !important;
        transform: none !important;
    }

    .css-xytt2u {
        padding-inline: 0 !important;
        overflow-x: hidden;
    }

    .custom-tab-list.css-ixihkq {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0;
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 20px !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        touch-action: pan-x;
    }

    .custom-tab-list.css-ixihkq::-webkit-scrollbar {
        display: none;
    }

    .custom-tab-list.css-ixihkq .chakra-tabs__tab {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        min-width: max-content;
        padding-inline-start: var(--chakra-space-4);
        padding-inline-end: var(--chakra-space-4);
        scroll-snap-align: start;
    }

    .custom-tab-list.css-ixihkq .chakra-tabs__tab:first-child {
        margin-inline-start: 28px;
    }

    .custom-tab-list.css-ixihkq .chakra-tabs__tab > a {
        width: auto !important;
        max-width: none !important;
        white-space: nowrap;
    }

    .custom-tab-list.css-ixihkq .chakra-text {
        white-space: nowrap;
        max-width: none !important;
    }

    .custom-tab-list.css-xytt2u {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 0;
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 20px !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        touch-action: pan-x;
    }

    .custom-tab-list.css-xytt2u::-webkit-scrollbar {
        display: none;
    }

    .custom-tab-list.css-xytt2u .chakra-tabs__tab {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        min-width: max-content;
        white-space: nowrap;
        padding-inline-start: var(--chakra-space-4);
        padding-inline-end: var(--chakra-space-4);
        scroll-snap-align: start;
    }

    .custom-tab-list.css-xytt2u .chakra-tabs__tab:first-child {
        margin-inline-start: 28px;
    }

    .custom-tab-list.css-xytt2u .chakra-tabs__tab > a {
        width: auto !important;
        max-width: none !important;
        white-space: nowrap;
    }

    .custom-tab-list.css-xytt2u .chakra-text {
        white-space: nowrap;
        max-width: none !important;
    }
}

/* Main hero slider runtime. This replaces stale copied Swiper inline positions. */
header .mySwiper.main-slider-ready {
    width: 100%;
    overflow: hidden;
    position: relative !important;
    user-select: none;
    touch-action: pan-y;
}

header .mySwiper.main-slider-ready .swiper-wrapper {
    display: flex !important;
    direction: ltr;
    width: 100% !important;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

header .mySwiper.main-slider-ready .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative;
    direction: rtl;
}

header .mySwiper.main-slider-ready.main-slider-dragging .swiper-wrapper {
    transition-duration: 0ms;
}

header .mySwiper.main-slider-ready .css-z7ff2d,
header .mySwiper.main-slider-ready .css-1diefdg,
header .mySwiper.main-slider-ready .slider-image,
header .mySwiper.main-slider-ready video {
    width: 100% !important;
    max-width: 100% !important;
}

header .mySwiper.main-slider-ready .slider-image,
header .mySwiper.main-slider-ready video {
    display: block;
    height: auto !important;
}

.award-page-header .award-static-hero {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 90px;
}

.award-page-header .award-static-hero img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
}

/* ============================================================
   Breadcrumb Section
   ============================================================ */
.breadcrumb-nav.jsx-879402fc4b741626 {
    z-index: 2;
    background: #f7fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
    position: relative;
}

@media (width >=768px) {
    .breadcrumb-nav.jsx-879402fc4b741626 {
        position: sticky;
        top: 120px;
    }
}

.breadcrumb-container.jsx-879402fc4b741626 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (width >=768px) {
    .breadcrumb-container.jsx-879402fc4b741626 {
        padding: 0 32px;
    }
}

.breadcrumb-list.jsx-879402fc4b741626 {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
    display: flex;
}

.breadcrumb-link.jsx-879402fc4b741626 {
    color: #0076a5;
    font-weight: 500;
    text-decoration: none;
}

.breadcrumb-link.jsx-879402fc4b741626:hover {
    text-decoration: underline;
}

.breadcrumb-current.jsx-879402fc4b741626 {
    color: #718096;
}

.breadcrumb-item.jsx-879402fc4b741626 {
    align-items: center;
    gap: 8px;
    display: flex;
}

/* ============================================================
   Main Content Section
   ============================================================ */
.css-1ilakrm {
    width: 100%;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    max-width: var(--chakra-sizes-9xl);
    -webkit-padding-start: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    -webkit-padding-end: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    margin-top: var(--chakra-space-8);
}

.css-8o10em {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-medium);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    text-align: center;
    margin-top: var(--chakra-space-4);
    margin-bottom: calc(var(--chakra-space-6) * -1);
}

@media screen and (min-width: 48em) {
    .css-8o10em {
        line-height: 1.2;
        margin-top: var(--chakra-space-16);
    }
}

.css-1wszxfc {
    font-family: var(--chakra-fonts-heading);
    font-weight: var(--chakra-fontWeights-bold);
    font-size: var(--chakra-fontSizes-2xl);
    line-height: 1.33;
    margin-bottom: var(--chakra-space-4);
    background: var(--chakra-colors-white);
    text-transform: uppercase;
    color: var(--chakra-colors-primary-main);
    text-align: center;
    padding-top: var(--chakra-space-6);
    padding-bottom: 0px;
}

@media screen and (min-width: 48em) {
    .css-1wszxfc {
        font-size: var(--chakra-fontSizes-5xl);
        line-height: 1.2;
        margin-bottom: var(--chakra-space-12);
        padding-bottom: var(--chakra-space-6);
    }
}

.menubar-container.css-11y4rwd,
.css-11y4rwd {
    position: relative;
    -webkit-padding-start: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    -webkit-padding-end: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-4);
    border-block: 1px solid;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    border-color: var(--chakra-colors-default-main);
}

@media screen and (min-width: 48em) {

    .menubar-container.css-11y4rwd,
    .css-11y4rwd {
        -webkit-padding-start: var(--chakra-space-10);
        padding-inline-start: var(--chakra-space-10);
        -webkit-padding-end: var(--chakra-space-10);
        padding-inline-end: var(--chakra-space-10);
        margin-bottom: var(--chakra-space-16);
    }
}

.css-1ltcpma {
    display: -webkit-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    white-space: normal;
    vertical-align: middle;
    outline: 2px solid transparent;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 3px;
    font-weight: var(--chakra-fontWeights-medium);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: auto;
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-lg);
    -webkit-padding-start: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    -webkit-padding-end: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    border-bottom: 3px solid;
    border-color: var(--chakra-colors-white);
    color: inherit;
    padding-block: 1rem;
    width: var(--chakra-sizes-full);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 3;
}

@media screen and (min-width: 48em) {
    .css-1ltcpma {
        font-size: var(--chakra-fontSizes-xl);
    }
}

.css-1yptefd {
    display: -webkit-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    white-space: normal;
    vertical-align: middle;
    outline: 2px solid transparent;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: 3px;
    font-weight: var(--chakra-fontWeights-bold);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: auto;
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-fontSizes-lg);
    -webkit-padding-start: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    -webkit-padding-end: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    border-bottom: 3px solid;
    border-color: var(--chakra-colors-primary-main);
    color: var(--chakra-colors-black);
    padding-block: 1rem;
    width: var(--chakra-sizes-full);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 3;
}

@media screen and (min-width: 48em) {
    .css-1yptefd {
        font-size: var(--chakra-fontSizes-xl);
    }
}

.css-cj998z {
    width: 100%;
    -webkit-margin-start: auto;
    margin-inline-start: auto;
    -webkit-margin-end: auto;
    margin-inline-end: auto;
    max-width: var(--chakra-sizes-8xl);
    -webkit-padding-start: var(--chakra-space-4);
    padding-inline-start: var(--chakra-space-4);
    -webkit-padding-end: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    height: 100%;
}

.css-1r5ytf7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    --chakra-space-y-reverse: 1;
    --chakra-divide-y-reverse: 1;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    gap: var(--chakra-space-4);
    max-width: 1060px;
    margin: 0 auto;
}

@media screen and (min-width: 48em) {
    .css-1r5ytf7 {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: var(--chakra-space-16);
        padding-bottom: var(--chakra-space-16);
        gap: var(--chakra-space-12);
    }

    .css-1r5ytf7 > *:not(style) ~ *:not(style) {
        margin-top: 0px;
        -webkit-margin-end: 0px;
        margin-inline-end: 0px;
        margin-bottom: 0px;
        -webkit-margin-start: 0.5rem;
        margin-inline-start: 0.5rem;
    }
}

.css-aajx3r {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.css-zec6h5 {
    font-weight: var(--chakra-fontWeights-medium);
    color: var(--chakra-colors-black);
    font-size: 17px;
    line-height: 1.7rem;
}

.css-bdwt97 {
    font-weight: var(--chakra-fontWeights-bold);
    color: var(--chakra-colors-primary-main);
    font-size: 17px;
    line-height: 27px;
}

.css-1ruvlah {
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: var(--chakra-radii-2xl);
}

@media screen and (min-width: 48em) {
    .css-1ruvlah {
        width: 506px;
        height: 406px;
    }
}

@media screen and (max-width: 900px) {
    .award-page-header .award-static-hero {
        margin-top: 120px;
    }
}

/* ============================================================
   Chat
   ============================================================ */
[v-cloak] {
    display: none;
}

.chat {
    margin-top: 2rem;
    margin-bottom: 10rem;
}

.chat .field {
    border-top: 1px solid #e5e5e5;
    background: #f6f6f6;
    padding: 16px 15px 22px;
    margin: 30px -15px 0;
}

.chat .field .error {
    display: block;
    color: #c0392b;
    font-size: 13px;
    margin-top: 8px;
}

.chat .field input {
    background-color: #fff;
    border: 1px solid #ccc;
}

.conversion > p {
    background: #0076a5;
    color: #fff;
    padding: 12px 20px;
    border-radius: 20px;
    border-bottom-right-radius: 0;
    line-height: 2.4rem;
}

.reply {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
}

.reply input {
    height: 45px;
    box-sizing: border-box;
    border: 0.08em solid #98e0ef;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15) inset;
    padding: 10px 20px;
    border-radius: 25px;
    width: 100%;
}

.reply button {
    background: #0076a5;
    color: #fff;
    border-radius: 25px;
    font-family: inherit;
    font-size: 16px;
    margin-top: 2px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    transition: opacity 0.15s linear;
    cursor: pointer;
    border: none;
}

.reply button:hover {
    opacity: 0.85;
}

.loading-wrap {
    display: flex;
    justify-content: center;
    margin: 10rem 0 11rem;
}

.loading.bar {
    display: flex;
    flex-direction: column;
    width: 240px;
    align-items: center;
}

.loading.bar .loader {
    display: block;
    position: relative;
    height: 12px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}

.loading.bar .loader:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #0076a5;
    animation: 30s prog ease-in infinite;
}

@keyframes prog {
    to {
        width: 100%;
    }
}

.loading.bar .loader + span {
    font-size: 12px;
    font-weight: 300;
    margin-top: 9px;
}

.v-enter-active,
.v-leave-active {
    transition: opacity 1s ease;
}

.v-enter-from,
.v-leave-to {
    opacity: 0;
}

@media (min-width: 768px) {
    .chat {
        max-width: 650px;
        margin: 80px auto 160px;
    }

    .chat .field {
        margin: 30px -40px 0;
        padding: 16px 40px 22px;
    }

    .reply {
        flex-direction: row;
    }

    .reply input {
        flex: 1;
    }

    .reply button {
        width: 150px;
    }
}