@charset "UTF-8";
*, *::before, *::after { box-sizing: border-box;} @media (prefers-reduced-motion: no-preference) {:root{scroll-behavior: smooth;}} body {margin: 0;font-family: "Space Grotesk", sans-serif;font-optical-sizing: auto;font-weight: 600;font-size: 16px;line-height: 24px;color: #111827;text-align: left;background-color: #F3F3F6;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased;} .clearfix{clear: both;} hr {margin: 1rem 0;color: inherit;border: 0;opacity: 0.25;} h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {margin: 0;font-weight: 600;line-height: 1.2;color: #111827;} h1, .h1 {font-size: calc(1.375rem + 1.5vw);} @media (min-width: 1200px) {h1, .h1 {font-size: 2.5rem;}} h2, .h2 {font-size: calc(1.3rem + 0.6vw);} @media (min-width: 1200px) {h2, .h2 {font-size: 1.75rem;}} h3, .h3 {font-size: calc(1.275rem + 0.3vw);} @media (min-width: 1200px) {h3, .h3 { font-size: 1.5rem;}} h4, .h4 {font-size: 1.25rem;} h5, .h5 {font-size: 1.125rem;} h6, .h6 {font-size: 1rem;} p {margin: 0 !important;} abbr[title] {text-decoration: underline dotted;cursor: help;text-decoration-skip-ink: none;} address {margin-bottom: 1rem;font-style: normal;line-height: inherit;} ol, ul {padding-left: 2rem;} ol, ul, dl {margin-top: 0;margin-bottom: 1rem;} ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;} dt {font-weight: 700;} dd {margin-bottom: 0.5rem;margin-left: 0;} blockquote {margin: 0 0 1rem;} b, strong {font-weight: bolder;} small, .small {font-size: 0.875em;} mark, .mark {padding: 0.1875em;color: var(--bs-highlight-color);background-color: var(--bs-highlight-bg);} sub, sup {position: relative;font-size: 0.75em;line-height: 0;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} a:not([href]):not([class]), a:not([href]):not([class]):hover {color: inherit;text-decoration: none;} pre, code, kbd, samp {font-family: var(--bs-font-monospace);font-size: 1em;} pre {display: block;margin-top: 0;margin-bottom: 1rem;overflow: auto;font-size: 0.875em;} pre code {font-size: inherit;color: inherit;word-break: normal;} code {font-size: 0.875em;color: var(--bs-code-color);word-wrap: break-word;} a > code {color: inherit;} figure {margin: 0 0 1rem;} img, svg {vertical-align: middle;} table {caption-side: bottom;border-collapse: collapse;} caption {padding-top: 15px;padding-bottom: 15px;color: var(--bs-secondary-color);text-align: left;} th {text-align: inherit;text-align: -webkit-match-parent;} thead, tbody, tfoot, tr, td, th {border-color: inherit;border-style: solid;border-width: 0;} label {display: inline-block;} button {border-radius: 0;} button:focus:not(:focus-visible) {outline: 0;} input, button, select, optgroup, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;} button, select {text-transform: none;} [role=button] {cursor: pointer;} select {word-wrap: normal;} select:disabled {opacity: 1;} [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {display: none !important;} button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button;} button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {cursor: pointer;} 
::-moz-focus-inner {padding: 0;border-style: none;} textarea {resize: vertical;} fieldset {min-width: 0;padding: 0;margin: 0;border: 0;} legend {float: left;width: 100%;padding: 0;margin-bottom: 0.5rem;line-height: inherit;font-size: calc(1.275rem + 0.3vw);} @media (min-width: 1200px) {legend { font-size: 1.5rem;}} legend + * {clear: left;} 
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {padding: 0;} ::-webkit-inner-spin-button {height: auto;} [type=search] { -webkit-appearance: textfield;outline-offset: -2px;} ::-webkit-search-decoration { -webkit-appearance: none;} ::-webkit-color-swatch-wrapper {padding: 0;} ::file-selector-button {font: inherit; -webkit-appearance: button;} output {display: inline-block;} iframe {border: 0;} summary {display: list-item;cursor: pointer;} progress {vertical-align: baseline;} [hidden] {display: none !important;} .lead {font-size: 1.25rem;font-weight: 300;} .figure {display: inline-block;} .figure-img {margin-bottom: 0.5rem;line-height: 1;} .figure-caption {font-size: 0.875em;color: var(--bs-secondary-color);}
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {--bs-gutter-x: 20px;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;}
@media (min-width: 576px) { .container-sm, .container {max-width: 540px;}}
@media (min-width: 768px) { .container-md, .container-sm, .container {max-width: 720px;}}
@media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container {max-width: 960px;}}
@media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1140px;}}
@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {max-width: 1330px;}}
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px;}
.row { --bs-gutter-x: 20px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x));}
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y);}
.col { flex: 1 0 0;}
.row-cols-auto > * { flex: 0 0 auto; width: auto;}  
.row-cols-1 > * { flex: 0 0 auto; width: 100%;}  
.row-cols-2 > * { flex: 0 0 auto; width: 50%;}  
.row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%;}  
.row-cols-4 > * { flex: 0 0 auto; width: 25%;}  
.row-cols-5 > * { flex: 0 0 auto; width: 20%;}  
.row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%;}  
.col-auto { flex: 0 0 auto; width: auto;}  
.col-1 { flex: 0 0 auto; width: 8.33333333%;}  
.col-2 { flex: 0 0 auto; width: 16.66666667%;}  
.col-3 { flex: 0 0 auto; width: 25%;}  
.col-4 { flex: 0 0 auto; width: 33.33333333%;}  
.col-5 { flex: 0 0 auto; width: 41.66666667%;}  
.col-6 { flex: 0 0 auto; width: 50%;}  
.col-7 { flex: 0 0 auto; width: 58.33333333%;}  
.col-8 { flex: 0 0 auto; width: 66.66666667%;}  
.col-9 { flex: 0 0 auto; width: 75%;}  
.col-10 { flex: 0 0 auto; width: 83.33333333%;}  
.col-11 { flex: 0 0 auto; width: 91.66666667%;}  
.col-12 { flex: 0 0 auto; width: 100%;}  
@media (min-width: 576px) {
.col-sm { flex: 1 0 0;}
.row-cols-sm-auto > * { flex: 0 0 auto; width: auto;}
.row-cols-sm-1 > * { flex: 0 0 auto; width: 100%;}
.row-cols-sm-2 > * { flex: 0 0 auto; width: 50%;}
.row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%;}
.row-cols-sm-4 > * { flex: 0 0 auto; width: 25%;}
.row-cols-sm-5 > * { flex: 0 0 auto; width: 20%;}
.row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%;}
.col-sm-auto { flex: 0 0 auto; width: auto;}
.col-sm-1 { flex: 0 0 auto; width: 8.33333333%;}
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-sm-3 { flex: 0 0 auto; width: 25%;}
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-sm-6 { flex: 0 0 auto; width: 50%;}
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-sm-9 { flex: 0 0 auto; width: 75%;}
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-sm-12 { flex: 0 0 auto; width: 100%;}
.offset-sm-0 { margin-left: 0;}
.offset-sm-1 { margin-left: 8.33333333%;}
.offset-sm-2 { margin-left: 16.66666667%;}
.offset-sm-3 { margin-left: 25%;}
.offset-sm-4 { margin-left: 33.33333333%;}
.offset-sm-5 { margin-left: 41.66666667%;}
.offset-sm-6 { margin-left: 50%;}
.offset-sm-7 { margin-left: 58.33333333%;}
.offset-sm-8 { margin-left: 66.66666667%;}
.offset-sm-9 { margin-left: 75%;}
.offset-sm-10 { margin-left: 83.33333333%;}
.offset-sm-11 { margin-left: 91.66666667%;}
}
@media (min-width: 768px) {
.col-md { flex: 1 0 0;}
.row-cols-md-auto > * { flex: 0 0 auto; width: auto;}
.row-cols-md-1 > * { flex: 0 0 auto; width: 100%;}
.row-cols-md-2 > * { flex: 0 0 auto; width: 50%;}
.row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%;}
.row-cols-md-4 > * { flex: 0 0 auto; width: 25%;}
.row-cols-md-5 > * { flex: 0 0 auto; width: 20%;}
.row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%;}
.col-md-auto { flex: 0 0 auto; width: auto;}
.col-md-1 { flex: 0 0 auto; width: 8.33333333%;}
.col-md-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-md-3 { flex: 0 0 auto; width: 25%;}
.col-md-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-md-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-md-6 { flex: 0 0 auto; width: 50%;}
.col-md-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-md-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-md-9 { flex: 0 0 auto; width: 75%;}
.col-md-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-md-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-md-12 { flex: 0 0 auto; width: 100%;}
}
@media (min-width: 992px) {
.col-lg { flex: 1 0 0;}
.col-lg-auto { flex: 0 0 auto; width: auto;}
.col-lg-1 { flex: 0 0 auto; width: 8.33333333%;}
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-lg-3 { flex: 0 0 auto; width: 25%;}
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-lg-6 { flex: 0 0 auto; width: 50%;}
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-lg-9 { flex: 0 0 auto; width: 75%;}
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-lg-12 { flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1200px) {
.col-xl { flex: 1 0 0;}
.row-cols-xl-auto > * { flex: 0 0 auto; width: auto;}
.row-cols-xl-1 > * { flex: 0 0 auto; width: 100%;}
.row-cols-xl-2 > * { flex: 0 0 auto; width: 50%;}
.row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%;}
.row-cols-xl-4 > * { flex: 0 0 auto; width: 25%;}
.row-cols-xl-5 > * { flex: 0 0 auto; width: 20%;}
.row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%;}
.col-xl-auto { flex: 0 0 auto; width: auto;}
.col-xl-1 { flex: 0 0 auto; width: 8.33333333%;}
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-xl-3 { flex: 0 0 auto; width: 25%;}
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-xl-6 { flex: 0 0 auto; width: 50%;}
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-xl-9 { flex: 0 0 auto; width: 75%;}
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-xl-12 { flex: 0 0 auto; width: 100%;}
}
@media (min-width: 1400px) {
.col-xxl { flex: 1 0 0;}
.row-cols-xxl-auto > * { flex: 0 0 auto; width: auto;}
.row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%;}
.row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%;}
.row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%;}
.row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%;}
.row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%;}
.row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-auto { flex: 0 0 auto; width: auto;}
.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%;}
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-xxl-3 { flex: 0 0 auto; width: 25%;}
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-xxl-6 { flex: 0 0 auto; width: 50%;}
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-xxl-9 { flex: 0 0 auto; width: 75%;}
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-xxl-12 { flex: 0 0 auto; width: 100%;}
}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}

