.btn,button{cursor:pointer}.card,body{background-color:#2B3040}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(../fonts/Lato/lato-v24-latin-regular.woff2) format("woff2")}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}img{vertical-align:top;width:100%;height:100%;object-fit:cover}.container{width:min(90%,1000px);margin:0 auto}body{font-size:1rem;color:#B7BACD;font-family:sans-serif;font-family:Lato}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{min-height:100dvh;flex-grow:1}main .container{background-image:url(../images/bg-image.png);background-repeat:no-repeat;background-size:cover;padding:154px 0}.card{max-width:600px;margin:0 auto;display:flex;flex-direction:column}.card .card-nav{padding:30px 40px}.card .card-nav ul{display:flex;justify-content:space-between;align-items:center;text-align:center;gap:70px}.card .card-nav li:hover .text,.card .card-nav li:hover svg *{stroke:#fff;color:#fff}.card .card-nav .svg-container div{margin-bottom:15px}.card .card-nav .icon{width:24px;height:22px}.card .card-nav .icon svg{width:100%;height:100%}.card .card-nav svg *{stroke:#B7BACD;fill:none}.card .card-nav .text{color:#B7BACD;font-family:Lato;line-height:1.75rem;text-transform:uppercase}.card .card-nav a{text-decoration:none}.card .card-body{padding:60px 40px;background-color:#212534;display:grid;grid-template-columns:200px 1fr}.card .left-body{padding-right:40px}.card .left-body .body-img{margin-bottom:25px}.card .left-body .img-container{height:230px}.card .left-body .rating{height:20px}.card .rigth-body{position:relative}.card .rigth-body hgroup{margin-bottom:40px;color:#fff}.card .rigth-body h2{margin-bottom:15px}.card .rigth-body .card-description{max-width:277px;font-size:.875rem;line-height:1.375rem;margin-bottom:50px}.card .rigth-body .score{position:absolute;top:0;right:0;width:75px;height:75px}.card .rigth-body .chart{display:inline-flex;justify-content:center;align-items:center}.card .rigth-body .percent{position:absolute;font-size:1.25rem;line-height:1.375rem}.card .rigth-bottom{display:flex;justify-content:space-between;gap:50px}.card .card-discount{font-size:.75rem;line-height:1.25rem;color:#FFDD3F}.card .card-price{color:#fff;font-size:2rem;line-height:2rem}.btn{color:#FFF;line-height:1.25rem;text-transform:uppercase;border-radius:2px;border:none;padding:20px 30px;background-color:#13E28D}.ui-button.ui-state-active:hover .text,.ui-button:active .text,.ui-state-active .text,.ui-tabs-active .text,.ui-widget-content .ui-state-active .text,.ui-widget-header .ui-state-active .text,a.ui-button:active .text{color:#fff}.btn:hover{background-color:#3aca8e}.ui-button:focus .text,.ui-button:hover .text,.ui-state-focus .text,.ui-state-hover .text,.ui-widget-content .ui-state-focus .text,.ui-widget-content .ui-state-hover .text,.ui-widget-header .ui-state-focus .text,.ui-widget-header .ui-state-hover .text{color:#fff}.ui-button:focus svg *,.ui-button:hover svg *,.ui-state-focus svg *,.ui-state-hover svg *,.ui-widget-content .ui-state-focus svg *,.ui-widget-content .ui-state-hover svg *,.ui-widget-header .ui-state-focus svg *,.ui-widget-header .ui-state-hover svg *{stroke:#fff}.ui-state-active svg *,.ui-tabs-active svg *{stroke:#fff}.ui-button.ui-state-active:hover svg *,.ui-button:active svg *,.ui-state-active svg *,.ui-widget-content .ui-state-active svg *,.ui-widget-header .ui-state-active svg *,a.ui-button:active svg *{stroke:#fff}