.main-banner{margin-top:30px;.main-banner-row{margin-left:-4px;margin-right:-4px}.main-banner-col{padding-left:4px;padding-right:4px}.banner-1-content{border-radius:20px;background:url(/resources/crocolance/imgs/main_banner_1_desk.webp) center / cover no-repeat,linear-gradient(45deg,rgb(0 25 21),rgb(0 55 66) 100%);padding:30px 0 40px 40px;.banner-header{color:#FFF;font-size:40px;font-weight:700;line-height:100%;letter-spacing:.4px;max-width:622px}.banner-header span{color:#00CB75}.banner-description{color:#C6E7D7;font-size:16px;font-weight:500;line-height:140%;margin-top:12px;max-width:510px}.banner-btns-block{margin-top:26px}.green-btn{position:relative;padding:0 26px 0 30px;border-radius:10px;box-shadow:0 4px 22px 0 rgb(0 34 51 / .16);backdrop-filter:blur(60px);background-color:rgb(0 173 92);cursor:pointer;overflow:visible;transition:background-color 0.2s;.label{color:rgb(255 255 255);font-size:16px;font-weight:700;line-height:50px}.now-price{color:rgb(255 255 255);font-size:20px;font-weight:700;line-height:26px;padding-bottom:2px;padding-left:3px}.old-price{color:rgb(255 255 255 / .37);font-size:13px;font-weight:600;line-height:17px;text-decoration:line-through;text-decoration-color:rgb(255 255 255 / .7)}.green-btn-badge{position:absolute;top:-8px;right:-8px;border-radius:5px;background:rgb(244 65 52);color:rgb(255 255 255);font-size:12px;font-weight:700;line-height:22px;padding:0 3.5px;z-index:2}}.green-btn::before{content:'';position:absolute;inset:0;border-radius:10px;background:linear-gradient(90deg,rgb(0 214 136),rgb(0 184 86));z-index:0;transition:opacity 0.2s}.green-btn:hover::before{opacity:0}.green-btn>*{position:relative;z-index:1}}.banner-2-content{height:100%;width:555px;border-radius:20px;background:url(/resources/crocolance/imgs/main_banner_2_desk.webp) center / cover no-repeat,linear-gradient(86deg,#001A15 0%,#003742 100%);padding:30px 0 40px 44px;.banner-header{max-width:235px;color:#FFF;font-size:40px;font-weight:700;line-height:100%;letter-spacing:.4px}}}@media (max-width:924px){#main-banner-setter{padding:0px!important}.main-banner{margin-top:20px;.main-banner-row{margin-left:0;margin-right:0}.main-banner-col{padding-left:8px;padding-right:8px}.banner-1-content{background:url(/resources/crocolance/imgs/main_banner_1_mobile.webp) right bottom / 100% no-repeat,linear-gradient(86deg,#001A15 0%,#003742 100%);padding:18px 20px 20px 22px;.banner-header{font-size:20px;font-weight:700;line-height:110%;letter-spacing:.2px}.banner-description{max-width:189px;margin-top:8px;font-size:11px;font-weight:500;line-height:140%}.banner-btns-block{margin-top:14px}.green-btn{padding:0 42.3px;.label{line-height:32px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.13px}}}.banner-2-content{height:182.22px;width:100%;border-radius:20px;background:url(/resources/crocolance/imgs/main_banner_2_mobile.webp) center / 100% no-repeat,linear-gradient(86deg,#001A15 0%,#003742 100%);padding:18px 0 20px 22px;.banner-header{max-width:127px;font-size:22px;font-weight:700;line-height:110%}}}}