.don-how-it-work{padding:0}
.don-how-it-work>section{padding:9.7rem 0 4.1rem}
@media(max-width:989.98px){
.don-how-it-work>section{padding:5rem 0 3rem}
}
.don-how-it-work-main-header .don-how-it-work-title{color:#000;font-family:Gelica,sans-serif;font-size:3.6rem;font-weight:300;line-height:4.7rem;margin:0}
@media(max-width:989.98px){
.don-how-it-work-main-header .don-how-it-work-title{font-size:2.4rem;line-height:3.2rem}
}
.don-how-it-work-main-header .don-how-it-work-description{max-width:67.9rem}
.don-how-it-work-main-header .don-how-it-work-description p{color:#756e6b;font-family:Gelica,sans-serif;font-size:1.8rem;font-weight:300;line-height:2.7rem;margin:1.9rem 0 0}
@media(max-width:989.98px){
.don-how-it-work-main-header .don-how-it-work-description p{font-size:1.5rem;line-height:2.4rem;margin-top:1.1rem}
}
.don-how-it-work-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3.9rem 2rem;list-style:none;margin:4.5rem 0 0;padding:0}
@media(max-width:989.98px){
.don-how-it-work-items{grid-template-columns:1fr;position:relative;margin-top:2.7rem}
}
@media(max-width:989.98px){
.don-how-it-work-items::before{content:"";display:block;width:.3rem;height:100%;background:#f5f5f5;position:absolute;left:3.8rem}
}
.don-how-it-work-items header{display:flex;align-items:center;gap:2.1rem;margin-top:3.3rem}
@media(max-width:989.98px){
.don-how-it-work-items header{flex-direction:column;align-items:unset;gap:1rem;margin-top:0}
}
.don-how-it-work-items .don-how-it-work-circle{width:7.6rem;height:7.6rem;display:grid;place-items:center;position:relative;border-radius:50%;background:#f8f8f8;border:.1rem solid #899c80;overflow:hidden}
.don-how-it-work-items .don-how-it-work-circle-value{width:6rem;height:6rem;display:grid;place-items:center;position:relative;color:#333;text-align:center;font-family:Gelica,sans-serif;font-size:1.8rem;font-weight:500;line-height:2.4rem;border-radius:50%;border:.3rem solid #fff;background:#f8f8f8;margin:0}
.don-how-it-work-items .don-how-it-work-circle::before{content:"";display:block;position:absolute;top:50%;left:50%;width:100vw;height:100vw;background:#899c80;transform-origin:0 0}
.don-how-it-work-items .don-how-it-work-time{display:flex;align-items:center;gap:.9rem;color:#756e6b;font-family:Gelica,sans-serif;font-size:1.5rem;font-weight:300;line-height:2.4rem;margin:0}
.don-how-it-work-items .don-how-it-work-time svg{color:#899c80}
.don-how-it-work-items .don-how-it-work-time span{line-height:1.8rem}
.don-how-it-work-items .don-how-it-work-title{color:#000;font-family:Gelica,sans-serif;font-size:1.8rem;line-height:2.4rem;margin:0}
.don-how-it-work-items .don-how-it-work-description{max-width:36.8rem;color:#756e6b;font-family:Gelica,sans-serif;font-size:1.5rem;font-weight:300;line-height:2.4rem;margin:2.2rem 0 0}
@media(max-width:989.98px){
.don-how-it-work-items .don-how-it-work-description{max-width:none;margin-top:1rem}
}
@media(max-width:989.98px){
.don-how-it-work-items li{display:grid;grid-template-columns:7.6rem 1fr;gap:2.7rem}
}
.don-how-it-work-items li:nth-child(1) .don-how-it-work-circle::before{transform:rotate(0) skew(133deg)}
.don-how-it-work-items li:nth-child(2) .don-how-it-work-circle{background:#899c80}
.don-how-it-work-items li:nth-child(2) .don-how-it-work-circle::before{background:#f8f8f8;transform:rotate(-112deg) skew(-22deg)}
.don-how-it-work-items li:nth-child(3) .don-how-it-work-circle{background:#899c80}
.don-how-it-work-items li:nth-child(3) .don-how-it-work-circle::before{content:none}
.don-how-it-work-items li:not(:last-of-type){position:relative}
.don-how-it-work-items li:not(:last-of-type)::before{content:"";width:calc(100% - 76px - 13px);height:.3rem;position:absolute;top:3.8rem;right:0;display:block;position:absolute;background:#f5f5f5}
@media(max-width:989.98px){
.don-how-it-work-items li:not(:last-of-type)::before{content:none}
}
@media(max-width:989.98px){
.don-how-it-work-items li:last-of-type{position:relative}
}
@media(max-width:989.98px){
.don-how-it-work-items li:last-of-type::before{content:"";width:.3rem;height:100%;display:block;position:absolute;top:0;left:3.8rem;background:var(--how-it-work-background)}
}
.don-how-it-work-button{display:inline-flex;justify-content:center;align-items:center;margin-top:2.4rem;color:#899c80;min-height:5rem;border-radius:5rem;border:.1rem solid #899c80;transition:opacity ease .3s}
@media(max-width:989.98px){
.don-how-it-work-button{display:flex}
}
.don-how-it-work-button:is(:hover){opacity:.75}
.don-how-it-work-button::after,.don-how-it-work-button::before{content:none}