.btn-blue{ padding: 12px 24px; background: radial-gradient(3.84% 103.75% at 45.19% -3.75%, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0) 100%), #2E29FF; box-shadow: 0px 0px 0px 0.927273px #0054A5; border-radius: 68px; font-style: normal; font-weight: 600; font-size: 16px;text-decoration: none; line-height: 24px; color: #FFFFFF;}
.btn-blue:hover{background: radial-gradient(3.84% 103.75% at 45.19% -3.75%, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0) 100%), #201BDD; box-shadow: 0px 0px 0px 0.927273px #0054A5;}
.btn-light {padding: 12px 24px; background: #ffffff; box-shadow: 0px 0px 0px 0.927273px #0054A5; border-radius: 68px; font-style: normal;text-decoration: none; font-weight: 600; font-size: 16px; line-height: 24px; color: #2E29FF;}
.btn-light:hover{background: radial-gradient(3.84% 103.90% at 45.19% -3.75%, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0) 100%), #fbfbff; box-shadow: 0px 0px 0px 0.927273px #0054A5;}
.btn-white {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 12px 24px;box-shadow: 0px 0px 0px 0.927273px #2E29FF;border-radius: 68px;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;color: #2E29FF;text-decoration: none;}

.btn_get .call_btn {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 12px 0px;border-radius: 0px;font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;color: #2E29FF;text-decoration: none;}

.btn-consultation{ padding: 12px 24px; background: rgba(17, 94, 247, 0.58); backdrop-filter: blur(2.5px); border-radius: 16px; border: 1px solid #ffffff; box-shadow: 0px 0px 0px 0.927273px #0054A5; font-style: normal; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #FFFFFF;text-decoration: none;}
.btn-consultation-white{ padding: 12px 24px; background: rgba(255, 255, 255, 0.58); backdrop-filter: blur(2.5px); border-radius: 16px; border: 1px solid #2E29FF; font-style: normal; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; color: #2E29FF;text-decoration: none;}
.modal-content {background: transparent;border-radius: 16px !important;} .modal-body {margin-bottom: -16px;} .modal-body iframe {border-radius: 16px !important;}

.feediframe{position: relative;}
.feediframe .youtube-icon:before {opacity: 0;display: block;content: "";color: #084bff;position: absolute;z-index: -1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: 60px;height: 60px;background: rgb(8 75 255 / 60%);border-radius: 50%;-webkit-animation: pulse-border 1500ms ease-out infinite;animation: pulse-border 1500ms ease-out infinite;}
.feediframe:hover .youtube-icon:before {opacity: 1 !important;animation: pulse-border 1500ms ease-out infinite;}

.feediframe .youtube-icon{position: absolute; display: block; left: 45%; top: 40%; cursor: pointer;z-index: 333;}
@keyframes pulse-border {
  0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
  100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}


.youtube-icon { animation: scale-up-center 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;}


.fs-24 {font-size: 24px !important;}
.fs-48 {font-size: 48px !important;}
.pl-20 {padding-left: 20px;}

.pb-0 {padding-bottom: 0px !important;}
.pb-16 {padding-bottom: 16px !important;}
.pb-32 {padding-bottom: 32px;}
.pb-40 {padding-bottom: 40px;}
.p-40 {padding: 40px !important;}
.px-40 {padding-left: 40px;padding-right: 40px;}
.py-40 {padding-top: 40px;padding-bottom: 40px;}
.pb-48 {padding-bottom: 48px;}
.pb-50 {padding-bottom: 50px;}
.py-54 {padding-top: 54px;padding-bottom: 54px;}
.pb-74 {padding-bottom: 74px;}
.pb-80 {padding-bottom: 80px !important;}
.pb-100 {padding-bottom: 100px;}
.pt-120{padding-top: 120px !important;}
.pb-120 {padding-bottom: 120px !important;}
.mr-20 {margin-right: 20px !important;}
.mb-32{margin-bottom: 32px !important;}
.mb-64{margin-bottom: 64px !important;}
.mt-64 {margin-top: 64px !important;}
.gap-16 {gap: 16px;}
.gap-28 {gap: 28px;}
.gap-32 {gap: 32px;}
.w-100 {width: 100%;}
.fw-700 {font-weight: 700 !important;}
.bg-white{background: #ffffff !important;}
.bg-transparent{background: transparent !important;}
.bg-light-gray{background: #F3F3F6 !important;}

.border-blue{border: 2px solid rgba(0, 186, 242, 0.24);}
.border-red{border: 2px solid rgba(235, 67, 90, 0.24);}
.border-bagni{border: 2px solid rgba(153, 34, 180, 0.24);}
.border-green{border: 2px solid rgba(76, 175, 80, 0.24);}


.text-white {color: #ffffff !important;}
.text-blue {color: #2E29FF !important;}
.text-midblack{color: rgba(30, 30, 30, 1) !important;}
.text-center{text-align: center;}
.text-right{text-align: right !important;}
.d-flex{display: flex;}
.align-center{align-items: center;}
.justify-end{justify-content: flex-end;}
.border-1{border: 1px solid #E8E8E8;}
.border-radius-28{border-radius: 28px;}
.pr-0{padding-right: 0 !important;}
.fw-400{font-weight: 400 !important;}
.fw-600 {font-weight: 600;color: #111827;}

.position-relative{position: relative;}
.position-absolute{position: absolute;}
.bottom-0{bottom: 0;}
.bottom-20{bottom: 20;}
.float-right{float: right;}
.d-block{display: block;}

.ml-n16{margin-left: -16px !important;}
.mt-n50{margin-top: -50px !important;}
.mt-n80{margin-top: -80px !important;}
.mt-n100{margin-top: -100px !important;}
.mt-n140{margin-top: -140px !important;}
.text-visibility{position: relative !important;z-index: 77;}
.white-space-nowrap{white-space: nowrap !important;}

.grow-state {position: absolute;top: 0px;left: 0;width: 100%;height: 10px;background: #2E29FF;transform: skewY(0deg) translateY(-50%);transform-origin: 0 0;z-index: 1;}
.grow-bar {overflow: unset !important;position: absolute;top: 250px;left: 0;width: 100%;height: 100%;background: #2E29FF;transform: skewY(-4deg) translateY(-50%);transform-origin: 0 0;z-index: 1;}
.grow {position: absolute;top: -10px;left: 0;height: 10px;border-radius: unset !important; height: 10px !important;background: #00008B;transform-origin: 0 50%;animation: growProgress auto linear;animation-timeline: scroll(root);z-index: 999;}


.progress-state {position: absolute;top: 0px;left: 0;width: 100%;height: 10px;background: #2E29FF;transform: skewY(0deg) translateY(-50%);transform-origin: 0 0;z-index: 1;}
.progress-bar {overflow: unset !important;position: absolute;top: 250px;left: 0;width: 100%;height: 100%;background: #2E29FF;transform: skewY(354deg) translateY(-50%);transform-origin: 0 0;z-index: 1;}
.progress {position: absolute;top: -10px;left: 0;height: 10px;border-radius: unset !important; height: 10px !important;background: #00008B;transform-origin: 0 50%;animation: growProgress auto linear;animation-timeline: scroll(root);z-index: 999;}


/* Animation keyframes */
@keyframes growProgress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}


/* .progress-state{position: relative;top: -10px;left: -5px;} */
/* .progress-bar{ transform: rotate(353.1deg) !important;position: relative;top: -202px;left: -10px;} */
/* .progress {height: 10px;background: #111827;width: 100%;transform-origin: 0 50%;animation: scaleProgress auto linear;animation-timeline: scroll(root);z-index: 999;} */

/* @keyframes scaleProgress {
  0% {transform: scaleX(0);}
  100% {transform: scaleX(1);}
} */