@charset "utf-8";

@font-face { font-family: "Yekan Bakh VF"; src: url("../font/woff/YekanBakh-VF.woff") format("woff"), url("../font/woff2/YekanBakh-VF.woff2") format("woff2"); }

@font-face { font-family: "Yekan Bakh VF"; src: url("../font/woff/YekanBakh-VF.woff") format("woff"), url("../font/woff2/YekanBakh-VF.woff2") format("woff2"); }

:root { --blu-text-color: #081f3c; --blu-text-secondary-color: #718e9c; --blu-colors-white: #fff; --blu-colors-blue: #307fe2; --blu-colors-red: #ff0d3b; --blu-colors-green: #00ab84; --blu-colors-yellow: #bf9d00; --blu-colors-gray: #bfccd3; --blu-colors-black: #081f3c; --blu-colors-surfacehigh: #081f3c; --blu-colors-surfacemedium: #718e9c; --blu-colors-surfacedisable: #bfccd3; --blu-colors-onprimary: #fff; --blu-colors-light: #edf4fc; --blu-colors-lightsurfacemedium: #f7f9fa; --blu-colors-lead: #718e9c; --blu-colors-footer-li: #718e9c; --blu-divider-color: #ccd6dc; --blu-btn-primary-bg: #307fe2; --blu-btn-primary-bg-hovered: #458ce5; --blu-btn-primary-bg-pressed: #5999e8; --blu-btn-primary-bg-focused: #307fe2; --blu-btn-primary-bg-disabled: #bfccd3; --blu-btn-primary-stroke: transparent; --blu-btn-primary-stroke-hovered: transparent; --blu-btn-primary-stroke-pressed: transparent; --blu-btn-primary-stroke-focused: transparent; --blu-btn-primary-stroke-disabled: transparent; --blu-btn-primary-text: #fff; --blu-btn-primary-text-hovered: #fff; --blu-btn-primary-text-pressed: #fff; --blu-btn-primary-text-focused: #fff; --blu-btn-primary-text-disabled: #718e9c; --blu-btn-secondary-bg: #fff; --blu-btn-secondary-bg-hovered: #edf4fc; --blu-btn-secondary-bg-pressed: #dce9fa; --blu-btn-secondary-bg-focused: #fff; --blu-btn-secondary-bg-disabled: #fff; --blu-btn-secondary-stroke: #4e91e6; --blu-btn-secondary-stroke-hovered: #4e91e6; --blu-btn-secondary-stroke-pressed: #4e91e6; --blu-btn-secondary-stroke-focused: #4e91e6; --blu-btn-secondary-stroke-disabled: #bfccd3; --blu-btn-secondary-text: #4e91e6; --blu-btn-secondary-text-hovered: #4e91e6; --blu-btn-secondary-text-pressed: #4e91e6; --blu-btn-secondary-text-focused: #4e91e6; --blu-btn-secondary-text-disabled: #bfccd3; --blu-btn-tertiary-bg: #edf4fc; --blu-btn-tertiary-bg-hovered: #ddeafa; --blu-btn-tertiary-bg-pressed: #cde0f8; --blu-btn-tertiary-bg-focused: #edf4fc; --blu-btn-tertiary-bg-disabled: #f2f5f6; --blu-btn-tertiary-stroke: transparent; --blu-btn-tertiary-stroke-hovered: transparent; --blu-btn-tertiary-stroke-pressed: transparent; --blu-btn-tertiary-stroke-focused: transparent; --blu-btn-tertiary-stroke-disabled: transparent; --blu-btn-tertiary-text: #307fe2; --blu-btn-tertiary-text-hovered: #307fe2; --blu-btn-tertiary-text-pressed: #307fe2; --blu-btn-tertiary-text-focused: #307fe2; --blu-btn-tertiary-text-disabled: #bfccd3; --blu-btn-text-bg: transparent; --blu-btn-text-bg-hovered: #edf4fc; --blu-btn-text-bg-pressed: #ddeafa; --blu-btn-text-bg-focused: transparent; --blu-btn-text-bg-disabled: transparent; --blu-btn-text-stroke: transparent; --blu-btn-text-stroke-hovered: transparent; --blu-btn-text-stroke-pressed: transparent; --blu-btn-text-stroke-focused: transparent; --blu-btn-text-stroke-disabled: transparent; --blu-btn-text-text: #307fe2; --blu-btn-text-text-hovered: #307fe2; --blu-btn-text-text-pressed: #307fe2; --blu-btn-text-text-focused: #307fe2; --blu-btn-text-text-disabled: #bfccd3; --blu-btn-white-bg: #fff; --blu-btn-white-bg-hovered: #edf4fc; --blu-btn-white-bg-pressed: #dce9fa; --blu-btn-white-bg-focused: #fff; --blu-btn-white-bg-disabled: #fff; --blu-btn-white-stroke: transparent; --blu-btn-white-stroke-hovered: transparent; --blu-btn-white-stroke-pressed: transparent; --blu-btn-white-stroke-focused: transparent; --blu-btn-white-stroke-disabled: transparent; --blu-btn-white-text: #307fe2; --blu-btn-white-text-hovered: #307fe2; --blu-btn-white-text-pressed: #307fe2; --blu-btn-white-text-focused: #307fe2; --blu-btn-white-text-disabled: #bfccd3; --blu-btn-chip-selected-bg: #307fe2; --blu-btn-chip-selected-bg-hovered: #458ce5; --blu-btn-chip-selected-bg-pressed: #5999e8; --blu-btn-chip-selected-bg-focused: #307fe2; --blu-btn-chip-selected-bg-disabled: #bfccd3; --blu-btn-chip-selected-stroke: transparent; --blu-btn-chip-selected-stroke-hovered: transparent; --blu-btn-chip-selected-stroke-pressed: transparent; --blu-btn-chip-selected-stroke-focused: transparent; --blu-btn-chip-selected-stroke-disabled: transparent; --blu-btn-chip-selected-text: #fff; --blu-btn-chip-selected-text-hovered: #fff; --blu-btn-chip-selected-text-pressed: #fff; --blu-btn-chip-selected-text-focused: #fff; --blu-btn-chip-selected-text-disabled: #718e9c; --blu-btn-chip-unselected-bg: #fff; --blu-btn-chip-unselected-bg-hovered: #edf4fc; --blu-btn-chip-unselected-bg-pressed: #dce9fa; --blu-btn-chip-unselected-bg-focused: #fff; --blu-btn-chip-unselected-bg-disabled: #fff; --blu-btn-chip-unselected-stroke: #f2f5f6; --blu-btn-chip-unselected-stroke-hovered: #f2f5f6; --blu-btn-chip-unselected-stroke-pressed: #f2f5f6; --blu-btn-chip-unselected-stroke-focused: #f2f5f6; --blu-btn-chip-unselected-stroke-disabled: #f2f5f6; --blu-btn-chip-unselected-text: #253035; --blu-btn-chip-unselected-text-hovered: #253035; --blu-btn-chip-unselected-text-pressed: #253035; --blu-btn-chip-unselected-text-focused: #253035; --blu-btn-chip-unselected-text-disabled: #253035; --blu-btn-faq-selected-bg: #307fe2; --blu-btn-faq-selected-bg-hovered: #458ce5; --blu-btn-faq-selected-bg-pressed: #5999e8; --blu-btn-faq-selected-bg-focused: #307fe2; --blu-btn-faq-unselected-bg: #fff; --blu-btn-faq-unselected-bg-hovered: #edf4fc; --blu-btn-faq-unselected-bg-pressed: #dce9fa; --blu-btn-faq-unselected-bg-focused: #fff; --blu-cards-bg-surface: #f2f5f6; --blu-cards-bg-blue: #edf4fc; --blu-cards-bg-yellow: #fff8db; --blu-cards-bg-rose: #fbf2f3; --blu-cards-bg-red: #fbf2f3; --blu-cards-bg-green: #e5f7f4; --blu-cards-bg-purple: #f2f1f9; --blu-cards-bg-gold: #f8f6f1; --blu-cards-btn-bg: #fff; --blu-cards-btn-text: #307fe2; --blu-cards-btn-bg-hovered: #307fe2; --blu-cards-btn-text-hovered: #fff; --blu-card-color-selector-blue: #307fe2; --blu-card-color-selector-blue-hovered: #307fe2; --blu-card-color-selector-blue-pressed: #307fe2; --blu-card-color-selector-red: #ff0d3b; --blu-card-color-selector-red-hovered: #ff0d3b; --blu-card-color-selector-red-pressed: #ff0d3b; --blu-card-color-selector-green: #00ab84; --blu-card-color-selector-green-hovered: #00ab84; --blu-card-color-selector-green-pressed: #00ab84; --blu-card-color-selector-black: #000; --blu-card-color-selector-black-hovered: #000; --blu-card-color-selector-black-pressed: #000; --blu-card-color-selector-white: #fff; --blu-card-color-selector-white-hovered: #fff; --blu-card-color-selector-white-pressed: #fff; --c-white: #fff; --c-whitelight: #f2f5f6; --c-whitegray: #e2e0f1; --c-purple: #6558b1; --c-purplelight: #8675eb; --c-greendark: #00523f; --c-greenlight: #00ab84; --c-green: #007f62; --c-greenlighter: #aee5dd; --c-greenverylight: #d9f2ee; --c-graydark: #4a5f6a; --c-graylight: #9fabbe; --c-graymetal: #718e9c; --c-blacklight: #2b3440; --c-blacknight: #253035; --c-blackdark: #1b2028; --color-l-timeline-box-border: var(--c-GreenLighter); --color-d-timeline-box-border: var(--c-GreenLight); --color-timeline-box-border: var(--color-l-timeline-box-border); --color-l-timeline-box-number: var(--c-Green); --color-d-timeline-box-number: var(--c-GreenLight); --color-timeline-box-number: var(--color-l-timeline-box-number); --color-l-timeline-border: var(--c-GreenLighter); --color-d-timeline-border: var(--c-GreenLight); --color-timeline-border: var(--color-l-timeline-border); --color-bg-l-box-splitter: var(--c-WhiteGray); --color-bg-d-box-splitter: var(--c-Purple); --color-bg-box-splitter: var(--color-bg-l-box-splitter); --color-bg-master: var(--c-Purple); --color-bg-light-slave: var(--c-GreenLight); --color-bg-light-slave-light: var(--c-GreenLighter); --color-bg-dark-slave: var(--c-GreenLight); --color-bg-dark-slave-light: var(--c-GreenDark); --color-bg-slave: var(--color-bg-light-slave); --color-bg-slave-light: var(--color-bg-light-slave-light); --color-bg-body-light: var(--c-White); --color-bg-body-dark: var(--c-BlackDark); --color-bg-body: var(--color-bg-body-light); --color-text-body-light-title: var(--c-GrayDark); --color-text-body-dark-title: var(--c-GrayLight); --color-text-body-title: var(--c-GrayDark); --color-bg-light-footer: var(--c-White); --color-bg-dark-footer: var(--c-BlackLight); --color-bg-footer: var(--color-bg-light-footer); --color-dark-edge: var(--c-BlackLight); --color-light-edge: var(--c-WhiteGray); --color-edge: var(--color-light-edge); --color-l-feature-icon-back: var(--c-GreenVeryLight); --color-d-feature-icon-back: var(--c-GreenDark); --color-feature-icon-back: var(--color-l-feature-icon-back); --fs-text-body-h2: 1rem; --fw-text-body-h2: 800; --lh-text-body-h2: 150%; --fs-text-body-h3: 1rem; --fw-text-body-h3: 800; --lh-text-body-h3: 118.5%; --color-body-light-p: var(--c-GrayMetal); --color-body-dark-p: var(--c-GrayLight); --color-body-p: #253035; --fs-text-body-p: 16px; --fw-text-body-p: 400; --lh-text-body-p: 150%; --color-text-body-light-paraph: var(--c-GrayDark); --color-text-body-dark-paraph: var(--c-GrayLight); --color-hero-back: var(--color-bg-master); --color-hero-text-light-title: var(--c-White); --color-hero-text-light-paraph: var(--c-White); --color-hero-text-dark-title: var(--c-White); --color-hero-text-dark-paraph: var(--c-WhiteGray); --color-hero-text-title: var(--c-White); --color-hero-text-paraph: var(--c-White); --hero-border-radius: 3rem; --color-bg-light-partner-icon: var(--c-White); --color-bg-dark-partner-icon: var(--c-BlackNight); --color-bg-partner-icon: var(--color-bg-light-partner-icon); }

body { font-family: "Yekan Bakh VF", sans-serif; font-variation-settings: "DOTS" 1; letter-spacing: -0.03em; direction: rtl; color: rgb(37, 48, 53); background: var(--color-bg-body); }

h2 { font-size: 1.1rem; font-weight: bold; margin-bottom: 1rem; }

p { padding: 0px; margin: 0px; }

img { margin-bottom: 0.5rem; }

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

.blu-btn-chips-unselected { background-color: var(--blu-btn-chip-unselected-bg); color: var(--blu-btn-chip-unselected-text); outline-offset: -0.125rem; outline: var(--blu-btn-chip-unselected-stroke) solid .125rem; }

.blog-metas { font-size: 0.875rem; color: rgb(113, 142, 156); display: flex; }

.blog-meta-item:not(:last-child) { margin-left: 1rem; padding-left: 1rem; position: relative; }

.blog-meta-item:not(:last-child)::before { content: ""; position: absolute; left: 0px; height: 14px; top: 5px; border-left: 1px solid rgb(159, 171, 190); }

.blog-shares { display: flex; margin-top: 1rem; }

.blog-share-item:not(:last-child) { margin-left: 1.25rem; }

.blog-share-item svg { color: rgb(159, 171, 190); }

.blog-share-item:hover svg { color: rgb(48, 127, 226); }

.blog-featured-image { max-width: 400px; padding: 1rem; border-radius: 1rem; box-shadow: rgb(250, 250, 250) 0px 0px 12px 4px; display: block; margin: 0px auto 3rem; }

.hero-section { position: relative; overflow: hidden; transition: 300ms; }

.blur-background { position: absolute; mix-blend-mode: hard-light; opacity: 0.85; width: 180px; height: 200px; top: 10%; left: 25%; }

#back-circles { --header-height: 148px; --container-size: 1176px; --box-size: 100vh; --circle-diameter: 100px; --grow-factor: 1.25; top: -35%; overflow: hidden; width: var(--box-size); height: calc(var(--box-size) - var(--header-height)); position: absolute; left: calc((var(--container-size) - var(--box-size)) / 2); z-index: -1; }

.back-circle-item { border: 1px solid rgb(246, 246, 246); border-radius: 50%; position: absolute; z-index: -1; opacity: 0.9; }

.back-circle-item:nth-child(1) { --circle-size: calc(1 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(1), .back-circle-item:nth-child(2), .back-circle-item:nth-child(3) { height: var(--circle-size); width: var(--circle-size); top: calc((100% - var(--circle-size))/2); left: calc((100% - var(--circle-size))/2); }

.back-circle-item:nth-child(2) { --circle-size: calc(2 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(3) { --circle-size: calc(3 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(4) { --circle-size: calc(4 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(4), .back-circle-item:nth-child(5), .back-circle-item:nth-child(6) { height: var(--circle-size); width: var(--circle-size); top: calc((100% - var(--circle-size))/2); left: calc((100% - var(--circle-size))/2); }

.back-circle-item:nth-child(5) { --circle-size: calc(5 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(6) { --circle-size: calc(6 * var(--grow-factor) * var(--circle-diameter)); }

#blu-features-circles { --n: 13; --d: 60s; --w: 100vh; --h: 100vh; width: var(--w); height: var(--w); margin: 40px auto; border: 1px solid rgb(246, 246, 246); display: grid; grid-template-columns: 30px; grid-template-rows: 30px; place-content: center; border-radius: 50%; position: absolute; top: -50%; left: calc(588px - 50vh); z-index: -1; }

.features-icon { grid-area: 1 / 1; line-height: 30px; text-align: center; border-radius: 50%; animation: spin var(--d) linear infinite; transform: rotate(0) translate(calc(var(--h)/2)) rotate(0); }

.features-icon:nth-child(1) { animation-delay: calc(0*var(--d)/var(--n)); }

.features-icon:nth-child(2) { animation-delay: calc(-1*var(--d)/var(--n)); }

.features-icon:nth-child(3) { animation-delay: calc(-2*var(--d)/var(--n)); }

.features-icon:nth-child(4) { animation-delay: calc(-3*var(--d)/var(--n)); }

.features-icon:nth-child(5) { animation-delay: calc(-4*var(--d)/var(--n)); }

.features-icon:nth-child(6) { animation-delay: calc(-5*var(--d)/var(--n)); }

.features-icon:nth-child(7) { animation-delay: calc(-6*var(--d)/var(--n)); }

.features-icon:nth-child(8) { animation-delay: calc(-7*var(--d)/var(--n)); }

.features-icon:nth-child(9) { animation-delay: calc(-8*var(--d)/var(--n)); }

.features-icon:nth-child(10) { animation-delay: calc(-9*var(--d)/var(--n)); }

.features-icon:nth-child(11) { animation-delay: calc(-10*var(--d)/var(--n)); }

.features-icon:nth-child(12) { animation-delay: calc(-11*var(--d)/var(--n)); }

.features-icon:nth-child(13) { animation-delay: calc(-12*var(--d)/var(--n)); }

.blu-text-blue { color: var(--blu-colors-blue); }

.blu-bg-surface { background-color: var(--blu-cards-bg-surface); }

.blu-bg-blue { background-color: var(--blu-cards-bg-blue); }

.blu-bg-yellow { background-color: var(--blu-cards-bg-yellow); }

.blu-bg-rose { background-color: var(--blu-cards-bg-rose); }

.blu-bg-red { background-color: var(--blu-cards-bg-red); }

.blu-bg-green { background-color: var(--blu-cards-bg-green); }

.blu-bg-purple { background-color: var(--blu-cards-bg-purple); }

.blu-bg-gold { background-color: var(--blu-cards-bg-gold); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 500; line-height: 175%; color: var(--blu-colors-white); border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-icon-right { margin-left: 0.5rem; }

.blu-btn-icon-left { margin-right: 0.5rem; }

.blu-btn-primary { background-color: var(--blu-btn-primary-bg); color: var(--blu-btn-primary-text); border-color: var(--blu-btn-primary-stroke); }

.blu-btn-primary:hover { background-color: var(--blu-btn-primary-bg-hovered); color: var(--blu-btn-primary-text-hovered); border-color: var(--blu-btn-primary-stroke-hovered); }

.blu-btn-primary:active { background-color: var(--blu-btn-primary-bg-pressed); color: var(--blu-btn-primary-text-pressed); border-color: var(--blu-btn-primary-stroke-pressed); }

.blu-btn-primary:focus { background-color: var(--blu-btn-primary-bg-focused); color: var(--blu-btn-primary-text-focused); border-color: var(--blu-btn-primary-stroke-focused); }

.blu-btn-primary:disabled { background-color: var(--blu-btn-primary-bg-disabled); color: var(--blu-btn-primary-text-disabled); border-color: var(--blu-btn-primary-stroke-disabled); }

.blu-btn-outline { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-outline:hover { background-color: var(--blu-btn-secondary-bg-hovered); color: var(--blu-btn-secondary-text-hovered); outline-color: var(--blu-btn-secondary-stroke-hovered); }

.blu-btn-outline:active { background-color: var(--blu-btn-secondary-bg-pressed); color: var(--blu-btn-secondary-text-pressed); outline-color: var(--blu-btn-secondary-stroke-pressed); }

.blu-btn-outline:focus { background-color: var(--blu-btn-secondary-bg-focused); color: var(--blu-btn-secondary-text-focused); outline-offset: -0.125rem; outline: solid 0.125rem !important; }

.blu-btn-outline:disabled { background-color: var(--blu-btn-secondary-bg-disabled); color: var(--blu-btn-secondary-text-disabled); outline-color: var(--blu-btn-secondary-stroke-disabled); }

.blu-btn-no-background { background-color: var(--blu-btn-text-bg); color: var(--blu-btn-text-text); border-color: var(--blu-btn-text-stroke); }

.blu-btn-no-background:hover { background-color: var(--blu-btn-text-bg-hovered); color: var(--blu-btn-text-text-hovered); border-color: var(--blu-btn-text-stroke-hovered); }

.blu-btn-no-background:active { background-color: var(--blu-btn-text-bg-pressed); color: var(--blu-btn-text-text-pressed); border-color: var(--blu-btn-text-stroke-pressed); }

.blu-btn-no-background:focus { background-color: var(--blu-btn-text-bg-focused); color: var(--blu-btn-text-text-focused); border-color: var(--blu-btn-text-stroke-focused); }

.blu-btn-no-background:disabled { background-color: var(--blu-btn-text-bg-disabled); color: var(--blu-btn-text-text-disabled); border-color: var(--blu-btn-text-stroke-disabled); }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.blu-btn-white:active { background-color: var(--blu-btn-white-bg-pressed); color: var(--blu-btn-white-text-pressed); border-color: var(--blu-btn-white-stroke-pressed); }

.blu-btn-white:focus { background-color: var(--blu-btn-white-bg-focused); color: var(--blu-btn-white-text-focused); border-color: var(--blu-btn-white-stroke-focused); }

.blu-btn-white:disabled { background-color: var(--blu-btn-white-bg-disabled); color: var(--blu-btn-white-text-disabled); border-color: var(--blu-btn-white-stroke-disabled); }

.blu-fs-d-lg-64, .display-large, p.display-large { font-size: 3.5rem; font-weight: 800; line-height: 120%; }

.title-description { color: rgb(74, 95, 106); }

header { border-bottom: 1px solid rgb(242, 245, 246); }

.c-grayMetal { color: var(--c-GrayMetal) !important; }

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

.nav-link { color: rgb(37, 48, 53); margin-left: 1.5rem; }

.breadcrumb-section { padding: 1rem 0px; }

.breadcrumb-item a { text-decoration: none; color: rgb(37, 48, 53); }

.breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: 0.5rem; color: rgb(113, 142, 156); content: url("../img/Compact_Left.svg"); }

.section-cta { background: var(--color-bg-footer); position: fixed; bottom: 0px; width: 100%; padding: 1.5rem 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 5px; text-align: center; border-radius: 1.5rem 1.5rem 0px 0px; z-index: 11; }

.copyright-text { color: var(--c-GrayMetal); margin-top: 0.5rem; font-size: 0.8rem; text-align: center; }

.section-cta.hide { transform: translateY(100px); transition: transform 300ms linear; }

.section-cta { transform: translateY(0px); transition: transform 200ms linear; }

.feature p { padding: 0px; }

p, ul { color: var(--color-body-p); font-size: var(--fs-text-body-p); font-weight: var(--fw-text-body-p); line-height: var(--lh-text-body-p); }

.white-space-24 { height: 1.5rem; width: 100%; }

.white-space-32 { height: 2rem; width: 100%; }

.white-space-40 { height: 2.5rem; width: 100%; }

.white-space-48 { height: 3rem; width: 100%; }

.white-space-56 { height: 3.5rem; width: 100%; }

.white-space-64 { height: 4rem; width: 100%; }

.white-space-80 { height: 5rem; width: 100%; }

.white-space-96 { height: 6rem; width: 100%; }

.white-space-120 { height: 7.5rem; }

.white-space-128 { height: 8rem; width: 100%; }

.mt-12 { margin-top: 0.75rem !important; }

.mb-12 { margin-bottom: 0.75rem !important; }

.mb-16 { margin-bottom: 1rem !important; }

.mb-24 { margin-bottom: 1.5rem !important; }

.mb-32 { margin-bottom: 2rem !important; }

.mb-96 { margin-bottom: 6rem !important; }

.mt-40 { margin-top: 2.5rem !important; }

.px-36 { padding: 0px 2.25rem; }

.px-96 { padding: 0px 6rem; }

.p-40 { padding: 2.5rem; }

.blu-lead { color: rgb(113, 142, 156); }

.hero-background { background-color: var(--color-hero-back); }

.blur-background { position: absolute; mix-blend-mode: hard-light; opacity: 0.85; width: 180px; height: 200px; top: 10%; left: 25%; }

.blur-circle { width: 120px; height: 160px; filter: blur(120px); position: absolute; left: 205px; top: 117px; background: rgb(78, 145, 230); }

.blur-circle:first-child { left: 265px; top: 77px; background: rgb(78, 145, 230); }

.blur-circle:last-child { left: 145px; top: 157px; background: rgb(255, 13, 59); opacity: 0.6; }

.hero-radius { border-radius: 0 0 var(--hero-border-radius) var(--hero-border-radius); }

.hero-image { max-width: 200px; margin-bottom: 52px; }

.hero-title { font-size: 20px; font-weight: 800; line-height: 150%; color: var(--color-hero-text-title); margin-bottom: 16px; }

.hero-p { font-size: 14px; font-weight: 400; line-height: 150%; color: var(--color-hero-text-paraph); }

.hero-background-bottom { background-color: var(--color-hero-back); display: block; overflow: hidden; }

.hero-shape { width: 50%; height: 50px; background-color: var(--color-bg-body); display: inline-block; float: right; }

.hero-shape:first-child { border-radius: var(--hero-border-radius) 0 0 0; }

.hero-shape:last-child { border-radius: 0 var(--hero-border-radius) 0 0; }

.blu-section-title { color: var(--color-text-body-title); font-size: 1rem; font-weight: 800; line-height: 150%; margin: 0px 0px 1.5rem; }

.feature-col { text-align: center; margin-bottom: 2rem; }

.blu-feature-icon { width: 80px; }

.blu-feature-title { color: var(--color-text-body-title); font-size: 1rem; font-weight: 800; line-height: 118%; margin: 0.75rem 0px; }

.blu-feature-paragraph { color: var(--color-text-body-title); font-size: 13px; font-weight: 400; line-height: 150%; padding: 0px; margin: 0px; }

.feature-type-col { padding: 2rem 1rem; border-radius: 1.5rem; border: 2px solid var(--color-edge); margin-top: 0.5rem; }

.blu-feature-type-title { color: var(--color-body-p); font-size: 20px; font-weight: 800; line-height: 150%; }

.blu-feature-type-paragraph { color: var(--color-body-p); font-size: 14px; font-weight: 400; line-height: 150%; }

.notify-section-icon { text-align: center; }

.notify-section-center { margin: 1rem 0px; }

.notify-title { color: var(--color-hero-text-paraph); font-size: 1rem; font-weight: 800; line-height: 150%; }

.blu-score-section { text-align: center; }

.blu-list { padding: 24px 40px; border-radius: 2rem; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; border-left: 0px; display: inline-block; }

.blu-list li { margin-bottom: 1.5rem; font-size: 14px; }

.blu-ul-icon { text-align: center; margin: 1rem auto; }

.blu-list-box { display: inline-block; text-align: right; }

.blu-timeline { list-style: none; position: relative; }

.c-bg-gray { background-color: rgb(242, 245, 246); border-radius: 1rem; }

.bg-gray-light { background-color: rgb(250, 250, 250); }

h3, .h3 { font-size: 1rem; font-weight: bold; }

.blu-timeline li { border-right: 2px solid var(--color-timeline-border); padding-right: 2rem; padding-bottom: 3rem; padding-top: 0px; }

.blu-timeline h3 { font-size: 1rem; font-weight: 800; line-height: 150%; color: var(--color-text-body-title); }

.blu-timeline li:first-child { padding-top: 0px; }

.blu-timeline li:last-child { border-right: 0px; }

.blu-timeline li::before { content: ""; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--color-timeline-box-border); display: block; text-align: center; color: var(--color-timeline-box-number); font-size: 20px; font-weight: 800; line-height: 120%; padding-top: 7px; position: absolute; right: 20px; background: var(--color-bg-body); }

.blu-timeline li:nth-child(1)::before { content: "۱"; }

.blu-timeline li:nth-child(2)::before { content: "۲"; }

.blu-timeline li:nth-child(3)::before { content: "۳"; }

.blu-timeline li:nth-child(4)::before { content: "۴"; }

.blu-timeline li:nth-child(5)::before { content: "۵"; }

.stat-section { position: relative; }

.stat-section img { width: 85px; margin: 40px auto; }

.blu-partners-images-box { padding: 1rem; }

.blu-partners-image { width: 70px; height: 70px; background: var(--color-bg-partner-icon); border-radius: 50%; padding: 19px; text-align: center; }

.footer { text-align: center; background: rgb(242, 245, 246); }

.blu-btn { background-color: var(--color-bg-master); color: var(--color-hero-text-paraph); padding: 0.5rem 5rem; border-radius: 0.5rem; }

.blu-btn-primary { background-color: var(--blu-btn-primary-bg); color: var(--blu-btn-primary-text); border-color: var(--blu-btn-primary-stroke); }

.blu-btn-primary:hover { background-color: var(--blu-btn-primary-bg-hovered); color: var(--blu-btn-primary-text-hovered); border-color: var(--blu-btn-primary-stroke-hovered); }

.blu-btn-primary:active { background-color: var(--blu-btn-primary-bg-pressed); color: var(--blu-btn-primary-text-pressed); border-color: var(--blu-btn-primary-stroke-pressed); }

.blu-btn-primary:focus { background-color: var(--blu-btn-primary-bg-focused); color: var(--blu-btn-primary-text-focused); border-color: var(--blu-btn-primary-stroke-focused); }

.blu-btn-primary:disabled { background-color: var(--blu-btn-primary-bg-disabled); color: var(--blu-btn-primary-text-disabled); border-color: var(--blu-btn-primary-stroke-disabled); }

.blu-btn-secondary { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-secondary:hover { background-color: var(--blu-btn-secondary-bg-hovered); color: var(--blu-btn-secondary-text-hovered); outline-color: var(--blu-btn-secondary-stroke-hovered); }

.blu-btn-secondary:active { background-color: var(--blu-btn-secondary-bg-pressed); color: var(--blu-btn-secondary-text-pressed); outline-color: var(--blu-btn-secondary-stroke-pressed); }

.blu-btn-secondary:focus { background-color: var(--blu-btn-secondary-bg-focused); color: var(--blu-btn-secondary-text-focused); outline-offset: -0.125rem; outline: solid 0.125rem !important; }

.blu-btn-secondary:disabled { background-color: var(--blu-btn-secondary-bg-disabled); color: var(--blu-btn-secondary-text-disabled); outline-color: var(--blu-btn-secondary-stroke-disabled); }

.blu-btn-text { background-color: var(--blu-btn-text-bg); color: var(--blu-btn-text-text); border-color: var(--blu-btn-text-stroke); }

.blu-btn-text:hover { background-color: var(--blu-btn-text-bg-hovered); color: var(--blu-btn-text-text-hovered); border-color: var(--blu-btn-text-stroke-hovered); }

.blu-btn-text:active { background-color: var(--blu-btn-text-bg-pressed); color: var(--blu-btn-text-text-pressed); border-color: var(--blu-btn-text-stroke-pressed); }

.blu-btn-text:focus { background-color: var(--blu-btn-text-bg-focused); color: var(--blu-btn-text-text-focused); border-color: var(--blu-btn-text-stroke-focused); }

.blu-btn-text:disabled { background-color: var(--blu-btn-text-bg-disabled); color: var(--blu-btn-text-text-disabled); border-color: var(--blu-btn-text-stroke-disabled); }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.blu-btn-white:active { background-color: var(--blu-btn-white-bg-pressed); color: var(--blu-btn-white-text-pressed); border-color: var(--blu-btn-white-stroke-pressed); }

.blu-btn-white:focus { background-color: var(--blu-btn-white-bg-focused); color: var(--blu-btn-white-text-focused); border-color: var(--blu-btn-white-stroke-focused); }

.blu-btn-white:disabled { background-color: var(--blu-btn-white-bg-disabled); color: var(--blu-btn-white-text-disabled); border-color: var(--blu-btn-white-stroke-disabled); }

.blu-btn-chips-selected { background-color: var(--blu-btn-chip-selected-bg); color: var(--blu-btn-chip-selected-text); border-color: var(--blu-btn-chip-selected-stroke); }

.blu-btn-chips-selected:hover { background-color: var(--blu-btn-chip-selected-bg-hovered); color: var(--blu-btn-chip-selected-text-hovered); border-color: var(--blu-btn-chip-selected-stroke-hovered); }

.blu-btn-chips-selected:active { background-color: var(--blu-btn-chip-selected-bg-pressed); color: var(--blu-btn-chip-selected-text-pressed); border-color: var(--blu-btn-chip-selected-stroke-pressed); }

.blu-btn-chips-selected:focus { background-color: var(--blu-btn-chip-selected-bg-focused); color: var(--blu-btn-chip-selected-text-focused); border-color: var(--blu-btn-chip-selected-stroke-focused); }

.blu-btn-chips-selected:disabled { background-color: var(--blu-btn-chip-selected-bg-disabled); color: var(--blu-btn-chip-selected-text-disabled); border-color: var(--blu-btn-chip-selected-stroke-disabled); }

.blu-btn-chips-unselected { background-color: var(--blu-btn-chip-unselected-bg); color: var(--blu-btn-chip-unselected-text); outline-offset: -0.125rem; outline: var(--blu-btn-chip-unselected-stroke) solid .125rem; }

.blu-btn-chips-unselected:hover { background-color: var(--blu-btn-chip-unselected-bg-hovered); color: var(--blu-btn-chip-unselected-text-hovered); border-color: var(--blu-btn-chip-unselected-stroke-hovered); }

.blu-btn-chips-unselected:active { background-color: var(--blu-btn-chip-unselected-bg-pressed); color: var(--blu-btn-chip-unselected-text-pressed); border-color: var(--blu-btn-chip-unselected-stroke-pressed); }

.blu-btn-chips-unselected:focus { background-color: var(--blu-btn-chip-unselected-bg-focused); color: var(--blu-btn-chip-unselected-text-focused); border-color: var(--blu-btn-chip-unselected-stroke-focused); }

.blu-btn-chips-unselected:disabled { background-color: var(--blu-btn-chip-unselected-bg-disabled); color: var(--blu-btn-chip-unselected-text-disabled); border-color: var(--blu-btn-chip-unselected-stroke-disabled); }

.blu-btn-purple { color: var(--c-PurpleLight); border: 2px solid var(--c-PurpleLight); border-radius: 0.625rem; padding: 0.75rem 1rem; margin-top: 1rem; }

.blu-btn-purple:hover { background-color: var(--c-PurpleLight); border: 2px solid var(--c-PurpleLight); }

.btn-full-width { width: 100%; max-width: 400px; }

.btn { font-size: 1rem; padding: 0.75rem 1.5rem; margin-right: 1rem; box-shadow: none !important; }

.btn-light { border: 1px solid rgb(74, 95, 106) !important; color: rgb(74, 95, 106) !important; font-weight: normal !important; background-color: rgb(255, 255, 255) !important; }

.blu-blue-background-light { background-color: rgb(244, 249, 255); padding: 3.5rem 1.5rem; border-radius: 1rem; }

.blu-blue-background-gradiant { background-image: linear-gradient(rgb(227, 240, 255), rgb(188, 217, 255)); padding-top: 65px; max-height: 330px; margin-bottom: 130px; }

.blu-blue-background, .btn-primary { background-color: rgb(48, 127, 226); border-color: rgb(48, 127, 226); }

.btn-outline-primary { border-color: rgb(48, 127, 226); color: rgb(48, 127, 226); }

.btn-outline-primary:hover { border-color: rgb(48, 127, 226); background-color: rgb(48, 127, 226); }

.logo { max-height: 60px; }

.carousel-item img { border-radius: 1rem; }

.carousel .carousel-indicators button { background-color: rgb(255, 255, 255); opacity: 1; }

.carousel-indicators .active { opacity: 1; background-color: rgb(17, 63, 135) !important; }

.carousel-control-prev-icon { background-image: url("../img/icon-arrow-left.svg"); }

.carousel-control-next-icon { background-image: url("../img/icon-arrow-right.svg"); }

.accordion-button::after { background-image: url("../img/icon-arrow-down.svg"); }

.accordion-button:not(.collapsed)::after { background-image: url("../img/icon-arrow-down-blue.svg"); }

.hero-box { max-width: 455px; margin: 0px auto; }

.hero-title { color: rgb(0, 0, 0); font-size: 3.125rem; font-weight: bold; }

.hero-p { color: rgb(115, 119, 137); font-size: 1rem; }

.my-32px { margin: 2rem 0px; }

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

.mt-32px { margin-top: 2rem; }

.hero-subtitle { color: rgb(0, 0, 0); font-size: 1.5rem; font-weight: bold; }

.hero-blu-title { color: rgb(48, 127, 226); font-size: 2.25rem; font-weight: bold; }

.hero-feature-box { background-color: rgb(240, 247, 255); padding: 1.5rem; text-align: right; color: rgb(115, 119, 137); font-size: 0.9rem; border-radius: 1.25rem; margin-top: 2rem; }

.hero-feature-box:nth-child(2n) { margin-left: 1rem; }

.hero-feature-title { color: rgb(0, 0, 0); font-size: 1.125rem; font-weight: bold; margin-bottom: 0.5rem; }

.hero-feature-icon { margin-bottom: 1.5rem; }

.c-red { color: red; }

.hero-description { font-size: 16px; line-height: 1.75rem; }

.feature-section { }

.blu-features-row { padding: 32px 40px; border-top: 1px solid rgb(113, 175, 255); border-bottom: 1px solid rgb(113, 175, 255); }

.feature-section-box { max-width: 980px; margin: 0px auto; color: rgb(188, 217, 255); overflow: hidden; }

.blu-feature-section-title { font-size: 24px; font-weight: bold; margin-bottom: 3rem; color: rgb(48, 127, 226); }

.feature-card { text-align: right; }

.feature-box-icon { margin-bottom: 1.5rem; }

.feature-box-title { font-weight: bold; font-size: 1rem; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }

.feature-box-description { font-weight: normal; font-size: 1rem; line-height: 1.625rem; color: rgb(0, 0, 0); }

.feature-section .row > * { margin-top: 0px; }

.gift-section-title { font-size: 1.5rem; font-weight: bold; margin-top: 48px; margin-bottom: 30px; color: rgb(255, 255, 255); }

.blu-gifts-hover { position: relative; padding: 3rem 0px 2rem; }

.blu-gifts-lower { margin-top: 2rem; }

.blu-gifts-box { text-align: center; background: rgb(255, 255, 255); border-radius: 1.25rem; color: rgb(0, 0, 0); margin: 0px 0.75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px; }

.blu-gifts-icon { position: relative; top: -45px; }

.blu-gifts-content { position: relative; top: -40px; }

.video-section-box { max-width: 980px; margin: 0px auto; }

.page-title { font-size: 1.5rem; font-weight: bold; color: rgb(48, 127, 226); margin-bottom: 1rem; }

.page-title-h3 { font-size: 1.125rem; }

.page-title-description { font-size: 18px; color: rgb(115, 119, 137); }

.blu-video-box video { border-radius: 1.25rem; }

.faq-section { }

.faq-box { max-width: 980px; margin: 0px auto; }

.accordion-item { background-color: initial; }

.accordion-button { padding: 1.75rem 1.25rem; font-size: 1.125rem; font-weight: normal; color: rgb(0, 0, 0); text-align: right; background-color: initial; }

.accordion-body { font-size: 1.125rem; font-weight: bold; }

.accordion-button:not(.collapsed) { color: rgb(0, 0, 0); background-color: initial; box-shadow: none; }

.accordion-button:focus { z-index: 3; border-color: rgb(134, 183, 254); outline: 0px; box-shadow: none; }

.accordion-button::after { margin-left: initial; margin-right: auto; }

.accordion-body { text-align: right; }

.c-blue { color: rgb(48, 127, 226); }

.howto-p { font-size: 14px; color: rgb(115, 119, 137); text-align: right; line-height: 1.75rem; }

.feature-icon { background: rgb(244, 249, 255); padding: 12px; display: inline-block; margin: 0px auto 1rem; border-radius: 10px; }

.blu-color { color: rgb(48, 127, 226); }

.blu-feature { background: 0px 0px !important; }

.intro-title { font-size: 3.75rem; font-weight: bolder; color: rgb(48, 127, 226); margin-bottom: 2rem; }

.intro-description { max-width: 999px; margin: 0px auto; }

.intro-description-item { margin-bottom: 0px; max-width: 270px; }

.intro-description-item-icon { margin-bottom: 1.5rem; }

.intro-description-item-title { font-size: 1.25rem; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 1rem; }

.intro-description-item-text { font-size: 1rem; font-weight: normal; color: rgb(94, 94, 94); margin-bottom: 1.5rem; }

.intro-condition-item-text { font-size: 0.875rem; font-weight: normal; color: rgb(116, 116, 116); }

.intro-hero-image { max-width: 400px; }

.feature-section-star-background { background-image: url("../img/features-bg.svg"); background-repeat: no-repeat; background-position-x: 50%; }

.service-box { margin-left: 3.5rem; max-width: 690px; }

.service-title { color: rgb(48, 127, 226); text-align: right; }

.service-description { font-size: 0.875rem; line-height: 1.5rem; color: rgb(115, 119, 137); }

.video-section { padding: 6rem 0px; }

.blu-video-box { min-width: 30%; }

.blu-expire-hover { position: relative; padding: 3rem 0px 2rem; }

.blu-expire-box { text-align: center; background: rgb(238, 238, 238); border-radius: 1.25rem; margin: 0px 0.75rem; }

.blu-expire-icon { position: relative; top: -70px; }

.blu-expire-icon img { max-width: 135px; }

.blu-expire-content { position: relative; top: -40px; max-width: 495px; margin: 0px auto; padding-bottom: 1rem; }

.blu-expire-title { font-size: 3.125rem; font-weight: bold; margin-bottom: 2rem; }

.blu-expire-description { color: rgb(115, 119, 137); font-size: 1rem; line-height: 1.75rem; }

.users-list-box { max-width: 780px; margin: 0px auto; }

.users-list { max-height: 330px; overflow: hidden scroll; direction: ltr; padding: 1rem 2rem; }

.user-list-row { direction: rtl; }

.user-item { font-size: 1.125rem; font-weight: bold; color: rgb(0, 0, 0); padding: 1.5rem 0px 0px; display: inline-block; }

.users-number { direction: ltr; text-align: center; }

.users-amount { text-align: center; }

.user-items svg { margin: 0px 0px 0px 1rem; }

div#pagination { margin: 2rem auto; text-align: center; }

input#page-index { text-align: center; border: 1px solid rgb(214, 214, 214); }

.winners-comment-section { }

.user-comments-row { background: url("../img/icon-user-comments-background.svg") center center no-repeat; overflow: hidden; width: 100%; }

.user-comment { background: rgb(255, 255, 255); border-radius: 1.5rem; margin: 0px 0.5rem; padding: 1rem 1.25rem; min-width: 250px; width: 250px; height: 250px; text-align: center; font-size: 1rem; }

.user-comment-icon { margin-bottom: 0px; }

.user-comment-text { color: rgb(0, 0, 0); margin: 0px; }

.user-comment-name { color: rgb(115, 119, 137); }

.user-sounds-row { background: url("../img/icon-user-comments-sound.svg") center center no-repeat; }

button.btn.btn-white { background: rgb(255, 255, 255); font-weight: bold; padding: 1rem 2rem; margin: 0px auto; text-align: center; }

.blu-more-faq, .blu-more-faq:hover { color: rgb(48, 127, 226); }

.footer-background { background-color: rgb(242, 245, 246); border-radius: 1rem; padding: 5rem; }

.intro-description-item-icon-bg { background: rgb(245, 245, 245); border-radius: 1rem; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; margin: 0px auto 1.5rem; }

.bg-red { background-color: rgb(255, 240, 240); }

.bg-blue { background-color: rgba(48, 127, 226, 0.12); }

.bg-green { background-color: rgb(232, 255, 249); }

.bg-purple { background-color: rgb(246, 237, 255); }

.content-container { max-width: 1077px; margin: 0px auto; }

.intro-condition-col { max-width: 150px; }

.intro-condition-col-big { max-width: 177px; }

.footer .feature h2 { color: rgb(0, 0, 0); }

.footer-section { padding: 5rem 1rem; background-color: rgb(242, 245, 246); color: rgb(110, 130, 149); }

.footer { display: flex; }

.footer-logo-section { max-width: 45%; margin-left: 3rem; display: flex; flex-direction: column; justify-content: space-between; }

.footer .btn { padding: 0.75rem; margin: 0px 0px 0px 1rem; }

.footer .btn:last-child { margin: 0px; }

.footer-logo { margin-bottom: 2.5rem; }

.footer-logo-title { color: rgb(48, 127, 226); font-size: 1.125rem; font-weight: bold; margin-bottom: 1rem; }

.footer-logo-description { margin: 0px 0px 2.25rem; color: rgb(110, 130, 149); text-align: right; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; }

.footer-feature-item h3 { margin-bottom: 0.75rem; color: rgb(44, 62, 80); font-size: 1.5rem; font-weight: 800; line-height: 1.5rem; }

.title-icon { padding: 0.5rem; border-radius: 0.5rem; background: rgb(255, 255, 255); display: inline-block; margin-left: 1rem; }

.c-gray { color: rgb(113, 142, 156); }

.footer-feature-separator { margin: 1.5rem 0px; }

.footer-copyright-wrapper p { color: rgb(113, 142, 156); }

.footer-copyright { border-top: 1px solid rgb(74, 95, 106); }

.btn-black, .btn-black:hover { background: rgb(48, 127, 226); color: rgb(255, 255, 255); width: 46%; border-radius: 3rem !important; }

.howto-title h2 { color: rgb(48, 127, 226); font-size: 1.5rem; line-height: 2.5rem; font-weight: bold; }

.howto-switch-wrapper { background-color: rgb(237, 244, 252); display: inline-block; margin: 1.5rem auto 0px; padding: 0.5rem; }

.howto-switch-btn { background-color: rgb(255, 255, 255); color: rgb(74, 95, 106); font-weight: bold; font-size: 1rem; line-height: 1rem; margin: 0px 0.25rem; padding: 0.75rem 3rem; }

.howto-switch-btn.active { background-color: rgb(48, 127, 226); color: rgb(255, 255, 255); }

.howto-switch-btn i svg path { stroke: rgb(74, 95, 106); }

.howto-switch-btn.active i svg path { stroke: rgb(255, 255, 255); }

.howto-guide { display: flex; flex-wrap: nowrap; align-items: baseline; align-self: center; justify-content: space-evenly; }

.howto-guide-item { position: relative; overflow: visible; padding: 0px 0.5rem; min-width: 215px; }

.howto-guide-item:first-child { margin-top: 0px; }

.howto-guide-step { display: flex; align-items: center; justify-content: center; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(74, 95, 106); width: 2rem; height: 2rem; margin: 0px auto 2rem; }

.howto-guide-step::after { }

.howto-guide-item:first-child > .howto-guide-step::before { border: 0px; }

.howto-guide-item:last-child > .howto-guide-step::after { border: 0px; }

.howto-guide-step::before { }

.howto-guide-image { display: inline-block; }

.howto-guide-image img { min-height: 300px; }

.howto-guide-description p { margin-top: 2rem; color: rgb(74, 95, 106); font-size: 0.875rem; font-weight: bold; line-height: 150%; }

.howto-guide-wrapper { position: relative; display: block; }

.howto-guide-wrapper::before { border-top: 1px dashed rgb(74, 95, 106); content: ""; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1rem; }

.howto-guide-description { max-width: 275px; margin: 0px auto; }

.dark-blue { color: rgb(25, 94, 180); }

.banner-content { position: absolute; top: 10%; right: 3%; }

.banner-title { font-size: 3rem; font-weight: bold; line-height: 120%; color: rgb(255, 255, 255); }

.banner-description { font-size: 1.5rem; font-weight: normal; line-height: 2rem; color: rgb(255, 255, 255); }

.banner-title-text h2 { font-size: 2rem; font-weight: bold; line-height: 2rem; color: rgb(25, 94, 180); margin: 0px 2rem 0px 0px; }

.banner-slogan { margin-top: 1rem; font-size: 1.5rem; font-weight: bolder; color: rgb(255, 255, 255); }

.banner-awards { position: absolute; bottom: 10%; right: 3%; }

.banner-btn { display: flex; padding: 1rem 1.25rem; color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.19); border-radius: 1rem; align-items: center; }

.banner-btn-title { font-size: 1.25rem; font-weight: bolder; line-height: 2rem; }

.banner-btn-description { font-size: 1rem; font-weight: normal; line-height: 1.5rem; }

.border-splitter { width: 1px; min-height: 3rem; margin: 0px 1rem; border-right: 1px solid rgb(255, 255, 255) !important; }

.features { margin-top: 1rem; display: flex; justify-content: space-between; align-items: stretch; }

.feature-btn-tag { display: flex; padding: 1.5rem 1.25rem 1.5rem 1.5rem; background-color: rgb(237, 244, 252); border-radius: 1rem; align-items: center; width: 264px; }

.feature-btn-title { font-size: 1.3rem; font-weight: bolder; line-height: 1.5rem; color: rgb(37, 48, 53); }

.feature-btn-subtitle { font-size: 1rem; font-weight: bold; line-height: 1rem; color: rgb(37, 48, 53); }

.feature-btn-description { font-size: 1rem; font-weight: normal; line-height: 1rem; color: rgb(113, 142, 156); margin-bottom: 0.5rem; }

.feature-splitter { width: 1px; min-height: 3rem; margin: 0px 1rem; border-right: 1px solid rgb(255, 255, 255) !important; }

.section-title-raw { font-size: 1.5rem; font-weight: bold; line-height: 180%; color: rgb(37, 48, 53); }

.section-title { font-size: 2rem; font-weight: bolder; line-height: 1.5rem; color: rgb(113, 142, 156); }

.slides-wrapper { position: relative; width: 100%; height: calc(-300px + 100vh); max-height: 600px; overflow: hidden; border-radius: 1rem; }

.blu-slide-block { position: absolute; display: block; width: 100%; right: 0px; transform: translateX(0px); transition: 1s; }

.blu-slide-block:nth-child(1) { z-index: 2; }

.blu-slide-block:nth-child(2) { z-index: 3; transform: translateX(calc(-100% + 288px)); }

.blu-slide-block:nth-child(3) { z-index: 4; transform: translateX(calc(-100% + 216px)); }

.blu-slide-block:nth-child(4) { z-index: 5; transform: translateX(calc(-100% + 144px)); }

.blu-slide-block:nth-child(5) { z-index: 6; transform: translateX(calc(-100% + 72px)); }

.blu-slide { display: flex; height: calc(-300px + 100vh); max-height: 600px; }

.slide-color-red { background-color: rgb(254, 50, 89); color: rgb(254, 50, 89); }

.slide-color-red-body { background-color: rgb(255, 240, 242); }

.slide-color-green { background-color: rgb(0, 189, 146); color: rgb(0, 189, 146); }

.slide-color-green-body { background-color: rgb(229, 247, 244); }

.slide-color-black { background-color: rgb(37, 48, 53); color: rgb(37, 48, 53); }

.slide-color-black-body { background-color: rgb(242, 245, 246); }

.slide-color-yellow { background-color: rgb(255, 209, 0); color: rgb(255, 209, 0); }

.slide-color-yellow .slide-header-text { color: rgb(37, 48, 53); }

.slide-color-yellow .slide-number { color: rgb(191, 157, 0); }

.slide-color-yellow-body { background-color: rgb(255, 248, 219); }

.slide-color-blue { background-color: rgb(48, 127, 226); color: rgb(48, 127, 226); }

.slide-color-blue-body { background-color: rgb(237, 244, 252); }

.slide-header { width: 6rem; border-radius: 0px 1rem 1rem 0px; padding: 1.5rem; text-align: center; z-index: 2; }

.blu-slide.active > .slide-header, .blu-slide-last > .slide-header { width: 4.5rem; }

.blu-slide.active > .slide-header, .blu-slide-last > .slide-inside { border-radius: 1.5rem 0px 0px 1.5rem; }

.blu-slide-last > .slide-header { }

.slide-number { background-color: rgb(255, 255, 255); width: 1.5rem; height: 1.5rem; border-radius: 50%; vertical-align: middle; display: inline-block; text-align: center; }

.slide-header-text { color: rgb(255, 255, 255); font-size: 1rem; font-weight: bolder; line-height: 1.5rem; transform: rotate(180deg); writing-mode: vertical-lr; margin-top: 1rem; }

.slide-header-text-black { color: rgb(37, 48, 53); }

.slide-inside { --slide-inside-width: calc(100% - (4.5rem * 3) - (4.5rem * 2) + 1rem); width: var(--slide-inside-width); display: flex; align-items: stretch; justify-content: center; z-index: 1; }

.slide-inside-wrapper { display: flex; align-items: center; justify-content: space-between; max-width: 567px; margin: auto; gap: 2rem; }

.slide-title { color: rgb(37, 48, 53); font-size: 2rem; font-weight: bolder; line-height: 2.5rem; margin-bottom: 0.5rem; }

.slide-description { color: rgb(37, 48, 53); font-size: 1rem; font-weight: normal; line-height: 1.5rem; margin-bottom: 1rem; }

.slide-score-tag { background-color: rgb(255, 255, 255); color: rgb(37, 48, 53); border-radius: 3rem; font-size: 1.5rem; font-weight: bolder; line-height: 1.5rem; display: inline-block; padding: 0.75rem 1.25rem; }

.slide-image { text-align: left; }

.slide-image img { max-width: 240px; }

.slide-image-full img { max-width: 100%; }

.slide-image-mb-0 img { margin-bottom: 0px !important; }

.blue-text-color { color: rgb(48, 127, 226); }

.blue-text-bolder { font-weight: bolder; }

.award-tiles { display: flex; flex-wrap: wrap; }

.award-tile { background-color: rgb(237, 244, 252); border-radius: 1rem; padding: 2rem 1.5rem; display: flex; justify-content: center; align-items: center; flex: 1 0 48%; }

.awards-intro { font-size: 2rem; line-height: 2.5rem; margin-top: 1.5rem; }

.award-information-text { font-size: 1rem; line-height: 1.75rem; border-right: 1px solid rgb(255, 255, 255); padding-right: 1rem; margin-right: 1rem; }

.award-information { display: flex; text-align: right; align-items: center; }

.h-splitter { border-top: 1px solid rgb(255, 255, 255); margin-top: 1.5rem; padding-top: 1.5rem; }

.award-tile-content { width: 100%; }

.winners-gift { display: flex; align-items: center; padding: 1.5rem 2rem; border-radius: 0.5rem; flex-grow: 1; }

.winners-gift-texts { border-right: 1px solid rgb(237, 244, 252); padding-right: 1.5rem; margin-right: 1.5rem; }

.blu-white-background { background-color: rgb(255, 255, 255); }

.winners-gift-subtitle { font-size: 1rem; font-weight: normal; line-height: 1.5rem; color: rgb(113, 142, 156); text-align: right; margin-bottom: 0.5rem; }

.winners-gift-title { font-size: 1.5rem; font-weight: bold; line-height: 1.5rem; color: rgb(37, 48, 53); text-align: right; }

.awards-winners-gifts { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.blu-white-border { border-color: rgb(255, 255, 255); }

.blu-border-1 { border: 1px solid rgb(255, 255, 255); }

.award-tiles-col { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.blu-bigbox-description p { font-size: 1rem; line-height: 180%; color: rgb(37, 48, 53); font-weight: normal; }

.blu-bigbox-description .blu-more-text { color: rgb(113, 142, 156); font-size: 1rem; font-weight: bold; line-height: 2rem; margin: 0.75rem 0px; }

.blu-more-text::after { content: url("../img/blu-icon-more.svg"); vertical-align: middle; width: 20px; height: 20px; display: inline-block; }

.fade-effects { position: relative; }

.fade-effects::before, .fade-effects::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 40px; pointer-events: none; z-index: 10; }

.fade-effects::after { right: 0px; background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.fade-effects::before { left: 0px; background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.btn-container { position: relative; overflow-x: scroll; white-space: nowrap; scrollbar-width: none; display: flex; justify-content: center; }

.btn-wrapper { position: relative; display: inline-block; white-space: nowrap; }

.filter-button { border-radius: 1rem; margin-left: 0.25rem; margin-right: 0.25rem; }

.blu-btn-chips-selected { background-color: var(--blu-btn-chip-selected-bg); color: var(--blu-btn-chip-selected-text); border-color: var(--blu-btn-chip-selected-stroke); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1rem; font-weight: 500; line-height: 175%; border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-chips { border-radius: 2.625rem; padding: 0.4375rem 1rem; }

.blu-accordion-button.collapsed { border: 0px; }

.blu-accordion-button.collapsed { border-radius: 10px; }

.accordion-button.blu-accordion-button { border-radius: 10px 10px 0px 0px; }

.accordion-button.collapsed { border-bottom: 1px solid rgb(237, 244, 252); border-radius: 10px; }

.accordion-item:first-of-type .accordion-button.collapsed { border-radius: 10px; }

.accordion-item:first-of-type .accordion-button { border-radius: 10px 10px 0px 0px; }

.blu-accordion-item { border-radius: 10px; border: 0px; margin-top: 2px; }

.blu-accordion-button { font-variation-settings: "DOTS" 1 !important; }

.accordion-button:not(.collapsed), .blu-accordion-header:not(.collapsed) { border-radius: 10px 10px 0px 0px; }

.blu-btn-chips-unselected { background-color: var(--blu-btn-chip-unselected-bg); color: var(--blu-btn-chip-unselected-text); outline-offset: -0.125rem; outline: var(--blu-btn-chip-unselected-stroke) solid .125rem; }

.slide-header { transition: 1s; cursor: pointer; }

.active-slide-header { width: 4.5rem; }

.blu-bigbox-description { position: relative; }

.show-control { position: absolute; bottom: 0px; background-image: linear-gradient(0deg, rgb(255, 255, 255) 62%, rgba(255, 255, 255, 0.65) 100%); padding: 6rem 0px 0px; width: 100%; cursor: pointer; }

.show-control-btn { text-decoration: none; color: rgb(113, 142, 156); font-size: 1rem; font-weight: bold; }

.flip { transform: rotate(-180deg); }

.show-control-btn::after { content: url("../img/blu-icon-scroll-down.svg"); transition: transform 1s; }

.banner-title-text { font-variation-settings: "DOTS" 0; }

.banner-wrapper { padding: 4.25rem 1rem; background-image: url("/assets/img/blu-banner-background-desktop.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 1rem; display: flex; justify-content: space-evenly; align-items: center; }

.banner-image img { max-width: 264px; }

.feature-wrapper { display: flex; align-items: stretch; justify-content: space-between; text-align: center; }

.feature-item { flex: 1 0 30%; }

.h2-title { font-size: 2.5rem; font-weight: bold; line-height: 160%; text-align: center; }

.feature-item-icon { margin-bottom: 0.75rem; }

.feature-item-title { font-size: 1.5rem; font-weight: bold; line-height: 160%; margin-bottom: 0.5rem; }

.feature-item-text { font-size: 1rem; font-weight: normal; line-height: 180%; }

.card-section { background: rgb(238, 244, 252); border-radius: 24px; position: relative; overflow: hidden; }

.card-colors-selection { position: absolute; top: 30%; z-index: 999; }

.card-colors-selection ul { padding: 0px; }

.color-selection-item { list-style: none; margin-bottom: 1rem; border: 2px solid rgb(73, 128, 224); width: 40px; height: 40px; border-radius: 50%; text-align: center; vertical-align: middle; cursor: pointer; }

.color-selection { width: 32px; height: 32px; border-radius: 50%; background: rgb(73, 128, 224); margin: 2px; }

.howto-slider-title { display: flex; justify-content: space-between; }

.slider-controller { display: flex; }

.slider-controller-btn { display: flex; align-items: center; justify-content: center; background: rgb(237, 244, 252); border-radius: 0.5rem; margin-right: 0.5rem; width: 3.5rem; height: 3.5rem; cursor: pointer; }

.howto-container { width: 100%; overflow: hidden; }

.slides { display: flex; transition: transform 0.5s; }

.slide-item { flex: 1 0 200px; text-align: center; transition: transform 0.3s; position: relative; margin-left: 1rem; padding: 0px; border-radius: 1.5rem; gap: 1.5rem; }

.slide-content { padding: 3rem 3rem 0px; }

.blu-badge { border: 0px; font-size: 0.75rem; font-weight: 500; line-height: 160%; border-radius: 1rem; display: inline-block; cursor: default; }

.blu-badge-lg { padding: 0.25rem 0.75rem; }

.blu-badge-md { padding: 0.125rem 0.5rem; }

.blu-badge-sm { padding: 0px 0.375rem; }

.blu-badge-lg { padding: 0.25rem 0.75rem; }

.blu-badge-md { padding: 0.125rem 0.5rem; }

.blu-badge-sm { padding: 0px 0.375rem; }

.blu-badge-bg-blue, .blu-badge-bg-green, .blu-badge-bg-red { background-color: var(--blu-colors-blue) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-green, .blu-badge-bg-red { background-color: var(--blu-colors-red) !important; }

.blu-badge-bg-green { background-color: var(--blu-colors-green) !important; }

.blu-badge-bg-black, .blu-badge-bg-gray, .blu-badge-bg-yellow { background-color: var(--blu-colors-yellow) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-gold { background-color: var(--blu-colors-yellow) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-purple { background-color: rgb(101, 88, 177) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-black, .blu-badge-bg-gray { background-color: var(--blu-colors-gray) !important; }

.blu-badge-bg-black { background-color: var(--blu-colors-black) !important; }

.blu-badge-bg-white { background-color: var(--blu-colors-white) !important; color: var(--blu-colors-black) !important; }

.blu-badge-text-blue, .blu-badge-text-red { background-color: transparent !important; color: var(--blu-colors-blue) !important; }

.blu-badge-text-red { color: var(--blu-colors-red) !important; }

.blu-badge-text-green, .blu-badge-text-yellow { background-color: transparent !important; color: var(--blu-colors-green) !important; }

.blu-badge-text-yellow { color: var(--blu-colors-yellow) !important; }

.blu-badge-text-black, .blu-badge-text-gray { background-color: transparent !important; color: var(--blu-colors-gray) !important; }

.blu-badge-text-black { color: var(--blu-colors-black) !important; }

.h3-title { font-size: 1.5rem; font-weight: bold; line-height: 160%; }

.slides-indicator-wrapper { display: flex; gap: 0.5rem; align-items: center; justify-content: center; }

.slide-indicator { width: 0.5rem; height: 0.5rem; background: rgb(237, 244, 252); border-radius: 0.5rem; overflow: hidden; position: relative; }

.slide-indicator.active { width: 3.5rem; }

.slide-indicator::after { position: absolute; width: 3.5rem; height: 0.5rem; border-radius: 0.5rem; background: rgb(78, 145, 230); top: 0px; left: 3.5rem; content: ""; transition: transform linear; }

.slide-indicator.active::after { transition: transform 10s linear; transform: translateX(-3.5rem); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1rem; font-weight: 500; line-height: 175%; border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-secondary { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.teaser-content { padding: 48px 80px; }

.teaser-content { background: url("../img/teaser-background.svg") 0% 0% / cover no-repeat; color: var(--blu-colors-white); border-radius: 1rem; position: relative; margin-top: 10rem; }

.teaser-content p { color: var(--blu-colors-white); }

.blu-fs-d-sm-36, .display-small, p.display-small { font-size: 2.25rem; font-weight: 800; line-height: 160%; }

.blu-text-white { color: var(--blu-colors-white); }

.teaser-image { position: absolute; bottom: 0px; left: 20px; }

.teaser-image img { margin: 0px; }

.blu-fs-b-lg-18, .body-large, p.body-large { font-size: 1.125rem; font-weight: 400; line-height: 180%; }

.teaser-text { max-width: 50%; }

.teaser-content p { margin-top: 16px; margin-bottom: 24px; }

.footer-contact-section { padding: 3.5rem 0px; background: rgb(228, 234, 236); border-top: 1px solid rgba(191, 204, 211, 0.5); }

.copyright-section { display: flex; justify-content: space-between; }

.copyright-wrapper { display: flex; gap: 0.75rem; }

.copyright { color: rgb(113, 142, 156); font-size: 0.75rem; }

.contact { color: rgb(37, 48, 53); font-size: 0.875rem; }

.copyright a { text-decoration: none; color: rgb(78, 145, 230); }

.rule-page { color: rgb(113, 142, 156); font-size: 0.75rem; margin-right: 0.75rem; }

.rule-page::after { content: url("../img/divider-h.svg"); margin-right: 0.75rem; }

.rule-page:last-child::after { content: ""; }

.rule-page a { text-decoration: none; color: rgb(113, 142, 156); }

.footer-logo-wrapper { display: flex; justify-content: space-between; flex-direction: column; }

.footer-logo-wrapper-line { display: flex; justify-content: space-between; }

.footer-sitemap { background: rgb(242, 245, 246); }

.sitemap-links-group a { color: rgb(113, 142, 156); text-decoration: none; }

.sitemap-links-group li { color: rgb(113, 142, 156); font-size: 0.875rem; margin-bottom: 0.75rem; }

.sitemap-links-group li:last-child { margin-bottom: 0px; }

.sitemap-links-group ul { padding: 0px; }

.sitemap-title { color: rgb(37, 48, 53); font-size: 1rem; font-weight: bold; line-height: 1.25rem; margin-bottom: 1.5rem; }

.footer-input-group { display: flex; }

.footer-input-group button.blu-btn-secondary { margin-right: 0.5rem; border-radius: 0.5rem !important; }

.input-email { border: 0px; border-radius: 0.5rem !important; }

.move-top { cursor: pointer; }

.slides { display: flex; transition: transform 0.5s ease-in-out; width: 100%; }

.slide-item { flex: 0 0 calc(40%); box-sizing: border-box; }

.footer-input-group .blu-btn-secondary { background: none; }

.v-divider { width: 1px; height: 100%; border-left: 1px solid rgb(242, 245, 246); }

.slide-content { margin-bottom: 5rem; }

.select-blue-color, .select-green-color, .select-red-color, .select-yellow-color, .select-purple-color, .select-rosegold-color, .select-black-color { border-color: transparent; }

.select-blue-color:has(.selected), .select-blue-color:hover { border-color: var(--blu-card-color-selector-blue); }

.select-blue-color .color-selection { background-color: var(--blu-card-color-selector-blue); }

.select-green-color:has(.selected), .select-green-color:hover { border-color: var(--blu-card-color-selector-blue); }

.select-green-color .color-selection { background-color: var(--blu-card-color-selector-green); }

.select-red-color:has(.selected), .select-red-color:hover { border-color: var(--blu-card-color-selector-blue); }

.select-red-color .color-selection { background-color: var(--blu-card-color-selector-red); }

.select-yellow-color .color-selection { background-color: rgb(255, 209, 0); }

.select-purple-color .color-selection { background-color: rgb(101, 88, 177); }

.select-rosegold-color .color-selection { background-color: rgb(225, 166, 173); }

.hideEl { display: none !important; }

.select-black-color .color-selection { background-color: rgb(51, 51, 51); }

.select-black-color:has(.selected), .select-black-color:hover { border-color: var(--blu-card-color-selector-blue); }

.rounded-box { border-radius: 1.5rem; padding: 3rem; position: relative; }

.rounded-box-pb-0 { padding-bottom: 0px; }

.blu-bg-surface { background-color: var(--blu-cards-bg-surface); }

.blu-bg-blue { background-color: var(--blu-cards-bg-blue); }

.blu-bg-yellow { background-color: var(--blu-cards-bg-yellow); }

.blu-bg-rose { background-color: var(--blu-cards-bg-rose); }

.blu-bg-red { background-color: var(--blu-cards-bg-red); }

.blu-bg-green { background-color: var(--blu-cards-bg-green); }

.blu-bg-purple { background-color: var(--blu-cards-bg-purple); }

.blu-bg-gold { background-color: var(--blu-cards-bg-gold); }

.card-data-section { padding: 3rem; }

.card-data-section img { margin: 0px; max-width: 90%; }

.card-back-crop { padding-top: 0px; }

.card-front-crop { padding-bottom: 0px; }

@media screen and (max-width: 500px) {
  .teaser-content { margin-top: 2rem; }
  .slide-item { flex: 0 0 calc(90.9091%); box-sizing: border-box; padding: 0px; }
  .banner-wrapper { flex-direction: column; }
  .banner-title { font-size: 2rem; text-align: center; }
  .banner-description { font-size: 1rem; }
  .h2-title { font-size: 1.5rem; }
  .feature-wrapper { flex-direction: column; }
  .feature-item { width: 100%; }
  .content-container { max-width: initial; }
  .blu-feature-section-title { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.5rem; color: rgb(48, 127, 226); }
  .page-title { font-size: 1.125rem; text-align: center; }
  .white-space-64 { height: 2rem; width: 100%; }
  .white-space-96 { height: 2.5rem; width: 100%; }
  .white-space-120 { height: 5rem; }
  .white-space-128 { height: 3.5rem; }
  .service-title { font-size: 1.125rem; text-align: center; }
  .video-section { padding: 2rem 0px; }
  .user-sounds-icon svg { width: 70px; height: 70px; }
  .user-comments-row { background: none; scroll-padding-left: 300px; }
  .user-sounds-row { background: url("../img/icon-user-comments-sound-mobile.svg") center center no-repeat; }
  .accordion-button:not(.collapsed) { color: rgb(0, 0, 0); }
  .accordion-button { font-size: 1rem; line-height: 1.5rem; }
  .btn { font-size: 0.9rem; padding: 0.5rem 1.5rem; margin-right: 0.25rem; }
  .howto-switch-btn { padding: 0.75rem; width: 46%; }
  .white-space-80 { height: 2.5rem; width: 100%; }
  .footer-section { padding: 0px; }
  .footer { border-radius: 0px; padding: 2.5rem 1.5rem; flex-direction: column; margin-bottom: 1rem; }
  .footer-logo-section { max-width: 100%; margin: 0px 0px 5rem; }
  .footer-copyright-wrapper p { font-size: 0.8rem; padding: 0px 0px 5rem; }
  .btn-black { width: 100%; margin: 1rem 0px; }
  .footer .btn { margin: 1rem 0px; }
  .footer .feature h2 { color: rgb(0, 0, 0); }
  .footer-section { padding: 5rem 1rem; background-color: rgb(242, 245, 246); color: rgb(110, 130, 149); }
  .footer { display: flex; }
  .footer-logo-section { max-width: 45%; margin-left: 3rem; display: flex; flex-direction: column; justify-content: space-between; }
  .footer .btn { padding: 0.75rem; margin: 0px 0px 0px 1rem; }
  .footer .btn:last-child { margin: 0px; }
  .footer-logo { margin-bottom: 2.5rem; }
  .footer-logo-title { color: rgb(48, 127, 226); font-size: 1.125rem; font-weight: bold; margin-bottom: 1rem; }
  .footer-logo-description { margin: 0px 0px 2.25rem; color: rgb(110, 130, 149); text-align: right; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; }
  .footer-feature-item h3 { margin-bottom: 0.75rem; color: rgb(44, 62, 80); font-size: 1.5rem; font-weight: 800; line-height: 1.5rem; }
  @media screen and (max-width: 600px) {
  .footer-section { padding: 0px; }
  .footer { border-radius: 0px; padding: 2.5rem 1.5rem; flex-direction: column; margin-bottom: 1rem; }
  .footer-logo-section { max-width: 100%; margin: 0px 0px 5rem; }
  .footer-copyright-wrapper p { font-size: 0.8rem; padding: 0px 0px 5rem; }
  .btn-black { width: 100%; margin: 1rem 0px; }
  .footer .btn { margin: 1rem 0px; }
}
  .hero-feature-icon { margin-left: 1rem; }
  .section-cta { border-radius: 0px; padding: 1rem; }
  .section-cta a { }
  .feature-card { margin: 1rem 1.5rem; padding: 1.5rem 0px; border-bottom: 1px solid rgb(215, 215, 215); }
  .feature-card:last-child { border-bottom: 0px; }
  .feature-card i { margin-left: 1rem; }
  .service-box { width: 100%; margin: 0px; padding: 1rem 2rem !important; }
  .users-list { padding: 1rem; border: 1px solid rgb(238, 238, 238); border-radius: 1.5rem; margin: 0px 1.5rem; }
  .user-data-item:last-child { border: 0px !important; }
  .user-item-header { font-size: 12px; }
  .user-item-value { font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); }
  .user-item-number { direction: ltr; text-align: left; }
  .copyright-text { padding-bottom: 80px; }
  .intro-description-item { max-width: 100%; margin: 0px 2rem 2.25rem; text-align: right; }
  .intro-description-item-icon { margin: 1rem; }
  .intro-description-item-icon-bg { margin: 0px 0px 0px 1.5rem; }
  .intro-description-item-icon svg { width: 48px; height: 48px; }
  .intro-condition-col { max-width: 100%; }
  .intro-description-item-title { font-size: 1rem; margin-bottom: 0.5rem; }
  .intro-description-item-text { font-size: 0.75rem; margin-bottom: 0.5rem; }
  .intro-condition-col .intro-description-item-icon { margin: 1rem 0px 1rem 1.5rem; }
  .intro-condition-item-text { text-align: right; }
  .intro-hero-image { max-width: 100%; }
  .intro-hero-image img { max-width: 250px; }
  .howto-guide { flex-direction: column; }
  .howto-guide-wrapper::before { border: 0px; }
  .howto-guide-step { margin-top: 2rem; }
  .howto-guide-item { width: 100%; }
  .howto-title h2 { font-size: 1.125rem; }
  .howto-switch-wrapper { margin-top: 0px; width: 100%; }
  .features { flex-direction: column; gap: 1rem; }
  .feature-btn-tag { width: 100%; }
  .section-title { text-align: center; margin: 0px auto; line-height: 2.5rem; }
  .section-title::before { display: block; text-align: center; margin-bottom: 0px; margin-left: 0px; }
  .awards-winners-gifts { gap: 1rem; }
  .winners-gift { padding: 1rem; }
  .winners-gift-texts { padding-right: 1rem; margin-right: 1rem; }
  .winners-gift-subtitle { font-size: 0.67rem; }
  .footer-logo { margin-bottom: 1.5rem; text-align: center; }
  .banner-content { right: auto; left: 50%; transform: translateX(-50%); width: 284px; }
  .banner-awards { position: absolute; top: 35%; right: auto; left: 50%; transform: translateX(-50%); width: 285px; }
  .blu-bigbox-description { height: 200px; overflow: hidden; transition: 1s; }
  .blu-slide { justify-items: stretch; flex-wrap: wrap; height: 650px; max-height: 650px; }
  .slide-header { width: 100%; height: 56px; border-radius: 1rem 1rem 0px 0px; padding: 1rem; text-align: right; }
  .slide-inside { width: 100%; height: 100%; }
  .slide-header-text { writing-mode: initial; }
  .slide-inside-wrapper { flex-wrap: wrap; padding: 1rem 1.5rem; margin-top: 0px; justify-content: center; }
  .slide-title { font-size: 1.3rem; font-weight: bold; }
  .slide-image { flex: 1 0 100%; order: 0; text-align: center; max-width: calc(-10% + 100vw); }
  .slide-image img { width: 100%; }
  .slide-content { flex: 1 0 100%; order: 1; margin-bottom: 3rem; padding: 2rem 2rem 0px; }
  .blu-slide-block { transform: translateX(0px); }
  .blu-slide-block:nth-child(2) { transform: translateY(calc(100% - 234px)); }
  .blu-slide-block:nth-child(3) { transform: translateY(calc(100% - 188px)); }
  .blu-slide-block:nth-child(4) { transform: translateY(calc(100% - 142px)); }
  .blu-slide-block:nth-child(5) { transform: translateY(calc(100% - 96px)); }
  .slide-line { display: flex; justify-content: space-between; align-items: center; }
  .slide-score-tag { font-size: 1rem; padding: 0.5rem 1rem; line-height: 2rem; }
  .slide-description { margin-top: 0.5rem; }
  .blu-slide.active > .slide-header, .blu-slide-last > .slide-header { width: 100%; }
  .slides-wrapper { height: 650px; }
  .banner-btn { padding: 0.875rem 1.25rem; }
  .blu-slide.active > .slide-header, .blu-slide-last > .slide-inside { border-radius: 0px; }
  .btn-black, .btn-black:hover { width: 100%; }
  .awards-intro { font-size: 1.5rem; }
  .section-title { font-size: 1.5rem; }
  .btn-row { display: flex; }
  .btn-row .btn { width: 100%; }
  .slide-number { margin-left: 0.5rem; }
  .slider-controller-section { display: flex; justify-content: space-between; }
  .teaser-title { font-size: 1.5rem; }
  .teaser-text { max-width: 100%; }
  .teaser-content { padding: 48px 1.5rem 20rem; text-align: center; }
  .copyright-section, .copyright-wrapper { flex-direction: column; }
  .divider-h { display: none; }
  .footer-contact-section { text-align: center; }
  ul { padding-left: 0px; padding-inline-start: 0px; }
  .sitemap-links-group .list-unstyled { display: none; }
  .sitemap-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(175, 175, 175); margin-top: 1.5rem; padding-bottom: 1rem; }
  .sitemap-title::after { content: url("../img/icon-plus.svg"); cursor: pointer; }
  .sitemap-title.close::after { content: url("../img/blu-icon-remove.svg"); cursor: pointer; }
  .navbar-toggler-icon { background: url("../img/navbar-icon.svg"); }
}

:root { --blu-text-color: #081f3c; --blu-text-secondary-color: #718e9c; --blu-colors-white: #fff; --blu-colors-blue: #307fe2; --blu-colors-red: #ff0d3b; --blu-colors-green: #00ab84; --blu-colors-yellow: #bf9d00; --blu-colors-gray: #bfccd3; --blu-colors-black: #081f3c; --blu-colors-surfacehigh: #081f3c; --blu-colors-surfacemedium: #718e9c; --blu-colors-surfacedisable: #bfccd3; --blu-colors-onprimary: #fff; --blu-colors-light: #edf4fc; --blu-colors-lightsurfacemedium: #f7f9fa; --blu-colors-lead: #718e9c; --blu-colors-footer-li: #718e9c; --blu-divider-color: #ccd6dc; --blu-btn-primary-bg: #307fe2; --blu-btn-primary-bg-hovered: #458ce5; --blu-btn-primary-bg-pressed: #5999e8; --blu-btn-primary-bg-focused: #307fe2; --blu-btn-primary-bg-disabled: #bfccd3; --blu-btn-primary-stroke: transparent; --blu-btn-primary-stroke-hovered: transparent; --blu-btn-primary-stroke-pressed: transparent; --blu-btn-primary-stroke-focused: transparent; --blu-btn-primary-stroke-disabled: transparent; --blu-btn-primary-text: #fff; --blu-btn-primary-text-hovered: #fff; --blu-btn-primary-text-pressed: #fff; --blu-btn-primary-text-focused: #fff; --blu-btn-primary-text-disabled: #718e9c; --blu-btn-secondary-bg: #fff; --blu-btn-secondary-bg-hovered: #edf4fc; --blu-btn-secondary-bg-pressed: #dce9fa; --blu-btn-secondary-bg-focused: #fff; --blu-btn-secondary-bg-disabled: #fff; --blu-btn-secondary-stroke: #4e91e6; --blu-btn-secondary-stroke-hovered: #4e91e6; --blu-btn-secondary-stroke-pressed: #4e91e6; --blu-btn-secondary-stroke-focused: #4e91e6; --blu-btn-secondary-stroke-disabled: #bfccd3; --blu-btn-secondary-text: #4e91e6; --blu-btn-secondary-text-hovered: #4e91e6; --blu-btn-secondary-text-pressed: #4e91e6; --blu-btn-secondary-text-focused: #4e91e6; --blu-btn-secondary-text-disabled: #bfccd3; --blu-btn-tertiary-bg: #edf4fc; --blu-btn-tertiary-bg-hovered: #ddeafa; --blu-btn-tertiary-bg-pressed: #cde0f8; --blu-btn-tertiary-bg-focused: #edf4fc; --blu-btn-tertiary-bg-disabled: #f2f5f6; --blu-btn-tertiary-stroke: transparent; --blu-btn-tertiary-stroke-hovered: transparent; --blu-btn-tertiary-stroke-pressed: transparent; --blu-btn-tertiary-stroke-focused: transparent; --blu-btn-tertiary-stroke-disabled: transparent; --blu-btn-tertiary-text: #307fe2; --blu-btn-tertiary-text-hovered: #307fe2; --blu-btn-tertiary-text-pressed: #307fe2; --blu-btn-tertiary-text-focused: #307fe2; --blu-btn-tertiary-text-disabled: #bfccd3; --blu-btn-text-bg: transparent; --blu-btn-text-bg-hovered: #edf4fc; --blu-btn-text-bg-pressed: #ddeafa; --blu-btn-text-bg-focused: transparent; --blu-btn-text-bg-disabled: transparent; --blu-btn-text-stroke: transparent; --blu-btn-text-stroke-hovered: transparent; --blu-btn-text-stroke-pressed: transparent; --blu-btn-text-stroke-focused: transparent; --blu-btn-text-stroke-disabled: transparent; --blu-btn-text-text: #307fe2; --blu-btn-text-text-hovered: #307fe2; --blu-btn-text-text-pressed: #307fe2; --blu-btn-text-text-focused: #307fe2; --blu-btn-text-text-disabled: #bfccd3; --blu-btn-white-bg: #fff; --blu-btn-white-bg-hovered: #edf4fc; --blu-btn-white-bg-pressed: #dce9fa; --blu-btn-white-bg-focused: #fff; --blu-btn-white-bg-disabled: #fff; --blu-btn-white-stroke: transparent; --blu-btn-white-stroke-hovered: transparent; --blu-btn-white-stroke-pressed: transparent; --blu-btn-white-stroke-focused: transparent; --blu-btn-white-stroke-disabled: transparent; --blu-btn-white-text: #307fe2; --blu-btn-white-text-hovered: #307fe2; --blu-btn-white-text-pressed: #307fe2; --blu-btn-white-text-focused: #307fe2; --blu-btn-white-text-disabled: #bfccd3; --blu-btn-chip-selected-bg: #307fe2; --blu-btn-chip-selected-bg-hovered: #458ce5; --blu-btn-chip-selected-bg-pressed: #5999e8; --blu-btn-chip-selected-bg-focused: #307fe2; --blu-btn-chip-selected-bg-disabled: #bfccd3; --blu-btn-chip-selected-stroke: transparent; --blu-btn-chip-selected-stroke-hovered: transparent; --blu-btn-chip-selected-stroke-pressed: transparent; --blu-btn-chip-selected-stroke-focused: transparent; --blu-btn-chip-selected-stroke-disabled: transparent; --blu-btn-chip-selected-text: #fff; --blu-btn-chip-selected-text-hovered: #fff; --blu-btn-chip-selected-text-pressed: #fff; --blu-btn-chip-selected-text-focused: #fff; --blu-btn-chip-selected-text-disabled: #718e9c; --blu-btn-chip-unselected-bg: #fff; --blu-btn-chip-unselected-bg-hovered: #edf4fc; --blu-btn-chip-unselected-bg-pressed: #dce9fa; --blu-btn-chip-unselected-bg-focused: #fff; --blu-btn-chip-unselected-bg-disabled: #fff; --blu-btn-chip-unselected-stroke: #f2f5f6; --blu-btn-chip-unselected-stroke-hovered: #f2f5f6; --blu-btn-chip-unselected-stroke-pressed: #f2f5f6; --blu-btn-chip-unselected-stroke-focused: #f2f5f6; --blu-btn-chip-unselected-stroke-disabled: #f2f5f6; --blu-btn-chip-unselected-text: #253035; --blu-btn-chip-unselected-text-hovered: #253035; --blu-btn-chip-unselected-text-pressed: #253035; --blu-btn-chip-unselected-text-focused: #253035; --blu-btn-chip-unselected-text-disabled: #253035; --blu-btn-faq-selected-bg: #307fe2; --blu-btn-faq-selected-bg-hovered: #458ce5; --blu-btn-faq-selected-bg-pressed: #5999e8; --blu-btn-faq-selected-bg-focused: #307fe2; --blu-btn-faq-unselected-bg: #fff; --blu-btn-faq-unselected-bg-hovered: #edf4fc; --blu-btn-faq-unselected-bg-pressed: #dce9fa; --blu-btn-faq-unselected-bg-focused: #fff; --blu-cards-bg-surface: #f2f5f6; --blu-cards-bg-blue: #edf4fc; --blu-cards-bg-yellow: #fff8db; --blu-cards-bg-rose: #fbf2f3; --blu-cards-bg-red: #fbf2f3; --blu-cards-bg-green: #e5f7f4; --blu-cards-bg-purple: #f2f1f9; --blu-cards-bg-gold: #f8f6f1; --blu-cards-btn-bg: #fff; --blu-cards-btn-text: #307fe2; --blu-cards-btn-bg-hovered: #307fe2; --blu-cards-btn-text-hovered: #fff; --blu-card-color-selector-blue: #307fe2; --blu-card-color-selector-blue-hovered: #307fe2; --blu-card-color-selector-blue-pressed: #307fe2; --blu-card-color-selector-red: #ff0d3b; --blu-card-color-selector-red-hovered: #ff0d3b; --blu-card-color-selector-red-pressed: #ff0d3b; --blu-card-color-selector-green: #00ab84; --blu-card-color-selector-green-hovered: #00ab84; --blu-card-color-selector-green-pressed: #00ab84; --blu-card-color-selector-black: #000; --blu-card-color-selector-black-hovered: #000; --blu-card-color-selector-black-pressed: #000; --blu-card-color-selector-white: #fff; --blu-card-color-selector-white-hovered: #fff; --blu-card-color-selector-white-pressed: #fff; --c-white: #fff; --c-whitelight: #f2f5f6; --c-whitegray: #e2e0f1; --c-purple: #6558b1; --c-purplelight: #8675eb; --c-greendark: #00523f; --c-greenlight: #00ab84; --c-green: #007f62; --c-greenlighter: #aee5dd; --c-greenverylight: #d9f2ee; --c-graydark: #4a5f6a; --c-graylight: #9fabbe; --c-graymetal: #718e9c; --c-blacklight: #2b3440; --c-blacknight: #253035; --c-blackdark: #1b2028; --color-l-timeline-box-border: var(--c-GreenLighter); --color-d-timeline-box-border: var(--c-GreenLight); --color-timeline-box-border: var(--color-l-timeline-box-border); --color-l-timeline-box-number: var(--c-Green); --color-d-timeline-box-number: var(--c-GreenLight); --color-timeline-box-number: var(--color-l-timeline-box-number); --color-l-timeline-border: var(--c-GreenLighter); --color-d-timeline-border: var(--c-GreenLight); --color-timeline-border: var(--color-l-timeline-border); --color-bg-l-box-splitter: var(--c-WhiteGray); --color-bg-d-box-splitter: var(--c-Purple); --color-bg-box-splitter: var(--color-bg-l-box-splitter); --color-bg-master: var(--c-Purple); --color-bg-light-slave: var(--c-GreenLight); --color-bg-light-slave-light: var(--c-GreenLighter); --color-bg-dark-slave: var(--c-GreenLight); --color-bg-dark-slave-light: var(--c-GreenDark); --color-bg-slave: var(--color-bg-light-slave); --color-bg-slave-light: var(--color-bg-light-slave-light); --color-bg-body-light: var(--c-White); --color-bg-body-dark: var(--c-BlackDark); --color-bg-body: var(--color-bg-body-light); --color-text-body-light-title: var(--c-GrayDark); --color-text-body-dark-title: var(--c-GrayLight); --color-text-body-title: var(--c-GrayDark); --color-bg-light-footer: var(--c-White); --color-bg-dark-footer: var(--c-BlackLight); --color-bg-footer: var(--color-bg-light-footer); --color-dark-edge: var(--c-BlackLight); --color-light-edge: var(--c-WhiteGray); --color-edge: var(--color-light-edge); --color-l-feature-icon-back: var(--c-GreenVeryLight); --color-d-feature-icon-back: var(--c-GreenDark); --color-feature-icon-back: var(--color-l-feature-icon-back); --fs-text-body-h2: 1rem; --fw-text-body-h2: 800; --lh-text-body-h2: 150%; --fs-text-body-h3: 1rem; --fw-text-body-h3: 800; --lh-text-body-h3: 118.5%; --color-body-light-p: var(--c-GrayMetal); --color-body-dark-p: var(--c-GrayLight); --color-body-p: #253035; --fs-text-body-p: 16px; --fw-text-body-p: 400; --lh-text-body-p: 150%; --color-text-body-light-paraph: var(--c-GrayDark); --color-text-body-dark-paraph: var(--c-GrayLight); --color-hero-back: var(--color-bg-master); --color-hero-text-light-title: var(--c-White); --color-hero-text-light-paraph: var(--c-White); --color-hero-text-dark-title: var(--c-White); --color-hero-text-dark-paraph: var(--c-WhiteGray); --color-hero-text-title: var(--c-White); --color-hero-text-paraph: var(--c-White); --hero-border-radius: 3rem; --color-bg-light-partner-icon: var(--c-White); --color-bg-dark-partner-icon: var(--c-BlackNight); --color-bg-partner-icon: var(--color-bg-light-partner-icon); }

body { font-family: "Yekan Bakh VF", sans-serif; font-variation-settings: "DOTS" 1; letter-spacing: -0.03em; direction: rtl; color: rgb(37, 48, 53); background: var(--color-bg-body); }

h2 { font-size: 1.1rem; font-weight: bold; margin-bottom: 1rem; }

p { padding: 0px; margin: 0px; }

img { margin-bottom: 0.5rem; }

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

.hero-section { position: relative; overflow: hidden; transition: 300ms; }

.blu-hero-title { margin: 1.5rem 0px; }

.blur-background { position: absolute; mix-blend-mode: hard-light; opacity: 0.85; width: 180px; height: 200px; top: 10%; left: 25%; }

#back-circles { --header-height: 148px; --container-size: 1176px; --box-size: 100vh; --circle-diameter: 100px; --grow-factor: 1.25; top: -35%; overflow: hidden; width: var(--box-size); height: calc(var(--box-size) - var(--header-height)); position: absolute; left: calc((var(--container-size) - var(--box-size)) / 2); z-index: -1; }

.back-circle-item { border: 1px solid rgb(246, 246, 246); border-radius: 50%; position: absolute; z-index: -1; opacity: 0.9; }

.back-circle-item:nth-child(1) { --circle-size: calc(1 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(1), .back-circle-item:nth-child(2), .back-circle-item:nth-child(3) { height: var(--circle-size); width: var(--circle-size); top: calc((100% - var(--circle-size))/2); left: calc((100% - var(--circle-size))/2); }

.back-circle-item:nth-child(2) { --circle-size: calc(2 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(3) { --circle-size: calc(3 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(4) { --circle-size: calc(4 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(4), .back-circle-item:nth-child(5), .back-circle-item:nth-child(6) { height: var(--circle-size); width: var(--circle-size); top: calc((100% - var(--circle-size))/2); left: calc((100% - var(--circle-size))/2); }

.back-circle-item:nth-child(5) { --circle-size: calc(5 * var(--grow-factor) * var(--circle-diameter)); }

.back-circle-item:nth-child(6) { --circle-size: calc(6 * var(--grow-factor) * var(--circle-diameter)); }

#blu-features-circles { --n: 13; --d: 60s; --w: 100vh; --h: 100vh; width: var(--w); height: var(--w); margin: 40px auto; border: 1px solid rgb(246, 246, 246); display: grid; grid-template-columns: 30px; grid-template-rows: 30px; place-content: center; border-radius: 50%; position: absolute; top: -50%; left: calc(588px - 50vh); z-index: -1; }

.features-icon { grid-area: 1 / 1; line-height: 30px; text-align: center; border-radius: 50%; animation: spin var(--d) linear infinite; transform: rotate(0) translate(calc(var(--h)/2)) rotate(0); }

.features-icon:nth-child(1) { animation-delay: calc(0*var(--d)/var(--n)); }

.features-icon:nth-child(2) { animation-delay: calc(-1*var(--d)/var(--n)); }

.features-icon:nth-child(3) { animation-delay: calc(-2*var(--d)/var(--n)); }

.features-icon:nth-child(4) { animation-delay: calc(-3*var(--d)/var(--n)); }

.features-icon:nth-child(5) { animation-delay: calc(-4*var(--d)/var(--n)); }

.features-icon:nth-child(6) { animation-delay: calc(-5*var(--d)/var(--n)); }

.features-icon:nth-child(7) { animation-delay: calc(-6*var(--d)/var(--n)); }

.features-icon:nth-child(8) { animation-delay: calc(-7*var(--d)/var(--n)); }

.features-icon:nth-child(9) { animation-delay: calc(-8*var(--d)/var(--n)); }

.features-icon:nth-child(10) { animation-delay: calc(-9*var(--d)/var(--n)); }

.features-icon:nth-child(11) { animation-delay: calc(-10*var(--d)/var(--n)); }

.features-icon:nth-child(12) { animation-delay: calc(-11*var(--d)/var(--n)); }

.features-icon:nth-child(13) { animation-delay: calc(-12*var(--d)/var(--n)); }

.blu-text-blue { color: var(--blu-colors-blue); }

.blu-bg-surface { background-color: var(--blu-cards-bg-surface); }

.blu-bg-blue { background-color: var(--blu-cards-bg-blue); }

.blu-bg-yellow { background-color: var(--blu-cards-bg-yellow); }

.blu-bg-rose { background-color: var(--blu-cards-bg-rose); }

.blu-bg-red { background-color: var(--blu-cards-bg-red); }

.blu-bg-green { background-color: var(--blu-cards-bg-green); }

.blu-bg-purple { background-color: var(--blu-cards-bg-purple); }

.blu-bg-gold { background-color: var(--blu-cards-bg-gold); }

.blu-bg-black { background-color: rgb(242, 245, 246); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1.125rem; font-weight: 500; line-height: 175%; color: var(--blu-colors-white); border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-icon-right { margin-left: 0.5rem; }

.blu-btn-icon-left { margin-right: 0.5rem; }

.blu-btn-primary { background-color: var(--blu-btn-primary-bg); color: var(--blu-btn-primary-text); border-color: var(--blu-btn-primary-stroke); }

.blu-btn-primary:hover { background-color: var(--blu-btn-primary-bg-hovered); color: var(--blu-btn-primary-text-hovered); border-color: var(--blu-btn-primary-stroke-hovered); }

.blu-btn-primary:active { background-color: var(--blu-btn-primary-bg-pressed); color: var(--blu-btn-primary-text-pressed); border-color: var(--blu-btn-primary-stroke-pressed); }

.blu-btn-primary:focus { background-color: var(--blu-btn-primary-bg-focused); color: var(--blu-btn-primary-text-focused); border-color: var(--blu-btn-primary-stroke-focused); }

.blu-btn-primary:disabled { background-color: var(--blu-btn-primary-bg-disabled); color: var(--blu-btn-primary-text-disabled); border-color: var(--blu-btn-primary-stroke-disabled); }

.blu-btn-outline { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-outline:hover { background-color: var(--blu-btn-secondary-bg-hovered); color: var(--blu-btn-secondary-text-hovered); outline-color: var(--blu-btn-secondary-stroke-hovered); }

.blu-btn-outline:active { background-color: var(--blu-btn-secondary-bg-pressed); color: var(--blu-btn-secondary-text-pressed); outline-color: var(--blu-btn-secondary-stroke-pressed); }

.blu-btn-outline:focus { background-color: var(--blu-btn-secondary-bg-focused); color: var(--blu-btn-secondary-text-focused); outline-offset: -0.125rem; outline: solid 0.125rem !important; }

.blu-btn-outline:disabled { background-color: var(--blu-btn-secondary-bg-disabled); color: var(--blu-btn-secondary-text-disabled); outline-color: var(--blu-btn-secondary-stroke-disabled); }

.blu-btn-no-background { background-color: var(--blu-btn-text-bg); color: var(--blu-btn-text-text); border-color: var(--blu-btn-text-stroke); }

.blu-btn-no-background:hover { background-color: var(--blu-btn-text-bg-hovered); color: var(--blu-btn-text-text-hovered); border-color: var(--blu-btn-text-stroke-hovered); }

.blu-btn-no-background:active { background-color: var(--blu-btn-text-bg-pressed); color: var(--blu-btn-text-text-pressed); border-color: var(--blu-btn-text-stroke-pressed); }

.blu-btn-no-background:focus { background-color: var(--blu-btn-text-bg-focused); color: var(--blu-btn-text-text-focused); border-color: var(--blu-btn-text-stroke-focused); }

.blu-btn-no-background:disabled { background-color: var(--blu-btn-text-bg-disabled); color: var(--blu-btn-text-text-disabled); border-color: var(--blu-btn-text-stroke-disabled); }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.blu-btn-white:active { background-color: var(--blu-btn-white-bg-pressed); color: var(--blu-btn-white-text-pressed); border-color: var(--blu-btn-white-stroke-pressed); }

.blu-btn-white:focus { background-color: var(--blu-btn-white-bg-focused); color: var(--blu-btn-white-text-focused); border-color: var(--blu-btn-white-stroke-focused); }

.blu-btn-white:disabled { background-color: var(--blu-btn-white-bg-disabled); color: var(--blu-btn-white-text-disabled); border-color: var(--blu-btn-white-stroke-disabled); }

.bg-gray { background-color: rgb(242, 241, 249); }

.rounded-box { border-radius: 24px; padding-left: 1rem; margin: 0.25rem !important; }

.rounded-box h2 { line-height: 3rem !important; }

.rounded-box img { float: left; }

.rounded-box-btn { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 56px; height: 56px; border-radius: 50%; background: var(--blu-colors-white); transition: 300ms; }

.rounded-box:hover .btn-flip { transform: scaleX(-1); }

.btn-animated { overflow: hidden; transition: 300ms; padding: 0px 5px; }

.btn-icon { font-size: 14px; }

.rounded-box-btn:hover, .rounded-box:hover .rounded-box-btn { background: rgb(10, 83, 190); }

.btn-animated-text { display: none; white-space: nowrap; padding-left: 15px; transform: translateX(100px); color: var(--blu-colors-white); }

.btn-animated:hover, .rounded-box:hover .btn-animated { width: 180px; transition: 300ms; border-radius: 35px; background: var(--blu-colors-white); }

.btn-animated:hover .btn-animated-text, .rounded-box:hover .btn-animated .btn-animated-text { display: block; position: relative; transition: 300ms; transform: translateX(0px); }

.scaleUp { padding: 50px; margin: 0px auto; }

.scaleUp img { transition: transform 300ms ease-in-out; }

.scaleUp:hover img { transform: scale(1.07); }

.blu-animated .blu-line-chat-item { animation: 20s linear 0s infinite normal none running blu-chat-animate; }

.blu-animated .tweet-go-right { animation: 20s linear 0s infinite normal none running blu-animate-tweet-go-right; }

.blu-animated .tweet-go-left { animation: 20s linear 0s infinite normal none running blu-animate-tweet-go-left; }

.blu-card-colors-first-text { height: 200px; }

.blu-card-colors { color: rgb(113, 142, 156); font-size: 40px; font-weight: 700; }

.blu-card-other-colors { max-height: 10rem; overflow: hidden; padding-right: 0.5rem; position: relative; width: 400px; height: 200px; }

.blu-cards-colors-to-top { margin-top: 100px; transition: 800ms; }

.blu-card-colors-animate { text-align: right; }

.rounded-box-footer { position: relative; overflow: hidden; }

.rounded-box-btn { position: absolute; bottom: 10%; right: 5%; z-index: 9; }

.blu-card-btn, .rounded-box-btn { width: 3.5rem; height: 3.5rem; padding: 0.75rem; text-align: center; background-color: var(--blu-colors-white); border: 0.0625rem solid rgb(242, 245, 246); border-radius: 6.25rem; color: var(--blu-colors-blue); }

.rounded-box-btn .btn-icon svg path { fill: var(--blu-colors-blue); }

.blu-card-btn:hover, .rounded-box-btn:hover, .rounded-box:hover .blu-card-btn, .rounded-box:hover .rounded-box-btn { background-color: var(--blu-colors-blue); border: 0px; color: var(--blu-colors-white); }

.blu-card-btn:hover svg path, .rounded-box-btn:hover svg path, .rounded-box:hover .blu-card-btn svg path, .rounded-box:hover .rounded-box-btn svg path { fill: var(--blu-colors-white); }

.rounded-box { border-radius: 1.5rem; padding: 3rem; position: relative; }

.blu-fs-d-lg-64, .display-large, p.display-large { font-size: 3.5rem; font-weight: 800; line-height: 120%; }

.title-description { color: rgb(74, 95, 106); font-weight: 300; }

header { border-bottom: 1px solid rgb(242, 245, 246); }

.c-grayMetal { color: var(--c-GrayMetal) !important; }

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

.nav-link { color: rgb(37, 48, 53); margin-left: 0px; }

.breadcrumb-section { padding: 1rem 0px; }

.breadcrumb-section nav { border: 0px; }

.breadcrumb-item a { text-decoration: none; color: rgb(37, 48, 53); }

.blu-accordion-body ul { color: rgb(255, 255, 255); }

.breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: 0.5rem; color: rgb(113, 142, 156); content: url("../img/Compact_Left.svg"); }

.section-cta { background: var(--color-bg-footer); position: fixed; bottom: 0px; width: 100%; padding: 1.5rem 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 5px; text-align: center; border-radius: 1.5rem 1.5rem 0px 0px; z-index: 11; }

.copyright-text { color: var(--c-GrayMetal); margin-top: 0.5rem; font-size: 0.8rem; text-align: center; }

.section-cta.hide { transform: translateY(100px); transition: transform 300ms linear; }

.section-cta { transform: translateY(0px); transition: transform 200ms linear; }

.feature p { padding: 0px; }

p, ul { color: var(--color-body-p); font-size: var(--fs-text-body-p); font-weight: var(--fw-text-body-p); line-height: var(--lh-text-body-p); }

.white-space-24 { height: 1.5rem; width: 100%; }

.white-space-32 { height: 2rem; width: 100%; }

.white-space-40 { height: 2.5rem; width: 100%; }

.white-space-48 { height: 3rem; width: 100%; }

.white-space-56 { height: 3.5rem; width: 100%; }

.white-space-64 { height: 4rem; width: 100%; }

.white-space-80 { height: 5rem; width: 100%; }

.white-space-96 { height: 6rem; width: 100%; }

.white-space-120 { height: 7.5rem; }

.white-space-128 { height: 8rem; width: 100%; }

.mt-12 { margin-top: 0.75rem !important; }

.mb-12 { margin-bottom: 0.75rem !important; }

.mb-16 { margin-bottom: 1rem !important; }

.mb-24 { margin-bottom: 1.5rem !important; }

.mb-32 { margin-bottom: 2rem !important; }

.mb-96 { margin-bottom: 6rem !important; }

.mt-40 { margin-top: 2.5rem !important; }

.px-36 { padding: 0px 2.25rem; }

.px-96 { padding: 0px 6rem; }

.p-40 { padding: 2.5rem; }

.blu-lead { color: rgb(113, 142, 156); }

.hero-background { background-color: var(--color-hero-back); }

.blur-background { position: absolute; mix-blend-mode: hard-light; opacity: 0.85; width: 180px; height: 200px; top: 10%; left: 25%; }

.blur-circle { width: 120px; height: 160px; filter: blur(120px); position: absolute; left: 205px; top: 117px; background: rgb(78, 145, 230); }

.blur-circle:first-child { left: 265px; top: 77px; background: rgb(78, 145, 230); }

.blur-circle:last-child { left: 145px; top: 157px; background: rgb(255, 13, 59); opacity: 0.6; }

.hero-radius { border-radius: 0 0 var(--hero-border-radius) var(--hero-border-radius); }

.hero-image { max-width: 200px; margin-bottom: 52px; }

.hero-title { font-size: 20px; font-weight: 800; line-height: 150%; color: var(--color-hero-text-title); margin-bottom: 16px; }

.hero-p { font-size: 14px; font-weight: 400; line-height: 150%; color: var(--color-hero-text-paraph); }

.hero-background-bottom { background-color: var(--color-hero-back); display: block; overflow: hidden; }

.hero-shape { width: 50%; height: 50px; background-color: var(--color-bg-body); display: inline-block; float: right; }

.hero-shape:first-child { border-radius: var(--hero-border-radius) 0 0 0; }

.hero-shape:last-child { border-radius: 0 var(--hero-border-radius) 0 0; }

.blu-section-title { color: var(--color-text-body-title); font-size: 1rem; font-weight: 800; line-height: 150%; margin: 0px 0px 1.5rem; }

.feature-col { text-align: center; margin-bottom: 2rem; }

.blu-feature-icon { width: 80px; }

.blu-feature-title { color: var(--color-text-body-title); font-size: 1rem; font-weight: 800; line-height: 118%; margin: 0.75rem 0px; }

.blu-feature-paragraph { color: var(--color-text-body-title); font-size: 13px; font-weight: 400; line-height: 150%; padding: 0px; margin: 0px; }

.feature-type-col { padding: 2rem 1rem; border-radius: 1.5rem; border: 2px solid var(--color-edge); margin-top: 0.5rem; }

.blu-feature-type-title { color: var(--color-body-p); font-size: 20px; font-weight: 800; line-height: 150%; }

.blu-feature-type-paragraph { color: var(--color-body-p); font-size: 14px; font-weight: 400; line-height: 150%; }

.notify-section-icon { text-align: center; }

.notify-section-center { margin: 1rem 0px; }

.notify-title { color: var(--color-hero-text-paraph); font-size: 1rem; font-weight: 800; line-height: 150%; }

.blu-score-section { text-align: center; }

.blu-list { padding: 24px 40px; border-radius: 2rem; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; border-left: 0px; display: inline-block; }

.blu-list li { margin-bottom: 1.5rem; font-size: 14px; }

.blu-ul-icon { text-align: center; margin: 1rem auto; }

.blu-list-box { display: inline-block; text-align: right; }

.blu-timeline { list-style: none; position: relative; }

.c-bg-gray { background-color: rgb(242, 245, 246); border-radius: 1rem; }

.blu-timeline li { border-right: 2px solid var(--color-timeline-border); padding-right: 2rem; padding-bottom: 3rem; padding-top: 0px; }

.blu-timeline h3 { font-size: 1rem; font-weight: 800; line-height: 150%; color: var(--color-text-body-title); }

.blu-timeline li:first-child { padding-top: 0px; }

.blu-timeline li:last-child { border-right: 0px; }

.blu-timeline li::before { content: ""; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--color-timeline-box-border); display: block; text-align: center; color: var(--color-timeline-box-number); font-size: 20px; font-weight: 800; line-height: 120%; padding-top: 7px; position: absolute; right: 20px; background: var(--color-bg-body); }

.blu-timeline li:nth-child(1)::before { content: "۱"; }

.blu-timeline li:nth-child(2)::before { content: "۲"; }

.blu-timeline li:nth-child(3)::before { content: "۳"; }

.blu-timeline li:nth-child(4)::before { content: "۴"; }

.blu-timeline li:nth-child(5)::before { content: "۵"; }

.stat-section { position: relative; }

.stat-section img { width: 85px; margin: 40px auto; }

.blu-partners-images-box { padding: 1rem; }

.blu-partners-image { width: 70px; height: 70px; background: var(--color-bg-partner-icon); border-radius: 50%; padding: 19px; text-align: center; }

.footer { text-align: center; background: rgb(242, 245, 246); }

.blu-btn { background-color: var(--color-bg-master); color: var(--color-hero-text-paraph); padding: 0.5rem 5rem; border-radius: 0.5rem; }

.blu-btn-primary { background-color: var(--blu-btn-primary-bg); color: var(--blu-btn-primary-text); border-color: var(--blu-btn-primary-stroke); }

.blu-btn-primary:hover { background-color: var(--blu-btn-primary-bg-hovered); color: var(--blu-btn-primary-text-hovered); border-color: var(--blu-btn-primary-stroke-hovered); }

.blu-btn-primary:active { background-color: var(--blu-btn-primary-bg-pressed); color: var(--blu-btn-primary-text-pressed); border-color: var(--blu-btn-primary-stroke-pressed); }

.blu-btn-primary:focus { background-color: var(--blu-btn-primary-bg-focused); color: var(--blu-btn-primary-text-focused); border-color: var(--blu-btn-primary-stroke-focused); }

.blu-btn-primary:disabled { background-color: var(--blu-btn-primary-bg-disabled); color: var(--blu-btn-primary-text-disabled); border-color: var(--blu-btn-primary-stroke-disabled); }

.blu-btn-secondary { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-secondary:hover { background-color: var(--blu-btn-secondary-bg-hovered); color: var(--blu-btn-secondary-text-hovered); outline-color: var(--blu-btn-secondary-stroke-hovered); }

.blu-btn-secondary:active { background-color: var(--blu-btn-secondary-bg-pressed); color: var(--blu-btn-secondary-text-pressed); outline-color: var(--blu-btn-secondary-stroke-pressed); }

.blu-btn-secondary:focus { background-color: var(--blu-btn-secondary-bg-focused); color: var(--blu-btn-secondary-text-focused); outline-offset: -0.125rem; outline: solid 0.125rem !important; }

.blu-btn-secondary:disabled { background-color: var(--blu-btn-secondary-bg-disabled); color: var(--blu-btn-secondary-text-disabled); outline-color: var(--blu-btn-secondary-stroke-disabled); }

.blu-btn-text { background-color: var(--blu-btn-text-bg); color: var(--blu-btn-text-text); border-color: var(--blu-btn-text-stroke); }

.blu-btn-text:hover { background-color: var(--blu-btn-text-bg-hovered); color: var(--blu-btn-text-text-hovered); border-color: var(--blu-btn-text-stroke-hovered); }

.blu-btn-text:active { background-color: var(--blu-btn-text-bg-pressed); color: var(--blu-btn-text-text-pressed); border-color: var(--blu-btn-text-stroke-pressed); }

.blu-btn-text:focus { background-color: var(--blu-btn-text-bg-focused); color: var(--blu-btn-text-text-focused); border-color: var(--blu-btn-text-stroke-focused); }

.blu-btn-text:disabled { background-color: var(--blu-btn-text-bg-disabled); color: var(--blu-btn-text-text-disabled); border-color: var(--blu-btn-text-stroke-disabled); }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.blu-btn-white:active { background-color: var(--blu-btn-white-bg-pressed); color: var(--blu-btn-white-text-pressed); border-color: var(--blu-btn-white-stroke-pressed); }

.blu-btn-white:focus { background-color: var(--blu-btn-white-bg-focused); color: var(--blu-btn-white-text-focused); border-color: var(--blu-btn-white-stroke-focused); }

.blu-btn-white:disabled { background-color: var(--blu-btn-white-bg-disabled); color: var(--blu-btn-white-text-disabled); border-color: var(--blu-btn-white-stroke-disabled); }

.blu-btn-chips-selected { background-color: var(--blu-btn-chip-selected-bg); color: var(--blu-btn-chip-selected-text); border-color: var(--blu-btn-chip-selected-stroke); }

.blu-btn-chips-selected:hover { background-color: var(--blu-btn-chip-selected-bg-hovered); color: var(--blu-btn-chip-selected-text-hovered); border-color: var(--blu-btn-chip-selected-stroke-hovered); }

.blu-btn-chips-selected:active { background-color: var(--blu-btn-chip-selected-bg-pressed); color: var(--blu-btn-chip-selected-text-pressed); border-color: var(--blu-btn-chip-selected-stroke-pressed); }

.blu-btn-chips-selected:focus { background-color: var(--blu-btn-chip-selected-bg-focused); color: var(--blu-btn-chip-selected-text-focused); border-color: var(--blu-btn-chip-selected-stroke-focused); }

.blu-btn-chips-selected:disabled { background-color: var(--blu-btn-chip-selected-bg-disabled); color: var(--blu-btn-chip-selected-text-disabled); border-color: var(--blu-btn-chip-selected-stroke-disabled); }

.blu-btn-chips-unselected { background-color: var(--blu-btn-chip-unselected-bg); color: var(--blu-btn-chip-unselected-text); outline-offset: -0.125rem; outline: var(--blu-btn-chip-unselected-stroke) solid .125rem; }

.blu-btn-chips-unselected:hover { background-color: var(--blu-btn-chip-unselected-bg-hovered); color: var(--blu-btn-chip-unselected-text-hovered); border-color: var(--blu-btn-chip-unselected-stroke-hovered); }

.blu-btn-chips-unselected:active { background-color: var(--blu-btn-chip-unselected-bg-pressed); color: var(--blu-btn-chip-unselected-text-pressed); border-color: var(--blu-btn-chip-unselected-stroke-pressed); }

.blu-btn-chips-unselected:focus { background-color: var(--blu-btn-chip-unselected-bg-focused); color: var(--blu-btn-chip-unselected-text-focused); border-color: var(--blu-btn-chip-unselected-stroke-focused); }

.blu-btn-chips-unselected:disabled { background-color: var(--blu-btn-chip-unselected-bg-disabled); color: var(--blu-btn-chip-unselected-text-disabled); border-color: var(--blu-btn-chip-unselected-stroke-disabled); }

.blu-btn-purple { color: var(--c-PurpleLight); border: 2px solid var(--c-PurpleLight); border-radius: 0.625rem; padding: 0.75rem 1rem; margin-top: 1rem; }

.blu-btn-purple:hover { background-color: var(--c-PurpleLight); border: 2px solid var(--c-PurpleLight); }

.btn-full-width { width: 100%; max-width: 400px; }

.btn { font-size: 1rem; padding: 0.75rem 1.5rem; margin-right: 1rem; box-shadow: none !important; }

.btn-light { border: 1px solid rgb(74, 95, 106) !important; color: rgb(74, 95, 106) !important; font-weight: normal !important; background-color: rgb(255, 255, 255) !important; }

.blu-blue-background-light { background-color: rgb(244, 249, 255); padding: 3.5rem 1.5rem; border-radius: 1rem; }

.blu-blue-background-gradiant { background-image: linear-gradient(rgb(227, 240, 255), rgb(188, 217, 255)); padding-top: 65px; max-height: 330px; margin-bottom: 130px; }

.blu-blue-background, .btn-primary { background-color: rgb(48, 127, 226); border-color: rgb(48, 127, 226); }

.btn-outline-primary { border-color: rgb(48, 127, 226); color: rgb(48, 127, 226); }

.btn-outline-primary:hover { border-color: rgb(48, 127, 226); background-color: rgb(48, 127, 226); }

.logo { max-height: 60px; }

.carousel-item img { border-radius: 1rem; }

.carousel .carousel-indicators button { background-color: rgb(255, 255, 255); opacity: 1; }

.carousel-indicators .active { opacity: 1; background-color: rgb(17, 63, 135) !important; }

.carousel-control-prev-icon { background-image: url("../img/icon-arrow-left.svg"); }

.carousel-control-next-icon { background-image: url("../img/icon-arrow-right.svg"); }

.accordion-button::after { background-image: url("../img/icon-arrow-down.svg"); }

.accordion-button:not(.collapsed)::after { background-image: url("../img/icon-arrow-down-blue.svg"); }

.hero-box { max-width: 455px; margin: 0px auto; }

.hero-title { color: rgb(0, 0, 0); font-size: 3.125rem; font-weight: bold; }

.hero-p { color: rgb(115, 119, 137); font-size: 1rem; }

.my-32px { margin: 2rem 0px; }

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

.mt-32px { margin-top: 2rem; }

.hero-subtitle { color: rgb(0, 0, 0); font-size: 1.5rem; font-weight: bold; }

.hero-blu-title { color: rgb(48, 127, 226); font-size: 2.25rem; font-weight: bold; }

.hero-feature-box { background-color: rgb(240, 247, 255); padding: 1.5rem; text-align: right; color: rgb(115, 119, 137); font-size: 0.9rem; border-radius: 1.25rem; margin-top: 2rem; }

.hero-feature-box:nth-child(2n) { margin-left: 1rem; }

.hero-feature-title { color: rgb(0, 0, 0); font-size: 1.125rem; font-weight: bold; margin-bottom: 0.5rem; }

.hero-feature-icon { margin-bottom: 1.5rem; }

.c-red { color: red; }

.hero-description { font-size: 16px; line-height: 1.75rem; }

.feature-section { }

.blu-features-row { padding: 32px 40px; border-top: 1px solid rgb(113, 175, 255); border-bottom: 1px solid rgb(113, 175, 255); }

.feature-section-box { max-width: 980px; margin: 0px auto; color: rgb(188, 217, 255); overflow: hidden; }

.blu-feature-section-title { font-size: 24px; font-weight: bold; margin-bottom: 3rem; color: rgb(48, 127, 226); }

.feature-card { text-align: right; }

.feature-box-icon { margin-bottom: 1.5rem; }

.feature-box-title { font-weight: bold; font-size: 1rem; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }

.feature-box-description { font-weight: normal; font-size: 1rem; line-height: 1.625rem; color: rgb(0, 0, 0); }

.feature-section .row > * { margin-top: 0px; }

.gift-section-title { font-size: 1.5rem; font-weight: bold; margin-top: 48px; margin-bottom: 30px; color: rgb(255, 255, 255); }

.blu-gifts-hover { position: relative; padding: 3rem 0px 2rem; }

.blu-gifts-lower { margin-top: 2rem; }

.blu-gifts-box { text-align: center; background: rgb(255, 255, 255); border-radius: 1.25rem; color: rgb(0, 0, 0); margin: 0px 0.75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 0px; }

.blu-gifts-icon { position: relative; top: -45px; }

.blu-gifts-content { position: relative; top: -40px; }

.video-section-box { max-width: 980px; margin: 0px auto; }

.page-title { font-size: 1.5rem; font-weight: bold; color: rgb(48, 127, 226); margin-bottom: 1rem; }

.page-title-h3 { font-size: 1.125rem; }

.page-title-description { font-size: 18px; color: rgb(115, 119, 137); }

.blu-video-box video { border-radius: 1.25rem; }

.faq-section { }

.faq-box { max-width: 980px; margin: 0px auto; }

.accordion-item { background-color: initial; }

.accordion-button { padding: 1.75rem 1.25rem; font-size: 1.125rem; font-weight: normal; color: rgb(0, 0, 0); text-align: right; background-color: initial; }

.accordion-body { font-size: 1.125rem; font-weight: bold; }

.accordion-button:not(.collapsed) { color: rgb(0, 0, 0); background-color: initial; box-shadow: none; }

.accordion-button:focus { z-index: 3; border-color: rgb(134, 183, 254); outline: 0px; box-shadow: none; }

.accordion-button::after { margin-left: initial; margin-right: auto; }

.accordion-body { text-align: right; }

.c-blue { color: rgb(48, 127, 226); }

.howto-p { font-size: 14px; color: rgb(115, 119, 137); text-align: right; line-height: 1.75rem; }

.feature-icon { background: rgb(244, 249, 255); padding: 12px; display: inline-block; margin: 0px auto 1rem; border-radius: 10px; }

.blu-color { color: rgb(48, 127, 226); }

.blu-feature { background: 0px 0px !important; }

.intro-title { font-size: 3.75rem; font-weight: bolder; color: rgb(48, 127, 226); margin-bottom: 2rem; }

.intro-description { max-width: 999px; margin: 0px auto; }

.intro-description-item { margin-bottom: 0px; max-width: 270px; }

.intro-description-item-icon { margin-bottom: 1.5rem; }

.intro-description-item-title { font-size: 1.25rem; font-weight: bold; color: rgb(0, 0, 0); margin-bottom: 1rem; }

.intro-description-item-text { font-size: 1rem; font-weight: normal; color: rgb(94, 94, 94); margin-bottom: 1.5rem; }

.intro-condition-item-text { font-size: 0.875rem; font-weight: normal; color: rgb(116, 116, 116); }

.intro-hero-image { max-width: 400px; }

.feature-section-star-background { background-image: url("../img/features-bg.svg"); background-repeat: no-repeat; background-position-x: 50%; }

.service-box { margin-left: 3.5rem; max-width: 690px; }

.service-title { color: rgb(48, 127, 226); text-align: right; }

.service-description { font-size: 0.875rem; line-height: 1.5rem; color: rgb(115, 119, 137); }

.video-section { padding: 6rem 0px; }

.blu-video-box { min-width: 30%; }

.blu-expire-hover { position: relative; padding: 3rem 0px 2rem; }

.blu-expire-box { text-align: center; background: rgb(238, 238, 238); border-radius: 1.25rem; margin: 0px 0.75rem; }

.blu-expire-icon { position: relative; top: -70px; }

.blu-expire-icon img { max-width: 135px; }

.blu-expire-content { position: relative; top: -40px; max-width: 495px; margin: 0px auto; padding-bottom: 1rem; }

.blu-expire-title { font-size: 3.125rem; font-weight: bold; margin-bottom: 2rem; }

.blu-expire-description { color: rgb(115, 119, 137); font-size: 1rem; line-height: 1.75rem; }

.users-list-box { max-width: 780px; margin: 0px auto; }

.users-list { max-height: 330px; overflow: hidden scroll; direction: ltr; padding: 1rem 2rem; }

.user-list-row { direction: rtl; }

.user-item { font-size: 1.125rem; font-weight: bold; color: rgb(0, 0, 0); padding: 1.5rem 0px 0px; display: inline-block; }

.users-number { direction: ltr; text-align: center; }

.users-amount { text-align: center; }

.user-items svg { margin: 0px 0px 0px 1rem; }

div#pagination { margin: 2rem auto; text-align: center; }

input#page-index { text-align: center; border: 1px solid rgb(214, 214, 214); }

.winners-comment-section { }

.user-comments-row { background: url("../img/icon-user-comments-background.svg") center center no-repeat; overflow: hidden; width: 100%; }

.user-comment { background: rgb(255, 255, 255); border-radius: 1.5rem; margin: 0px 0.5rem; padding: 1rem 1.25rem; min-width: 250px; width: 250px; height: 250px; text-align: center; font-size: 1rem; }

.user-comment-icon { margin-bottom: 0px; }

.user-comment-text { color: rgb(0, 0, 0); margin: 0px; }

.user-comment-name { color: rgb(115, 119, 137); }

.user-sounds-row { background: url("../img/icon-user-comments-sound.svg") center center no-repeat; }

button.btn.btn-white { background: rgb(255, 255, 255); font-weight: bold; padding: 1rem 2rem; margin: 0px auto; text-align: center; }

.blu-more-faq, .blu-more-faq:hover { color: rgb(48, 127, 226); }

.footer-background { background-color: rgb(242, 245, 246); border-radius: 1rem; padding: 5rem; }

.intro-description-item-icon-bg { background: rgb(245, 245, 245); border-radius: 1rem; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; margin: 0px auto 1.5rem; }

.bg-red { background-color: rgb(255, 240, 240); }

.bg-blue { background-color: rgba(48, 127, 226, 0.12); }

.bg-green { background-color: rgb(232, 255, 249); }

.bg-purple { background-color: rgb(246, 237, 255); }

.content-container { max-width: 1077px; margin: 0px auto; }

.intro-condition-col { max-width: 150px; }

.intro-condition-col-big { max-width: 177px; }

.footer .feature h2 { color: rgb(0, 0, 0); }

.footer-section { padding: 5rem 1rem; background-color: rgb(242, 245, 246); color: rgb(110, 130, 149); }

.footer { display: flex; }

.footer .feature h2 { color: rgb(0, 0, 0); }

.footer-section { padding: 5rem 1rem; background-color: rgb(242, 245, 246); color: rgb(110, 130, 149); }

.footer { display: flex; }

.footer-logo-section { max-width: 45%; margin-left: 3rem; display: flex; flex-direction: column; justify-content: space-between; }

.footer .btn { padding: 0.75rem; margin: 0px 0px 0px 1rem; }

.footer .btn:last-child { margin: 0px; }

.footer-logo { margin-bottom: 2.5rem; }

.footer-logo-title { color: rgb(48, 127, 226); font-size: 1.125rem; font-weight: bold; margin-bottom: 1rem; }

.footer-logo-description { margin: 0px 0px 2.25rem; color: rgb(110, 130, 149); text-align: right; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; }

.footer-feature-item h3 { margin-bottom: 0.75rem; color: rgb(44, 62, 80); font-size: 1.5rem; font-weight: 800; line-height: 1.5rem; }

@media screen and (max-width: 600px) {
  .footer-section { padding: 0px; }
  .footer { border-radius: 0px; padding: 2.5rem 1.5rem; flex-direction: column; margin-bottom: 1rem; }
  .footer-logo-section { max-width: 100%; margin: 0px 0px 5rem; }
  .footer-copyright-wrapper p { font-size: 0.8rem; padding: 0px 0px 5rem; }
  .btn-black { width: 100%; margin: 1rem 0px; }
  .footer .btn { margin: 1rem 0px; }
}

.footer-logo-section { max-width: 45%; margin-left: 3rem; display: flex; flex-direction: column; justify-content: space-between; }

.footer .btn { padding: 0.75rem; margin: 0px 0px 0px 1rem; }

.footer .btn:last-child { margin: 0px; }

.footer-logo { margin-bottom: 2.5rem; }

.footer-logo-title { color: rgb(48, 127, 226); font-size: 1.125rem; font-weight: bold; margin-bottom: 1rem; }

.footer-logo-description { margin: 0px 0px 2.25rem; color: rgb(110, 130, 149); text-align: right; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem; }

.footer-feature-item h3 { margin-bottom: 0.75rem; color: rgb(44, 62, 80); font-size: 1.5rem; font-weight: 800; line-height: 1.5rem; }

.title-icon { padding: 0.5rem; border-radius: 0.5rem; background: rgb(255, 255, 255); display: inline-block; margin-left: 1rem; }

.c-gray { color: rgb(113, 142, 156); }

.footer-feature-separator { margin: 1.5rem 0px; }

.footer-copyright-wrapper p { color: rgb(113, 142, 156); }

.footer-copyright { border-top: 1px solid rgb(74, 95, 106); }

.btn-black, .btn-black:hover { background: rgb(48, 127, 226); color: rgb(255, 255, 255); width: 46%; border-radius: 3rem !important; }

.howto-title h2 { color: rgb(48, 127, 226); font-size: 1.5rem; line-height: 2.5rem; font-weight: bold; }

.howto-switch-wrapper { background-color: rgb(237, 244, 252); display: inline-block; margin: 1.5rem auto 0px; padding: 0.5rem; }

.howto-switch-btn { background-color: rgb(255, 255, 255); color: rgb(74, 95, 106); font-weight: bold; font-size: 1rem; line-height: 1rem; margin: 0px 0.25rem; padding: 0.75rem 3rem; }

.howto-switch-btn.active { background-color: rgb(48, 127, 226); color: rgb(255, 255, 255); }

.howto-switch-btn i svg path { stroke: rgb(74, 95, 106); }

.howto-switch-btn.active i svg path { stroke: rgb(255, 255, 255); }

.howto-guide { display: flex; flex-wrap: nowrap; align-items: baseline; align-self: center; justify-content: space-evenly; }

.howto-guide-item { position: relative; overflow: visible; padding: 0px 0.5rem; min-width: 215px; }

.howto-guide-item:first-child { margin-top: 0px; }

.howto-guide-step { display: flex; align-items: center; justify-content: center; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(74, 95, 106); width: 2rem; height: 2rem; margin: 0px auto 2rem; }

.howto-guide-step::after { }

.howto-guide-item:first-child > .howto-guide-step::before { border: 0px; }

.howto-guide-item:last-child > .howto-guide-step::after { border: 0px; }

.howto-guide-step::before { }

.howto-guide-image { display: inline-block; }

.howto-guide-image img { min-height: 300px; }

.howto-guide-description p { margin-top: 2rem; color: rgb(74, 95, 106); font-size: 0.875rem; font-weight: bold; line-height: 150%; }

.howto-guide-wrapper { position: relative; display: block; }

.howto-guide-wrapper::before { border-top: 1px dashed rgb(74, 95, 106); content: ""; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 1rem; }

.howto-guide-description { max-width: 275px; margin: 0px auto; }

.dark-blue { color: rgb(25, 94, 180); }

.banner-content { position: absolute; top: 10%; right: 3%; }

.banner-title { font-size: 3rem; font-weight: bold; line-height: 120%; color: rgb(255, 255, 255); }

.banner-description { font-size: 1.5rem; font-weight: normal; line-height: 2rem; color: rgb(255, 255, 255); }

.banner-title-text h2 { font-size: 2rem; font-weight: bold; line-height: 2rem; color: rgb(25, 94, 180); margin: 0px 2rem 0px 0px; }

.banner-slogan { margin-top: 1rem; font-size: 1.5rem; font-weight: bolder; color: rgb(255, 255, 255); }

.banner-awards { position: absolute; bottom: 10%; right: 3%; }

.banner-btn { display: flex; padding: 1rem 1.25rem; color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.19); border-radius: 1rem; align-items: center; }

.banner-btn-title { font-size: 1.25rem; font-weight: bolder; line-height: 2rem; }

.banner-btn-description { font-size: 1rem; font-weight: normal; line-height: 1.5rem; }

.border-splitter { width: 1px; min-height: 3rem; margin: 0px 1rem; border-right: 1px solid rgb(255, 255, 255) !important; }

.features { margin-top: 1rem; display: flex; justify-content: space-between; align-items: stretch; }

.feature-btn-tag { display: flex; padding: 1.5rem 1.25rem 1.5rem 1.5rem; background-color: rgb(237, 244, 252); border-radius: 1rem; align-items: center; width: 264px; }

.feature-btn-title { font-size: 1.3rem; font-weight: bolder; line-height: 1.5rem; color: rgb(37, 48, 53); }

.feature-btn-subtitle { font-size: 1rem; font-weight: bold; line-height: 1rem; color: rgb(37, 48, 53); }

.feature-btn-description { font-size: 1rem; font-weight: normal; line-height: 1rem; color: rgb(113, 142, 156); margin-bottom: 0.5rem; }

.feature-splitter { width: 1px; min-height: 3rem; margin: 0px 1rem; border-right: 1px solid rgb(255, 255, 255) !important; }

.section-title-raw { font-size: 1.5rem; font-weight: bold; line-height: 180%; color: rgb(37, 48, 53); }

.section-title { font-size: 2rem; font-weight: bolder; line-height: 1.5rem; color: rgb(8, 31, 60); }

.slides-wrapper { position: relative; width: 100%; height: calc(-300px + 100vh); max-height: 600px; overflow: hidden; border-radius: 1rem; }

.blu-slide-block { position: absolute; display: block; width: 100%; right: 0px; transform: translateX(0px); transition: 1s; }

.blu-slide-block:nth-child(1) { z-index: 2; }

.blu-slide-block:nth-child(2) { z-index: 3; transform: translateX(calc(-100% + 288px)); }

.blu-slide-block:nth-child(3) { z-index: 4; transform: translateX(calc(-100% + 216px)); }

.blu-slide-block:nth-child(4) { z-index: 5; transform: translateX(calc(-100% + 144px)); }

.blu-slide-block:nth-child(5) { z-index: 6; transform: translateX(calc(-100% + 72px)); }

.blu-slide { display: flex; height: calc(-300px + 100vh); max-height: 600px; }

.slide-color-red { background-color: rgb(254, 50, 89); color: rgb(254, 50, 89); }

.slide-color-red-body { background-color: rgb(255, 240, 242); }

.slide-color-green { background-color: rgb(0, 189, 146); color: rgb(0, 189, 146); }

.slide-color-green-body { background-color: rgb(229, 247, 244); }

.slide-color-black { background-color: rgb(37, 48, 53); color: rgb(37, 48, 53); }

.slide-color-black-body { background-color: rgb(242, 245, 246); }

.slide-color-yellow { background-color: rgb(255, 209, 0); color: rgb(255, 209, 0); }

.slide-color-yellow .slide-header-text { color: rgb(37, 48, 53); }

.slide-color-yellow .slide-number { color: rgb(191, 157, 0); }

.slide-color-yellow-body { background-color: rgb(255, 248, 219); }

.slide-color-blue { background-color: rgb(48, 127, 226); color: rgb(48, 127, 226); }

.slide-color-blue-body { background-color: rgb(237, 244, 252); }

.slide-header { width: 6rem; border-radius: 0px 1rem 1rem 0px; padding: 1.5rem; text-align: center; z-index: 2; }

.blu-slide.active > .slide-header, .blu-slide-last > .slide-header { width: 4.5rem; }

.blu-slide.active > .slide-header, .blu-slide-last > .slide-inside { border-radius: 1.5rem 0px 0px 1.5rem; }

.blu-slide-last > .slide-header { }

.slide-number { background-color: rgb(255, 255, 255); width: 1.5rem; height: 1.5rem; border-radius: 50%; vertical-align: middle; display: inline-block; text-align: center; }

.slide-header-text { color: rgb(255, 255, 255); font-size: 1rem; font-weight: bolder; line-height: 1.5rem; transform: rotate(180deg); writing-mode: vertical-lr; margin-top: 1rem; }

.slide-header-text-black { color: rgb(37, 48, 53); }

.slide-inside { --slide-inside-width: calc(100% - (4.5rem * 3) - (4.5rem * 2) + 1rem); width: var(--slide-inside-width); display: flex; align-items: stretch; justify-content: center; z-index: 1; }

.slide-inside-wrapper { display: flex; align-items: center; justify-content: space-between; max-width: 567px; margin: auto; gap: 2rem; }

.slide-title { color: rgb(37, 48, 53); font-size: 2rem; font-weight: bolder; line-height: 2.5rem; margin-bottom: 0.5rem; }

.slide-description { color: rgb(37, 48, 53); font-size: 1rem; font-weight: normal; line-height: 1.5rem; margin-bottom: 1rem; }

.slide-score-tag { background-color: rgb(255, 255, 255); color: rgb(37, 48, 53); border-radius: 3rem; font-size: 1.5rem; font-weight: bolder; line-height: 1.5rem; display: inline-block; padding: 0.75rem 1.25rem; }

.slide-image img { margin-bottom: 0px; }

.blue-text-color { color: rgb(48, 127, 226); }

.blue-text-bolder { font-weight: bolder; }

.award-tiles { display: flex; flex-wrap: wrap; }

.award-tile { background-color: rgb(237, 244, 252); border-radius: 1rem; padding: 2rem 1.5rem; display: flex; justify-content: center; align-items: center; flex: 1 0 48%; }

.awards-intro { font-size: 2rem; line-height: 2.5rem; margin-top: 1.5rem; }

.award-information-text { font-size: 1rem; line-height: 1.75rem; border-right: 1px solid rgb(255, 255, 255); padding-right: 1rem; margin-right: 1rem; }

.award-information { display: flex; text-align: right; align-items: center; }

.h-splitter { border-top: 1px solid rgb(255, 255, 255); margin-top: 1.5rem; padding-top: 1.5rem; }

.award-tile-content { width: 100%; }

.winners-gift { display: flex; align-items: center; padding: 1.5rem 2rem; border-radius: 0.5rem; flex-grow: 1; }

.winners-gift-texts { border-right: 1px solid rgb(237, 244, 252); padding-right: 1.5rem; margin-right: 1.5rem; }

.blu-white-background { background-color: rgb(255, 255, 255); }

.winners-gift-subtitle { font-size: 1rem; font-weight: normal; line-height: 1.5rem; color: rgb(113, 142, 156); text-align: right; margin-bottom: 0.5rem; }

.winners-gift-title { font-size: 1.5rem; font-weight: bold; line-height: 1.5rem; color: rgb(37, 48, 53); text-align: right; }

.awards-winners-gifts { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.blu-white-border { border-color: rgb(255, 255, 255); }

.blu-border-1 { border: 1px solid rgb(255, 255, 255); }

.award-tiles-col { display: flex; flex-wrap: wrap; gap: 1.5rem; }

.blu-bigbox-description p { font-size: 1rem; line-height: 180%; color: rgb(37, 48, 53); font-weight: normal; }

.blu-bigbox-description .blu-more-text { color: rgb(113, 142, 156); font-size: 1rem; font-weight: bold; line-height: 2rem; margin: 0.75rem 0px; }

.blu-more-text::after { content: url("../img/blu-icon-more.svg"); vertical-align: middle; width: 20px; height: 20px; display: inline-block; }

.fade-effects { position: relative; }

.fade-effects::before, .fade-effects::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 40px; pointer-events: none; z-index: 10; }

.fade-effects::after { right: 0px; background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.fade-effects::before { left: 0px; background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.btn-container { position: relative; overflow-x: scroll; white-space: nowrap; scrollbar-width: none; display: flex; justify-content: center; }

.btn-wrapper { position: relative; display: inline-block; white-space: nowrap; }

.filter-button { border-radius: 1rem; margin-left: 0.25rem; margin-right: 0.25rem; }

.blu-btn-chips-selected { background-color: var(--blu-btn-chip-selected-bg); color: var(--blu-btn-chip-selected-text); border-color: var(--blu-btn-chip-selected-stroke); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1rem; font-weight: 500; line-height: 175%; border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-chips { border-radius: 2.625rem; padding: 0.4375rem 1rem; }

.blu-accordion-button.collapsed { border: 0px; }

.blu-accordion-button.collapsed { border-radius: 10px; }

.accordion-button.blu-accordion-button { border-radius: 10px 10px 0px 0px; }

.accordion-button.collapsed { border-bottom: 1px solid rgb(237, 244, 252); border-radius: 10px; }

.accordion-item:first-of-type .accordion-button.collapsed { border-radius: 10px; }

.accordion-item:first-of-type .accordion-button { border-radius: 10px 10px 0px 0px; }

.blu-accordion-item { border-radius: 10px; border: 0px; margin-top: 2px; }

.blu-accordion-button { font-variation-settings: "DOTS" 1 !important; }

.accordion-button:not(.collapsed), .blu-accordion-header:not(.collapsed) { border-radius: 10px 10px 0px 0px; }

.blu-btn-chips-unselected { background-color: var(--blu-btn-chip-unselected-bg); color: var(--blu-btn-chip-unselected-text); outline-offset: -0.125rem; outline: var(--blu-btn-chip-unselected-stroke) solid .125rem; }

.slide-header { transition: 1s; cursor: pointer; }

.active-slide-header { width: 4.5rem; }

.blu-bigbox-description { position: relative; }

.show-control { position: absolute; bottom: 0px; background-image: linear-gradient(0deg, rgb(255, 255, 255) 62%, rgba(255, 255, 255, 0.65) 100%); padding: 6rem 0px 0px; width: 100%; cursor: pointer; }

.show-control-btn { text-decoration: none; color: rgb(113, 142, 156); font-size: 1rem; font-weight: bold; }

.flip { transform: rotate(-180deg); }

.show-control-btn::after { content: url("../img/blu-icon-scroll-down.svg"); transition: transform 1s; }

.banner-title-text { font-variation-settings: "DOTS" 0; }

.banner-wrapper { padding: 4.25rem 1rem; background-image: url("/assets/img/blu-banner-background-desktop.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 1rem; display: flex; justify-content: space-evenly; align-items: center; }

.banner-image img { max-width: 264px; }

.feature-wrapper { display: flex; align-items: stretch; justify-content: space-between; text-align: center; }

.h2-title { font-size: 2.5rem; font-weight: bold; line-height: 160%; text-align: center; }

.feature-item-icon { margin-bottom: 0.75rem; }

.feature-item-title { font-size: 1.5rem; font-weight: bold; line-height: 160%; margin-bottom: 0.5rem; }

.feature-item-text { font-size: 1rem; font-weight: normal; line-height: 180%; }

.howto-slider-title { display: flex; justify-content: space-between; }

.slider-controller { display: flex; }

.slider-controller-btn { display: flex; align-items: center; justify-content: center; background: rgb(237, 244, 252); border-radius: 0.5rem; margin-right: 0.5rem; width: 3.5rem; height: 3.5rem; cursor: pointer; }

.howto-container { width: 100%; overflow: hidden; }

.slides { display: flex; transition: transform 0.5s; }

.slide-item { flex: 1 0 200px; text-align: center; transition: transform 0.3s; position: relative; margin-left: 1rem; padding: 0px; border-radius: 1.5rem; gap: 1.5rem; }

.slide-content { padding: 3rem 3rem 0px; }

.blu-badge-lg { padding: 0.25rem 0.75rem; }

.blu-badge-md { padding: 0.125rem 0.5rem; }

.blu-badge-sm { padding: 0px 0.375rem; }

.blu-badge-bg-blue, .blu-badge-bg-green, .blu-badge-bg-red { background-color: var(--blu-colors-blue) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-green, .blu-badge-bg-red { background-color: var(--blu-colors-red) !important; }

.blu-badge-bg-green { background-color: var(--blu-colors-green) !important; }

.blu-badge-bg-black, .blu-badge-bg-gray, .blu-badge-bg-yellow { background-color: var(--blu-colors-yellow) !important; color: var(--blu-colors-white) !important; }

.blu-badge-bg-black, .blu-badge-bg-gray { background-color: var(--blu-colors-gray) !important; }

.blu-badge-bg-black { background-color: var(--blu-colors-black) !important; }

.blu-badge-bg-white { background-color: var(--blu-colors-white) !important; color: var(--blu-colors-black) !important; }

.blu-badge-text-blue, .blu-badge-text-red { background-color: transparent !important; color: var(--blu-colors-blue) !important; }

.blu-badge-text-red { color: var(--blu-colors-red) !important; }

.blu-badge-text-green, .blu-badge-text-yellow { background-color: transparent !important; color: var(--blu-colors-green) !important; }

.blu-badge-text-yellow { color: var(--blu-colors-yellow) !important; }

.blu-badge-text-black, .blu-badge-text-gray { background-color: transparent !important; color: var(--blu-colors-gray) !important; }

.blu-badge-text-black { color: var(--blu-colors-black) !important; }

.h3-title { font-size: 1.5rem; font-weight: bold; line-height: 160%; }

.slides-indicator-wrapper { display: flex; gap: 0.5rem; align-items: center; justify-content: center; }

.slide-indicator { width: 0.5rem; height: 0.5rem; background: rgb(237, 244, 252); border-radius: 0.5rem; overflow: hidden; position: relative; }

.slide-indicator.active { width: 3.5rem; }

.slide-indicator::after { position: absolute; width: 3.5rem; height: 0.5rem; border-radius: 0.5rem; background: rgb(78, 145, 230); top: 0px; left: 3.5rem; content: ""; transition: transform linear; }

.slide-indicator.active::after { transition: transform 10s linear; transform: translateX(-3.5rem); }

.blu-btn, .btn { border-radius: 0.625rem; padding: 0.75rem 1.25rem; text-align: center; font-size: 1rem; font-weight: 500; line-height: 175%; border: 0px; transition: 200ms; text-decoration: none !important; }

.blu-btn-secondary { background-color: var(--blu-btn-secondary-bg); color: var(--blu-btn-secondary-text); outline-offset: -0.125rem; outline: var(--blu-btn-secondary-stroke) solid .125rem; }

.blu-btn-white { background-color: var(--blu-btn-white-bg); color: var(--blu-btn-white-text); border-color: var(--blu-btn-white-stroke); }

.blu-btn-white:hover { background-color: var(--blu-btn-white-bg-hovered); color: var(--blu-btn-white-text-hovered); border-color: var(--blu-btn-white-stroke-hovered); }

.teaser-content { padding: 48px 80px; }

.teaser-content { background: url("../img/teaser-background.svg") 0% 0% / cover no-repeat; color: var(--blu-colors-white); border-radius: 1rem; position: relative; margin-top: 10rem; }

.teaser-content p { color: var(--blu-colors-white); }

.blu-fs-d-sm-36, .display-small, p.display-small { font-size: 2.25rem; font-weight: 800; line-height: 160%; }

.blu-text-white { color: var(--blu-colors-white); }

.teaser-image { position: absolute; bottom: 0px; left: 20px; }

.teaser-image img { margin: 0px; }

.blu-fs-b-lg-18, .body-large, p.body-large { font-size: 1.125rem; font-weight: 400; line-height: 180%; }

.teaser-text { max-width: 50%; }

.teaser-content p { margin-top: 16px; margin-bottom: 24px; }

.footer-contact-section { padding: 3.5rem 0px; background: rgb(228, 234, 236); border-top: 1px solid rgba(191, 204, 211, 0.5); }

.copyright-section { display: flex; justify-content: space-between; }

.copyright-wrapper { display: flex; gap: 0.75rem; }

.copyright { color: rgb(113, 142, 156); font-size: 0.75rem; }

.contact { color: rgb(37, 48, 53); font-size: 0.875rem; }

.copyright a { text-decoration: none; color: rgb(78, 145, 230); }

.rule-page { color: rgb(113, 142, 156); font-size: 0.75rem; margin-right: 0.5rem; }

.list-inline-item:not(:last-child) { margin-left: 0.5rem; }

.rule-page::after { content: url("../img/divider-h.svg"); margin-right: 0.5rem; }

.rule-page:last-child::after { content: ""; }

.rule-page a { text-decoration: none; color: rgb(113, 142, 156); }

.footer-logo-wrapper { display: flex; justify-content: space-between; flex-direction: column; }

.footer-sitemap { background: rgb(242, 245, 246); }

.sitemap-links-group a { color: rgb(113, 142, 156); text-decoration: none; }

.sitemap-links-group li { color: rgb(113, 142, 156); font-size: 0.875rem; margin-bottom: 0.75rem; }

.sitemap-links-group li:last-child { margin-bottom: 0px; }

.sitemap-links-group ul { padding: 0px; }

.sitemap-title { color: rgb(37, 48, 53); font-size: 1rem; font-weight: bold; line-height: 1.25rem; margin-bottom: 1.5rem; }

.footer-input-group { display: flex; }

.footer-input-group button.blu-btn-secondary { margin-right: 0.5rem; border-radius: 0.5rem !important; }

.input-email { border: 0px; border-radius: 0.5rem !important; }

.move-top { cursor: pointer; }

.slides { display: flex; transition: transform 0.5s ease-in-out; width: 100%; }

.slide-item { flex: 0 0 calc(40%); box-sizing: border-box; }

.footer-input-group .blu-btn-secondary { background: none; }

.v-divider { width: 1px; height: 100%; border-left: 1px solid rgb(242, 245, 246); }

.slide-content { margin-bottom: 5rem; }

.feature-item { flex: 1 0 30%; }

@media screen and (max-width: 500px) {
  .teaser-content { margin-top: 2rem; }
  .slide-item { flex: 0 0 calc(90.9091%); box-sizing: border-box; padding: 0px; }
  .banner-wrapper { flex-direction: column; background-image: url("/assets/img/blu-banner-background-mobile.svg"); }
  .banner-title { font-size: 2rem; text-align: center; }
  .banner-description { font-size: 1rem; text-align: center; }
  .h2-title { font-size: 1.5rem; }
  .feature-wrapper { flex-direction: column; }
  .content-container { max-width: initial; }
  .blu-feature-section-title { font-size: 1.125rem; font-weight: bold; margin-bottom: 1.5rem; color: rgb(48, 127, 226); }
  .page-title { font-size: 1.125rem; text-align: center; }
  .white-space-64 { height: 2rem; width: 100%; }
  .white-space-96 { height: 2.5rem; width: 100%; }
  .white-space-120 { height: 5rem; }
  .white-space-128 { height: 3.5rem; }
  .service-title { font-size: 1.125rem; text-align: center; }
  .video-section { padding: 2rem 0px; }
  .user-sounds-icon svg { width: 70px; height: 70px; }
  .user-comments-row { background: none; scroll-padding-left: 300px; }
  .user-sounds-row { background: url("../img/icon-user-comments-sound-mobile.svg") center center no-repeat; }
  .accordion-button:not(.collapsed) { color: rgb(0, 0, 0); }
  .accordion-button { font-size: 1rem; line-height: 1.5rem; }
  .btn { font-size: 0.9rem; padding: 0.5rem 1.5rem; margin-right: 0.25rem; }
  .howto-switch-btn { padding: 0.75rem; width: 46%; }
  .white-space-80 { height: 2.5rem; width: 100%; }
  .footer-section { padding: 0px; }
  .footer { border-radius: 0px; padding: 2.5rem 1.5rem; flex-direction: column; margin-bottom: 1rem; }
  .footer-logo-section { max-width: 100%; margin: 0px 0px 5rem; }
  .footer-copyright-wrapper p { font-size: 0.8rem; padding: 0px 0px 5rem; }
  .btn-black { width: 100%; margin: 1rem 0px; }
  .footer .btn { margin: 1rem 0px; }
  .hero-feature-icon { margin-left: 1rem; }
  .section-cta { border-radius: 0px; padding: 1rem; }
  .section-cta a { }
  .feature-card { margin: 1rem 1.5rem; padding: 1.5rem 0px; border-bottom: 1px solid rgb(215, 215, 215); }
  .feature-card:last-child { border-bottom: 0px; }
  .feature-card i { margin-left: 1rem; }
  .service-box { width: 100%; margin: 0px; padding: 1rem 2rem !important; }
  .users-list { padding: 1rem; border: 1px solid rgb(238, 238, 238); border-radius: 1.5rem; margin: 0px 1.5rem; }
  .user-data-item:last-child { border: 0px !important; }
  .user-item-header { font-size: 12px; }
  .user-item-value { font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); }
  .user-item-number { direction: ltr; text-align: left; }
  .copyright-text { padding-bottom: 80px; }
  .intro-description-item { max-width: 100%; margin: 0px 2rem 2.25rem; text-align: right; }
  .intro-description-item-icon { margin: 1rem; }
  .intro-description-item-icon-bg { margin: 0px 0px 0px 1.5rem; }
  .intro-description-item-icon svg { width: 48px; height: 48px; }
  .intro-condition-col { max-width: 100%; }
  .intro-description-item-title { font-size: 1rem; margin-bottom: 0.5rem; }
  .intro-description-item-text { font-size: 0.75rem; margin-bottom: 0.5rem; }
  .intro-condition-col .intro-description-item-icon { margin: 1rem 0px 1rem 1.5rem; }
  .intro-condition-item-text { text-align: right; }
  .intro-hero-image { max-width: 100%; }
  .intro-hero-image img { max-width: 250px; }
  .howto-guide { flex-direction: column; }
  .howto-guide-wrapper::before { border: 0px; }
  .howto-guide-step { margin-top: 2rem; }
  .howto-guide-item { width: 100%; }
  .howto-title h2 { font-size: 1.125rem; }
  .howto-switch-wrapper { margin-top: 0px; width: 100%; }
  .features { flex-direction: column; gap: 1rem; }
  .feature-btn-tag { width: 100%; }
  .section-title { text-align: center; margin: 0px auto; line-height: 2.5rem; }
  .section-title::before { display: block; text-align: center; margin-bottom: 0px; margin-left: 0px; }
  .awards-winners-gifts { gap: 1rem; }
  .winners-gift { padding: 1rem; }
  .winners-gift-texts { padding-right: 1rem; margin-right: 1rem; }
  .winners-gift-subtitle { font-size: 0.67rem; }
  .footer-logo { margin-bottom: 1.5rem; text-align: center; }
  .banner-content { right: auto; left: 50%; transform: translateX(-50%); width: 284px; }
  .banner-awards { position: absolute; top: 35%; right: auto; left: 50%; transform: translateX(-50%); width: 285px; }
  .blu-bigbox-description { height: 200px; overflow: hidden; transition: 1s; }
  .blu-slide { justify-items: stretch; flex-wrap: wrap; height: 650px; max-height: 650px; }
  .slide-header { width: 100%; height: 56px; border-radius: 1rem 1rem 0px 0px; padding: 1rem; text-align: right; }
  .slide-inside { width: 100%; height: 100%; }
  .slide-header-text { writing-mode: initial; }
  .slide-inside-wrapper { flex-wrap: wrap; padding: 1rem 1.5rem; margin-top: 0px; justify-content: center; }
  .slide-title { font-size: 1.3rem; font-weight: bold; }
  .slide-image { flex: 1 0 100%; order: 0; text-align: center; max-width: calc(-10% + 100vw); }
  .slide-image img { width: 100%; }
  .slide-content { flex: 1 0 100%; order: 1; margin-bottom: 3rem; padding: 2rem 2rem 0px; }
  .blu-slide-block { transform: translateX(0px); }
  .blu-slide-block:nth-child(2) { transform: translateY(calc(100% - 234px)); }
  .blu-slide-block:nth-child(3) { transform: translateY(calc(100% - 188px)); }
  .blu-slide-block:nth-child(4) { transform: translateY(calc(100% - 142px)); }
  .blu-slide-block:nth-child(5) { transform: translateY(calc(100% - 96px)); }
  .slide-line { display: flex; justify-content: space-between; align-items: center; }
  .slide-score-tag { font-size: 1rem; padding: 0.5rem 1rem; line-height: 2rem; }
  .slide-description { margin-top: 0.5rem; }
  .blu-slide.active > .slide-header, .blu-slide-last > .slide-header { width: 100%; }
  .slides-wrapper { height: 650px; }
  .banner-btn { padding: 0.875rem 1.25rem; }
  .blu-slide.active > .slide-header, .blu-slide-last > .slide-inside { border-radius: 0px; }
  .btn-black, .btn-black:hover { width: 100%; }
  .awards-intro { font-size: 1.5rem; }
  .section-title { font-size: 1.5rem; }
  .btn-row { display: flex; }
  .btn-row .btn { width: 100%; }
  .slide-number { margin-left: 0.5rem; }
  .slider-controller-section { display: flex; justify-content: space-between; }
  .teaser-title { font-size: 1.5rem; }
  .teaser-text { max-width: 100%; }
  .teaser-content { padding: 48px 1.5rem 20rem; text-align: center; }
  .copyright-section, .copyright-wrapper { flex-direction: column; }
  .divider-h { display: none; }
  .footer-contact-section { text-align: center; }
  ul { padding-left: 0px; padding-inline-start: 0px; }
  .sitemap-links-group .list-unstyled { display: none; }
  .sitemap-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(175, 175, 175); margin-top: 1.5rem; padding-bottom: 1rem; }
  .sitemap-title::after { content: url("../img/icon-plus.svg"); cursor: pointer; }
  .sitemap-title.close::after { content: url("../img/blu-icon-remove.svg"); cursor: pointer; }
  .navbar-toggler-icon { background: url("../img/navbar-icon.svg"); }
}

.flex-container { display: flex; gap: 1.5rem; justify-content: space-around; align-items: center; }

.box { position: relative; width: 264px; height: 264px; border-radius: 1rem; display: flex; flex-direction: column; justify-content: flex-end; text-align: right; color: rgb(51, 51, 51); padding: 1.5rem; }

.box::before { background-repeat: no-repeat; background-position: left top; content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.6; }

.box:nth-child(1)::before { background-image: url("../img/blu-icon-bg-money.svg"); }

.box:nth-child(2)::before { background-image: url("../img/blu-icon-bg-transfer.svg"); }

.box:nth-child(3)::before { background-image: url("../img/blu-icon-bg-mobile.svg"); }

.box:nth-child(4)::before { background-image: url("../img/blu-icon-bg-schedule.svg"); }

.box .description { font-size: 1.2rem; }

p { font-weight: 300; }

.card-body h3 { font-size: 1.5rem; line-height: 180%; }

.card-badge { position: absolute; top: 1.5rem; left: 1.5rem; background-color: rgb(255, 85, 85); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 1rem; font-size: 0.875rem; }

@media screen and (max-width: 600px) {
  .flex-container { flex-direction: column; }
  .box { width: 100%; height: 10.5rem; }
}

.main-timeline { position: relative; }

.card-title { font-weight: 700; font-size: 2.5rem; line-height: 3.5rem; text-align: right; }

.rounded-card-title { font-weight: 700; font-size: 2rem; line-height: 3.5rem; text-align: right; }

.text-ltr { display: inline-block; direction: ltr; }

.timeline .card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-clip: border-box; border: 1px solid rgb(237, 244, 252); background-color: rgb(237, 244, 252); border-radius: 1rem; }

.main-timeline::after { content: ""; position: absolute; width: 1px; background-color: rgb(204, 214, 220); top: 0px; bottom: 0px; left: 50%; margin-left: -3px; }

.timeline { position: relative; background-color: inherit; width: 50%; }

.timeline::after { content: ""; position: absolute; width: 32px; height: 32px; right: -13px; background-color: rgb(255, 255, 255); top: 15px; border-radius: 50%; z-index: 1; border: 1px solid rgb(204, 214, 220); color: rgb(113, 142, 156); text-align: center; padding-top: 0.25rem; }

.timeline:nth-child(1)::after { content: "۱"; }

.timeline:nth-child(2)::after { content: "۲"; }

.timeline:nth-child(3)::after { content: "۳"; }

.timeline:nth-child(4)::after { content: "۴"; }

.timeline:nth-child(5)::after { content: "۵"; }

.timeline:nth-child(6)::after { content: "۶"; }

.timeline:nth-child(7)::after { content: "۷"; }

.timeline:nth-child(8)::after { content: "۸"; }

.timeline:nth-child(9)::after { content: "۹"; }

.timeline:nth-child(10)::after { content: "۱۰"; }

.left { padding: 0px 40px 20px 0px; right: 50%; }

.right { padding: 0px 0px 20px 40px; right: 0px; }

.left::before { content: " "; position: absolute; top: 18px; z-index: 1; right: 30px; border-style: solid; border-image: initial; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(237, 244, 252); }

.right::before { content: " "; position: absolute; top: 18px; z-index: 1; left: 30px; border-style: solid; border-image: initial; border-width: 10px 10px 10px 0px; border-color: transparent rgb(237, 244, 252) transparent transparent; }

.right::after { right: initial; left: -18px; }

@media screen and (max-width: 600px) {
  .main-timeline::after { right: 31px; }
  .timeline { width: 100%; padding-right: 70px; padding-left: 25px; }
  .timeline::before { right: 60px; border-style: solid; border-image: initial; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(237, 244, 252); left: auto; }
  .left::after, .right::after { right: 18px; }
  .left::before { left: auto; }
  .left { right: 0px; }
}

.card-info { color: rgb(74, 95, 106); font-size: 1rem; line-height: 2rem; }

.card-description { text-align: justify; }

.card-note { border: 1px solid rgb(204, 214, 220); border-radius: 1rem; padding: 1.5rem; text-align: justify; }

.card-note-content { gap: 1.5rem; }

p a, li a { text-decoration: none; color: rgb(48, 127, 226); }

p a:hover, li a:hover { font-weight: bold; }

.section-icon { text-align: center; }

.section-circle-icon { width: 4.5rem; height: 4.5rem; padding: 1rem; gap: 0.5rem; border-radius: 3rem; margin-bottom: 1rem; display: inline-block; }

.condition-icon .section-circle-icon { color: rgb(254, 50, 89); }

.data-switch-buttons-wrapper { position: relative; margin-bottom: 2.5rem; }

.data-switch-buttons-wrapper::after { border-top: 1px solid rgb(255, 255, 255); content: ""; width: 100%; display: inline-block; position: absolute; top: 50%; left: 0px; z-index: 1; }

.data-switch-buttons { background-color: rgb(255, 255, 255); border-radius: 3rem; padding: 0.5rem; gap: 0.5rem; display: inline-flex; position: relative; z-index: 2; }

.data-switch-button { border-radius: 2.625rem; border: 2px solid rgb(242, 245, 246); padding: 0.5rem 1.5rem; gap: 1.5rem; color: rgb(37, 48, 53); font-size: 1rem; line-height: 2rem; text-align: center; cursor: pointer; min-width: 150px; }

.data-switch-button.active { color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(48, 127, 226); }

.fixed-width-750 { max-width: 750px; margin: 0px auto; }

.card-section-title h2, .card-section-title { font-size: 2rem; line-height: 3rem; font-weight: bold; text-align: center; margin-bottom: 2.5rem; }

.data-switch-item { display: none; }

.data-switch-item.active { display: block; }

.data-switch-content-wrapper { border-radius: 1rem; background-color: rgb(255, 255, 255); padding: 2rem; gap: 2.5rem; }

ul.list-point { padding-right: 0px; }

.list-point li { list-style: none; font-size: 1rem; line-height: 1.75rem; text-align: justify; color: rgb(74, 95, 106); margin-bottom: 0.5rem; }

.list-point-red li::before { content: url("/assets/icons/icon-list-point-red.svg"); margin-left: 1rem; }

.card-contact-section-wrapper { background-color: rgb(255, 255, 255); border-radius: 1rem; padding: 1.5rem; gap: 2.5rem; display: flex; color: rgb(74, 95, 106); margin-top: 1rem; line-height: 1.75rem; }

.card-contact-item { flex: 1 0 25%; position: relative; }

.card-contact-item:not(:last-child)::after { content: ""; border-right: 1px solid rgb(237, 244, 252); position: absolute; left: -10px; top: 0px; height: 100%; }

.hr { border-top: 1px solid rgb(74, 95, 106); opacity: 1; }

.hr-white { border-color: rgb(255, 255, 255); }

.timeline-white .timeline::after { background-color: rgb(233, 240, 251); }

.timeline-white .timeline .card { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255); }

.timeline-white .left::before { border-color: transparent transparent transparent rgb(255, 255, 255); }

.timeline-white .right::before { border-color: transparent rgb(255, 255, 255) transparent transparent; }

.timeline-start .timeline.left .card { text-align: right; }

.timeline-start .timeline.right .card { text-align: left; }

.timeline-lead { font-size: 1rem; line-height: 1rem; color: rgb(113, 142, 156); margin-bottom: 1rem; }

.timeline-title { color: rgb(37, 48, 53); font-size: 1.5rem; line-height: 2rem; font-weight: bold; }

.card-section-cta-wrapper { background-color: rgb(48, 127, 226); border-radius: 1rem; padding: 1.5rem; gap: 2.5rem; color: rgb(255, 255, 255); display: flex; justify-content: space-between; align-items: center; }

.card-section-cta-wrapper p { color: rgb(255, 255, 255); }

.btn-white { color: rgb(48, 127, 226); border-radius: 0.625rem !important; }

.btn-white:hover { color: rgb(48, 127, 226); }

@media (max-width: 500px) {
  .card-description { margin-bottom: 2.5rem; }
  .card-note { padding: 1rem; }
  .card-note-content { gap: 0.5rem; }
  .card-contact-section-wrapper { flex-direction: column; gap: 1.5rem; }
  .card-contact-item:not(:last-child)::after { content: ""; border-bottom: 1px solid rgb(237, 244, 252); position: relative; display: block; top: 0px; left: 0px; width: 100%; margin-top: 1.5rem; }
  .timeline-start .timeline.right .card { text-align: right; }
  .card-section-cta-wrapper { flex-direction: column; }
  .card-section-cta-button, .card-section-cta-button .btn-white { width: 100%; }
  .blu-accordion-body { padding-bottom: 1rem; }
}

@media (max-width: 360px) {
  .card-section-title h2, .card-section-title { font-size: 1.5rem; line-height: 2.5rem; }
  .data-switch-button { padding: 0.5rem 1rem; font-size: 0.85rem; }
}