.portfolio-top-block{background:linear-gradient(209deg, #99dbff 0%, #79caf6 85%);margin-top:-285px;padding-top:312px !important}.portfolio-top-block .wrap{display:flex;align-items:center;column-gap:5rem;color:#fff}.portfolio-top-block .wrap .ratings{display:flex;align-items:center;column-gap:.5rem}.portfolio-top-block .wrap .ratings .grade{position:relative;z-index:1;padding:1.75rem 2rem;max-width:500px;display:grid;column-gap:2rem;justify-content:space-between;align-items:center;grid-template-columns:30% 62%;row-gap:.25rem}.portfolio-top-block .wrap .ratings .grade .svg-background{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1}.portfolio-top-block .wrap .ratings .grade .svg-background svg{width:100%;height:100%}.portfolio-top-block .wrap .ratings .grade .num{padding:.5rem 0;text-align:center;border-radius:15px;font-family:"StyreneAWeb",sans-serif;font-size:46px;font-weight:bold;letter-spacing:-4px;color:#2773bd;min-width:140px;position:relative}.portfolio-top-block .wrap .ratings .grade .num span{font-size:32px;opacity:.6}.portfolio-top-block .wrap .ratings .grade .rating{font-weight:600;font-size:15px;color:dimgray}.portfolio-top-block .wrap .ratings .grade .text{color:dimgray}.portfolio-top-block .wrap .ratings .grade .text span{font-weight:bold}.portfolio-top-block .wrap .ratings .img{width:130px;height:150px}.portfolio-top-block .wrap .ratings .img img{object-fit:contain}.portfolio-top-block .team{justify-content:center;margin-top:4.25rem}.portfolio-top-block .team .img{min-width:150px;height:160px;width:150px;max-width:150px;position:relative;z-index:1;overflow:unset}.portfolio-top-block .team .img:first-child:before{content:"";position:absolute;top:0;left:30px;width:80px;height:95px;background:url("../../assets/svg/fiksik.svg") no-repeat center/contain;z-index:-1;rotate:-20deg;transition:all .7s}.portfolio-top-block .team .img img{border-radius:2.18rem}.portfolio-top-block .team:hover .img:first-child:before{top:-55px;transition:all .7s}@media(max-width: 1440px){.portfolio-top-block .title__text br{display:none}.portfolio-top-block .wrap{flex-direction:column;align-items:unset;gap:1rem}.portfolio-top-block .team{margin-top:2rem}}@media(max-width: 768px){.portfolio-top-block{padding-top:235px !important}}@media(max-width: 576px){.portfolio-top-block .wrap .ratings .img{width:80px;height:120px}.portfolio-top-block .wrap .ratings .grade{max-width:450px}.portfolio-top-block .wrap .ratings .grade .num{padding:.5rem}.portfolio-top-block .wrap .ratings .grade .text{font-size:14px}.portfolio-top-block .wrap .ratings .grade .stars{-webkit-mask-size:21px 39px;width:105px}.portfolio-top-block .wrap .mobile .grade{gap:1rem;display:flex;flex-direction:column;margin:auto;padding:1rem;background-color:#fff;border-radius:2.18rem}.portfolio-top-block .wrap .mobile .grade_num{display:flex;justify-content:space-between;width:100%;align-items:center}.portfolio-top-block .wrap .mobile .grade .num{background-color:#e8f6ff}.portfolio-top-block .wrap .mobile .grade .wrap_img{display:flex;align-items:center;column-gap:1rem;justify-content:space-between}.portfolio-top-block .wrap .mobile .img{height:110px;min-width:85px}}@media(max-width: 360px){.portfolio-top-block .wrap .mobile .grade{position:relative;z-index:1;background-color:unset;border-radius:unset;padding:2rem 1rem 1rem 1rem;gap:.5rem}.portfolio-top-block .wrap .mobile .grade:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;mask:url("../../assets/mask/bg-mobile11.svg") no-repeat center/contain;z-index:-1;background-color:#fff}.portfolio-top-block .wrap .mobile .grade .num{position:relative;background-color:unset;font-size:38px;text-align:center;min-width:unset;padding:1rem}.portfolio-top-block .wrap .mobile .grade .num:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;mask:url("../../assets/mask/bg-mobile12.svg") no-repeat center/contain;z-index:-1;background-color:#e8f6ff}.portfolio-top-block .wrap .mobile .grade .grade_num{justify-content:unset;column-gap:2rem}.portfolio-top-block .wrap .mobile .grade .text{font-size:12px}.portfolio-top-block .wrap .mobile .grade .wrap_img{column-gap:.5rem}.portfolio-top-block .wrap .mobile .img{height:80px;min-width:60px}.portfolio-top-block .team .img{min-width:105px;height:100px;max-width:105px}}/*# sourceMappingURL=style.css.map */