.sub-benefits{background-color:#60c6ff33;padding:60px 0}.sub-benefits__title{margin:0 auto 98px;color:#285234;text-align:center;font-size:60px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}.sub-benefits__grid{display:grid;grid-template-columns:1fr minmax(auto,541px);grid-template-rows:280px auto;grid-column-gap:8%;grid-template-areas:"img checkmark" "point checkmark"}.sub-benefits__img{grid-area:img;position:relative;padding-bottom:40.5%;width:100%;margin:0 auto 30px}.sub-benefits__img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.sub-benefits__circle{grid-area:point;display:flex;align-items:stretch;justify-content:flex-start;column-gap:20px;row-gap:25px}.benefits-circle__item{max-width:calc(100% / 3 - 20px * 2 / 3);width:calc(100% / 3 - 20px * 2 / 3);display:flex;align-items:flex-start;justify-content:flex-start}.benefits-circle__icon{margin-right:5px;display:inline-flex;padding:4px 0 0}.benefits-circle__text{margin:0;padding:0;font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:var(--text)}.sub-benefits__checkmark{grid-area:checkmark;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.benefits-checkmark__item{width:100%;max-width:100%;padding:20px 0;border-top:2px solid #222;display:flex;align-items:flex-start;justify-content:flex-start}.benefits-checkmark__item:nth-child(4){border-bottom:2px solid #222}.sub-benefits__index .benefits-checkmark__item:nth-child(4){border-bottom:none}.benefits-checkmark__icon{margin-right:26px;padding-top:10px}.benefits-checkmark__text{width:100%}.benefits-checkmark__text h3{font-family:var(--FONT-STACK-BODY);margin:0 0 20px;font-size:25px;font-style:normal;font-weight:700;line-height:normal;color:var(--text);width:fit-content}.sub-benefits__index .benefits-checkmark__text h3{margin-bottom:10px}.benefits-checkmark__text p,.checkmark-item__btn{font-size:18px;font-style:normal;line-height:normal}.benefits-checkmark__text p{margin:0;padding:0;font-weight:400;color:var(--text)}.sub-benefits__index .benefits-checkmark__text p{font-weight:700}.benefits-checkmark__button{width:100%;max-width:100%;margin:50px auto 0}.sub-benefits__index .benefits-checkmark__button{margin:0 auto;padding-top:20px;border-top:2px solid #222}.checkmark-item__btn{display:inline-block;padding:20px 30px;cursor:pointer;text-decoration:none;width:100%;position:relative;z-index:10;border-radius:10px;border:1px solid #285234;background-color:#285234;color:#fff;text-align:center;overflow:hidden;font-weight:700;text-transform:uppercase}.checkmark-item__btn span{position:relative;z-index:2;font-size:16px}.checkmark-item__btn:before{border-radius:10px;content:"";position:absolute;display:flex;left:-1px;top:0;right:-1px;bottom:0;background:#fff;transform:scaleY(0);transform-origin:top center;will-change:transform;z-index:-1;transition:transform .3s}.checkmark-item__btn:hover{color:#000;background-color:#fff;border-color:#000;transition:color .3s,border .3s,background 0s linear .3s;box-shadow:0 0 10px #00000026}.checkmark-item__btn:hover:before{transform-origin:bottom center;transform:none;border:1px solid #000;color:#000;z-index:1;transition:transform .3s}.svg_bear{transform:rotate(25deg)}@media (max-width:998px){.sub-benefits__title{margin-bottom:50px}.sub-benefits__index .sub-benefits__title{margin-bottom:0}.sub-benefits__grid{grid-template-columns:1fr;grid-column-gap:0;grid-row-gap:44px;grid-template-rows:auto;grid-template-areas:"point" "img" "checkmark"}.sub-benefits__index .sub-benefits__grid{grid-row-gap:40px}.sub-benefits__img{height:280px;padding-bottom:0!important}}@media (max-width:768px){.sub-benefits{padding:40px 0}.sub-benefits__circle{flex-direction:column;gap:0}.sub-benefits__circle>:not(:last-child){margin-bottom:25px}.benefits-circle__item{max-width:100%;width:100%}.sub-benefits__img{margin:0 auto}.sub-benefits__title{font-size:34px}.benefits-checkmark__text p,.benefits-circle__text{font-size:14px}.benefits-checkmark__text h3{font-size:18px}.benefits-checkmark__item{padding:20px 0}.svg_bear{width:25px;height:25px}}@media (max-width: 568px){.sub-benefits__index .sub-benefits__checkmark{position:relative}.sub-benefits__index .benefits-checkmark__button{position:absolute;bottom:-156px;width:100%;border:none}.sub-benefits__index .benefits-checkmark__item:nth-child(5){border-bottom:2px solid #222}}
/*# sourceMappingURL=/cdn/shop/t/241/assets/subscription-benefits.css.map */