.block-editor__container .editor-styles-wrapper,html{--e-global-color-primary:#0759A9;--e-global-color-secondary:#DC1F30;--e-global-color-text:#0A2234;--e-global-color-accent:#0D4F78;--e-global-color-bf12c15:#0A2234A3;--e-global-color-874a5cf:#0A223452;--e-global-color-f9e5e98:#FFFFFF8F;--e-global-color-dd6ca54:#00000014;--e-global-color-77e760a:#F6F6F6;--e-global-color-703e03b:#FFFFFF;--e-global-color-a2f4f54:#7AB8DD66}.nanotemper-how-it-works{position:relative}.nanotemper-how-it-works .nanotemper-how-it-works__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:80px}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__grid{margin-top:48px;gap:60px}}@media screen and (max-width:767px){.nanotemper-how-it-works .nanotemper-how-it-works__grid{margin-top:32px}}@media screen and (min-width:1025px){.nanotemper-how-it-works .nanotemper-how-it-works__head--tablet{display:none}}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__head--desktop{display:none}}.nanotemper-how-it-works .nanotemper-how-it-works__media{width:35%;-ms-flex-negative:0;flex-shrink:0}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__media{width:calc(44% - 60px)}}@media screen and (max-width:767px){.nanotemper-how-it-works .nanotemper-how-it-works__media{display:none}}.nanotemper-how-it-works .nanotemper-how-it-works__media-inner{position:sticky;top:var(--nanotemper-how-it-works-sticky-top,120px);border-radius:48px;overflow:hidden;width:100%;padding-bottom:133%;height:0;background:var(--e-global-color-77e760a)}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__media-inner{border-radius:20px}}.nanotemper-how-it-works .nanotemper-how-it-works__media-item{position:absolute;inset:0;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;pointer-events:none}.nanotemper-how-it-works .nanotemper-how-it-works__media-item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nanotemper-how-it-works .nanotemper-how-it-works__media-item--active{opacity:1;pointer-events:auto}.nanotemper-how-it-works .nanotemper-how-it-works__timeline{position:absolute;top:0;left:145px;min-height:100%;-ms-flex-negative:0;flex-shrink:0}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__timeline{left:0}}.nanotemper-how-it-works .nanotemper-how-it-works__timeline-progress,.nanotemper-how-it-works .nanotemper-how-it-works__timeline-track{position:absolute;top:0;left:0;width:1px}.nanotemper-how-it-works .nanotemper-how-it-works__timeline-track{background:rgba(122,184,221,.4)}.nanotemper-how-it-works .nanotemper-how-it-works__timeline-progress{background:var(--e-global-color-secondary);height:0;-webkit-transition:height 120ms linear;transition:height 120ms linear}.nanotemper-how-it-works .nanotemper-how-it-works__content{width:49%}@media screen and (max-width:1440px){.nanotemper-how-it-works .nanotemper-how-it-works__content{width:54%}}@media screen and (max-width:767px){.nanotemper-how-it-works .nanotemper-how-it-works__content{width:100%}}.nanotemper-how-it-works .nanotemper-how-it-works__heading{margin:0}.nanotemper-how-it-works .nanotemper-how-it-works__description{margin-top:32px;color:var(--e-global-color-text)}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__description{margin-top:8px}}.nanotemper-how-it-works .nanotemper-how-it-works__steps{position:relative;margin-top:120px}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__steps{padding-left:60px;margin-top:0}}@media screen and (max-width:767px){.nanotemper-how-it-works .nanotemper-how-it-works__steps{padding-left:44px}}.nanotemper-how-it-works .nanotemper-how-it-works__step:not(:last-child){margin-bottom:120px}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__step:not(:last-child){margin-bottom:48px}}.nanotemper-how-it-works .nanotemper-how-it-works__step{opacity:.35;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;display:-webkit-box;display:-ms-flexbox;display:flex;gap:180px}@media screen and (max-width:1440px){.nanotemper-how-it-works .nanotemper-how-it-works__step{gap:130px}}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__step{gap:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.nanotemper-how-it-works .nanotemper-how-it-works__step--active{opacity:1}.nanotemper-how-it-works .nanotemper-how-it-works__step-icon{width:80px;height:64px;border-radius:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:100px;border:1px solid rgba(122,184,221,.4)}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__step-icon{width:44px;height:40px}}.nanotemper-how-it-works .nanotemper-how-it-works__step-image{position:relative;border-radius:20px;overflow:hidden;width:100%;padding-bottom:131%}.nanotemper-how-it-works .nanotemper-how-it-works__step-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:768px){.nanotemper-how-it-works .nanotemper-how-it-works__step-image{display:none}}.nanotemper-how-it-works .nanotemper-how-it-works__step-icon-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;display:block}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__step-icon-image{width:20px;height:20px}}.nanotemper-how-it-works .nanotemper-how-it-works__step-title{margin:0}.nanotemper-how-it-works .nanotemper-how-it-works__step-text{margin-top:32px;color:var(--e-global-color-bf12c15)}@media screen and (max-width:1024px){.nanotemper-how-it-works .nanotemper-how-it-works__step-text{margin-top:16px}}
/*# sourceMappingURL=how-it-works.css.map */