.compare{background:linear-gradient(0deg,#f4f4fb 50%,transparent);margin:0 25px;padding-block:120px 160px;padding-inline:30px;position:relative;z-index:1}.compare .info-block{align-items:center;display:flex}.compare .info-block h2{font-size:52px!important;max-width:550px!important}.compare .info-block .info-paragraph{margin-bottom:0!important;max-width:500px!important}.compare .compare-box{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:80px;margin-inline:auto;max-width:1240px}.compare .compare-box .compare-item{align-items:center;background-color:#fff;border-radius:11px;box-shadow:0 20px 100px -10px #22115f12;display:flex;gap:20px;padding:19px 24px}.compare .compare-box .compare-item .compare-item-title{color:#000;font-size:20px;font-weight:600;letter-spacing:-.02em;margin-right:auto}.compare .compare-box .compare-item .compare-item-logo img{height:35px;max-width:unset}.compare .compare-box .compare-item .compare-item-right{align-items:center;display:flex;flex-shrink:0;gap:20px;justify-content:flex-end}.compare .compare-box .compare-item .compare-item-price{color:#00000080;flex-shrink:0;font-size:18px;font-weight:500;margin-top:-4px;white-space:nowrap}.compare .compare-box .compare-item .compare-item-logo{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;width:108px}.compare .compare-box .compare-item .compare-item-logo img{display:block}.compare .total-cost{background-color:#fff;border-radius:10px;box-shadow:0 20px 100px -10px #22115f12;color:#000;grid-column:1/-1;padding:30px 40px;position:relative;z-index:10}.compare .total-cost .total-cost-title{color:#000;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.compare .total-cost .total-cost-price{color:#000;font-size:35px;font-weight:700;letter-spacing:-.025em;white-space:nowrap}.compare .total-cost .total-cost-price span{color:#00000080;display:inline-block;font-size:22px;font-weight:400;margin-left:5px;transform:translateY(-3px)}.compare .skillplate-cost{background:linear-gradient(90deg,#35a8d2,#5835d2,#8540c0);background-position:50%;background-size:145%;border-radius:17px;box-shadow:0 20px 150px -10px #602d9a40;color:#fff;grid-column:1/-1;padding:50px;position:relative}.compare .skillplate-cost .skillplate-cost-title{color:#fff;font-size:38px;font-weight:700;letter-spacing:-.025em;line-height:1.2em;margin-right:auto}.compare .skillplate-cost .price .skillplate-cost-price{color:#fff;font-size:50px;font-weight:700;letter-spacing:-.025em;line-height:100%;white-space:nowrap}.compare .skillplate-cost .price .skillplate-cost-price span{color:#fff9;display:inline-block;font-size:22px;font-weight:400;margin-left:5px;transform:translateY(-5px)}.compare .skillplate-cost .price .save{background:#ffffff21;border-radius:7px;color:#fff;font-size:17px;font-weight:500;margin-left:15px;padding:7px 15px;white-space:nowrap}@media (max-width:1300px){.compare{padding-block:100px}.compare .site-container .info-block h2{font-size:50px!important;max-width:460px!important}.compare .site-container .info-block .info-paragraph{font-size:18px!important;max-width:460px!important}}@media (max-width:1000px){.compare{margin:2px 15px 0;padding-block:70px 100px;padding-inline:20px}.compare .site-container{padding-inline:5px}.compare .site-container .info-block h2{font-size:45px!important;max-width:420px!important}.compare .site-container .info-block .info-paragraph{font-size:17px!important;max-width:400px!important}.compare .compare-box{gap:15px;margin-top:60px}.compare .compare-box .compare-item{border-radius:8px;gap:15px;padding:15px 20px}.compare .compare-box .compare-item .compare-item-title{font-size:19px;margin-right:auto}.compare .compare-box .compare-item .compare-item-price{font-size:16px}.compare .compare-box .compare-item .compare-item-logo img{height:32px}.compare .skillplate-cost{border-radius:12px;gap:30px;padding:40px}.compare .skillplate-cost .skillplate-cost-title{font-size:35px}.compare .skillplate-cost .price .skillplate-cost-price{font-size:45px}.compare .skillplate-cost .price .save{font-size:16px}}@media (max-width:800px){.compare{padding-block:70px 80px}.compare .site-container .info-block{gap:20px}.compare .site-container .info-block h2{font-size:40px!important}.compare .site-container .info-block .info-paragraph{font-size:16px!important}.compare .compare-box{gap:12px;margin-top:40px}.compare .total-cost{padding:30px 30px 25px}.compare .total-cost .total-cost-price,.compare .total-cost .total-cost-title{font-size:30px}.compare .total-cost .total-cost-price span{font-size:18px}.compare .skillplate-cost .skillplate-cost-title{font-size:32px}.compare .skillplate-cost .price .skillplate-cost-price{font-size:42px}.compare .skillplate-cost .price .save{font-size:15px;margin-top:-4px}}@media (max-width:700px){.compare{padding-inline:15px}.compare .site-container .info-block{align-items:start;flex-direction:column;gap:15px}.compare .site-container .info-block .left-side h2{max-width:400px!important}.compare .site-container .info-block .right-side .info-paragraph{max-width:420px!important}.compare .compare-box{gap:12px}.compare .compare-box .compare-item{gap:12px;padding:12px 15px}.compare .compare-box .compare-item .compare-item-price{font-size:15px}.compare .skillplate-cost,.compare .total-cost{flex-wrap:wrap}.compare .skillplate-cost .skillplate-cost-title,.compare .skillplate-cost .total-cost-title,.compare .total-cost .skillplate-cost-title,.compare .total-cost .total-cost-title{line-height:1.2em}}@media (max-width:600px){.compare{margin-inline:15px}.compare .total-cost{gap:10px}.compare .total-cost .total-cost-title{font-size:26px}.compare .total-cost .total-cost-price{font-size:29px}.compare .total-cost .total-cost-price span{font-size:17px}.compare .skillplate-cost{padding:30px}}@media (max-width:500px){.compare{margin:0 15px;padding-block:20px 50px}.compare .site-container{padding-inline:0}.compare .compare-box{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.compare .total-cost{gap:5px}.compare .total-cost .total-cost-price{font-size:27px}.compare .skillplate-cost{gap:15px}.compare .skillplate-cost .skillplate-cost-title{font-size:28px}.compare .skillplate-cost .price .skillplate-cost-price{font-size:35px}.compare .skillplate-cost .price .skillplate-cost-price span{font-size:18px}.compare .skillplate-cost .price .save{font-size:14px}}@media (max-width:400px){.compare .total-cost{padding:23px}.compare .total-cost .total-cost-title{font-size:25px}.compare .skillplate-cost{padding:25px}.compare .skillplate-cost .skillplate-cost-title{font-size:27px}}