.section-card-how-wokrs{background-color:rgba(1,0,2,.07);height:100%;width:100%}.section-card-how-wokrs .container{margin:auto;max-width:1440px;padding:96px 30px}.section-card-how-wokrs .container>.title{font-size:55px;line-height:50px}.section-card-how-wokrs .container>.subtitle,.section-card-how-wokrs .container>.title{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:Assistant,sans-serif;font-weight:700;padding-bottom:30px;text-align:center}.section-card-how-wokrs .container>.subtitle{font-size:45px;line-height:40px;margin:auto;max-width:840px}.section-card-how-wokrs .container .content-buttom{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px auto 0;max-width:850px}.section-card-how-wokrs .container .content-buttom .btn{margin:20px auto 0;max-width:210px}.section-card-how-wokrs .container .content-card{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.section-card-how-wokrs .container .content-card .card{cursor:pointer;max-width:240px;min-height:250px;position:relative}.section-card-how-wokrs .container .content-card .card .content-card-img-text{transform-style:preserve-3d;transition:all .5s}.section-card-how-wokrs .container .content-card .card .content-card-img-text .frontal{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.section-card-how-wokrs .container .content-card .card .content-card-img-text .frontal img{height:100px;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;width:100px}.section-card-how-wokrs .container .content-card .card .content-card-img-text .frontal>h2{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:Assistant,sans-serif;font-size:40px;font-weight:700;line-height:30px;text-align:center}.section-card-how-wokrs .container .content-card .card .content-card-img-text .rear{-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#ededed;transform:rotateY(180deg)}.section-card-how-wokrs .container .content-card .card .content-card-img-text .rear p{font-family:Assistant,sans-serif;font-size:20px;font-weight:400;line-height:28px;text-align:center}.section-card-how-wokrs .container .content-card .card .content-card-img-text .rear p a{-webkit-text-decoration:underline dotted gray;text-decoration:underline dotted gray}.section-card-how-wokrs .container .content-card .card .content-card-img-text:hover{transform:rotateY(180deg)}