.howItWorks{background-color:#eaeef6;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:11rem 2rem 4rem;display:flex;position:relative}@media only screen and (width<=800px){.howItWorks{padding:9rem 2rem 2rem}}@media only screen and (width>=801px) and (width<=1200px){.howItWorks{padding:9rem 2rem 4rem}}.howItWorks .items{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.howItWorks .items .item{background-color:#ffffffb3;border-radius:.5rem;justify-content:center;align-items:center;gap:1rem;width:30%;height:12rem;padding:1rem 2rem;display:flex}@media only screen and (width<=1200px){.howItWorks .items .item{width:45%}}@media only screen and (width>=601px) and (width<=800px){.howItWorks .items .item{padding:1rem;font-size:.85rem}}@media only screen and (width<=600px){.howItWorks .items .item{gap:.5rem;padding:.75rem;font-size:.8rem}}.howItWorks .items .item b{color:#00bf63}.howItWorks .items .item img{width:7rem}@media only screen and (width<=993px){.howItWorks .items .item img{width:5rem}}@media only screen and (width<=600px){.howItWorks .items .item img{width:3rem}}.howItWorks .demoAndDetails{background-color:#ffffffb3;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:calc(90% + 2rem);padding:2rem;display:flex}.howItWorks .demoAndDetails .demo{border-bottom:1px solid #eaeef6;justify-content:center;align-items:center;gap:4rem;padding-bottom:1.5rem;display:flex}@media only screen and (width<=1200px){.howItWorks .demoAndDetails .demo{width:calc(90% + 1rem)}}@media only screen and (width<=993px){.howItWorks .demoAndDetails .demo{flex-direction:column;gap:2rem}}@media only screen and (width<=800px){.howItWorks .demoAndDetails .demo{padding:1rem;font-size:.8rem}}.howItWorks .demoAndDetails .demo img.screen{border-radius:.5rem;width:12rem;box-shadow:0 12px 23px -13px #a0a3aa}@media only screen and (width<=993px){.howItWorks .demoAndDetails .demo img.screen{width:20rem}}.howItWorks .demoAndDetails .demo .textBox{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.howItWorks .demoAndDetails .demo .textBox .actionBox{justify-content:center;align-items:center;gap:1rem;display:flex}@media only screen and (width<=600px){.howItWorks .demoAndDetails .demo .textBox .actionBox{flex-direction:column}}.howItWorks .demoAndDetails .demo .textBox .actionBox button{border:none}@media only screen and (width<=993px){.howItWorks .demoAndDetails .demo .textBox .actionBox button{font-size:1rem}}.howItWorks .demoAndDetails .demo .textBox .actionBox .callUsText{color:#00bf63;text-wrap:nowrap;font-weight:700}.howItWorks .demoAndDetails .demo .textBox .actionBox .phoneNumber{color:#00bf63;text-wrap:nowrap;font-size:2rem;font-weight:700}@media only screen and (width<=800px){.howItWorks .demoAndDetails .demo .textBox .actionBox .phoneNumber{font-size:1.8rem}}.howItWorks .detailsBox .details{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:0 2rem;list-style:none;transition:all .4s;display:flex;overflow:hidden}@media only screen and (width<=800px){.howItWorks .detailsBox .details{padding:0}}.howItWorks .detailsBox .details .item{border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;width:100%;padding:.5rem 0;display:flex}.howItWorks .detailsBox .details .item:last-child{border-bottom:none}.howItWorks .detailsBox .details .item .title{width:30%;font-size:.9rem;font-weight:700}@media only screen and (width<=800px){.howItWorks .detailsBox .details .item .title{width:30%;font-size:.7rem}}.howItWorks .detailsBox .details .item .description{color:gray;text-align:right;width:60%;font-size:.8rem}@media only screen and (width<=600px){.howItWorks .detailsBox .details .item .description{width:70%;font-size:.7rem}}@media only screen and (width<=800px){.howItWorks .detailsBox .details .item .description{font-size:.8rem}}