.entry-steps{background-color:rgb(var(--dt-bg-base));position:relative;overflow:hidden}.entry-steps .section-padding{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.entry-steps__header{text-align:center;margin-bottom:24px}.entry-steps__heading{margin:0 0 12px;color:rgb(var(--dt-text-primary));font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.3px;font-size:var(--heading-size-desktop, 2.5rem)}.entry-steps__heading.h0{font-size:var(--heading-size-desktop, 3rem)}.entry-steps__heading.h1{font-size:var(--heading-size-desktop, 2.5rem)}.entry-steps__heading.h2{font-size:var(--heading-size-desktop, 2rem)}@media screen and (max-width: 749px){.entry-steps__heading{font-size:var(--heading-size-mobile, 1.75rem)}.entry-steps__heading.h0{font-size:var(--heading-size-mobile, 2rem)}.entry-steps__heading.h1{font-size:var(--heading-size-mobile, 1.75rem)}.entry-steps__heading.h2{font-size:var(--heading-size-mobile, 1.5rem)}}.entry-steps__subheading{font-size:16px;color:rgba(var(--dt-text-primary),.7);font-family:var(--font-body-family);max-width:600px;margin:0 auto}.entry-steps__container{display:flex;flex-direction:column;gap:0;max-width:1600px;margin:0 auto;position:relative;min-height:280px}@media screen and (min-width: 1500px){.entry-steps__container{min-height:auto;flex-direction:row;justify-content:center;align-items:center;padding:0 20px;gap:60px;position:relative}.entry-step{margin:0 30px;flex:0 0 auto;width:auto;position:relative;z-index:2}.entry-step{max-width:420px}.entry-steps__connector{flex:0 0 180px;width:180px;height:100px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 -90px;z-index:1}.entry-steps__connector--1{align-self:flex-end;margin-bottom:-25px}.entry-steps__connector--2{align-self:flex-start;margin-top:-25px;transform:scaleY(-1)}.entry-steps__connector-svg{width:100%;height:100%;object-fit:contain;object-position:center;opacity:.5}.entry-step:not(:last-child):after{display:none}}@media screen and (min-width: 1600px){.entry-step{max-width:450px;margin:0 40px}.entry-steps__connector{flex:0 0 220px;width:220px;margin:0 -110px}}.entry-step{position:relative;width:100%;max-width:450px;margin:8px 0}.entry-step__content{background:rgb(var(--dt-bg-surface));border:1px solid rgba(var(--dt-accent),.15);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;z-index:10;height:100%;min-height:100px;min-width:280px;isolation:isolate}.entry-step__content:hover{background:rgba(var(--dt-bg-surface),.6);border-color:rgba(var(--dt-accent),.3);transform:translate(8px);box-shadow:0 4px 20px rgba(var(--dt-accent),.1)}.entry-step__icon-section{display:flex;align-items:center;justify-content:center;position:relative;width:20%;flex-shrink:0}.entry-step__icon-wrapper{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.entry-step__icon{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.entry-step__icon-placeholder{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(var(--dt-accent),.1);border-radius:50%}.entry-step__icon-placeholder svg{width:28px;height:28px;color:rgb(var(--dt-accent))}.entry-step__number{position:absolute;top:-6px;right:-6px;width:26px;height:26px;background:rgb(var(--dt-accent));color:rgb(var(--dt-text-inverted));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-weight:700;font-size:13px;box-shadow:0 2px 8px rgba(var(--dt-accent),.4)}.entry-step__text-section{flex:1;padding-right:20px}.entry-step__title{margin:0 0 6px;color:rgb(var(--dt-text-primary));font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;font-size:19px;line-height:1.2;letter-spacing:-.2px}.entry-step__description{margin:0;font-size:15px;line-height:1.4;color:rgba(var(--dt-text-primary),.7);font-family:var(--font-body-family)}@media screen and (min-width: 750px) and (max-width: 989px){.entry-steps__container{gap:20px;min-height:auto;max-width:700px}.entry-step{align-self:stretch;margin:0}.entry-step__content{padding:20px 24px}.entry-step:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-20px;width:40px;height:20px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='20' viewBox='0 0 40 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0 Q20 10 20 20' stroke='%2369B1E2' stroke-width='2' stroke-dasharray='4 4' stroke-opacity='0.3' fill='none'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%);z-index:0}}@media screen and (max-width: 1499px){.entry-steps__header{margin-bottom:32px}.entry-steps__subheading{font-size:14px;padding:0 20px}.entry-steps__container{gap:24px;padding:0;min-height:auto;display:flex;flex-direction:column;align-items:center}.entry-step{margin:0;max-width:600px;width:100%}.entry-step:nth-child(odd),.entry-step:nth-child(2n){margin-left:0;margin-right:0}.entry-step__content{flex-direction:row;text-align:left;padding:24px;gap:20px}.entry-step__content:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--dt-accent),.1)}.entry-step__icon-section{width:auto;flex-shrink:0}.entry-step__text-section{padding-right:0;flex:1}.entry-step__icon-wrapper{width:56px;height:56px}.entry-step__icon{width:36px;height:36px}.entry-step__icon-placeholder{width:56px;height:56px}.entry-step__icon-placeholder svg{width:28px;height:28px}.entry-step__number{width:24px;height:24px;font-size:12px;top:-4px;right:-4px}.entry-step__title{font-size:20px;margin-bottom:8px}.entry-step__description{font-size:16px;line-height:1.5;color:rgba(var(--dt-text-primary),.8)}.entry-step:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-24px;width:2px;height:24px;background-image:repeating-linear-gradient(to bottom,rgb(var(--dt-accent)) 0,rgb(var(--dt-accent)) 4px,transparent 4px,transparent 8px);opacity:.3;transform:translate(-50%);z-index:0}}@media screen and (min-width: 750px) and (max-width: 1499px){.entry-steps__container{padding:0 40px}.entry-step{max-width:700px}.entry-step__content{padding:32px}}@media screen and (max-width: 1499px){.entry-steps__connector{display:none}}.entry-step__arrow{display:none}@media (prefers-reduced-motion: reduce){.entry-step__content{transition:none}.entry-step__content:hover{transform:none}}@media (prefers-contrast: high){.entry-step__content{border:2px solid rgb(var(--dt-accent))}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-entry-steps.css.map */
