.how-it-work{background:var(--secondary-color);padding:100px 0 70px}.how-work-item{background-color:var(--white-color);border:1px solid var(--divider-color);box-shadow:5px 28px 75px 4px var(--box-shadow-color);border-radius:16px;height:calc(100% - 30px);margin-bottom:30px;padding:30px;transition:all .4s ease-in-out;position:relative;overflow:hidden}.how-work-item:before{content:"";background:var(--primary-color);z-index:1;border-radius:0;height:100%;transition:all .4s ease-in-out;position:absolute;top:100%;left:0;right:0}.how-work-item:hover:before{top:0}.how-work-item .icon-box{z-index:2;margin-bottom:20px;position:relative}.how-work-item .icon-box svg{width:55px;transition:all .4s ease-in-out}.how-work-item:hover .icon-box svg{filter:brightness(0)invert()}.how-work-content{z-index:2;position:relative}.how-work-content h3{text-transform:capitalize;margin-bottom:20px;font-size:20px;font-weight:600;transition:all .3s ease-in-out}.how-work-item:hover .how-work-content h3{color:var(--accent-color)}.how-work-content p{margin:0;transition:all .3s ease-in-out}.how-work-item:hover .how-work-content p{color:var(--white-color)}@media only screen and (max-width:991px){.how-it-work{padding:50px 0 20px}.how-work-item{padding:20px}.how-work-content h3{margin-bottom:15px}}@media only screen and (max-width:767px){.how-work-content h3{margin-bottom:10px;font-size:18px}}