.loyalty_levels{background:var(--neutral-90);padding:120px 40px;@media (max-width:1199px){padding-bottom:64px;padding-left:40px;padding-right:40px;padding-top:64px}@media (max-width:767px){padding-bottom:48px;padding-left:16px;padding-right:16px;padding-top:48px}&>.title{font-size:32px;font-style:normal;font-weight:700;line-height:130%;margin:0 auto 72px;max-width:1520px;width:100%;@media (max-width:1199px){font-size:24px;font-style:normal;font-weight:700;line-height:140%;margin-bottom:48px;margin-left:0}@media (max-width:767px){font-size:22px;font-style:normal;font-weight:700;line-height:140%}}.levels_track{height:800px;margin:0 auto;max-width:1520px;overflow:hidden;position:relative;width:100%;@media (max-width:1199px){display:flex;flex-direction:column;gap:32px;height:max-content}@media (max-width:767px){gap:16px;height:max-content}.item{border-radius:24px;height:100%;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transform:translateX(100%);transition:transform .6s ease,opacity .4s ease;will-change:transform,opacity;@media (max-width:1199px){height:410px;opacity:1;position:relative;transform:translateX(0)}@media (max-width:767px){height:328px}&.shown{opacity:1;pointer-events:auto}&.shown,&:first-child{transform:translateX(0)}&:first-child{left:0;top:0;width:100%;z-index:1}&:nth-child(2){left:33.3%;top:0;width:66.7%;z-index:2;@media (max-width:1199px){left:0;width:100%}}&:last-child{left:66.7%;top:0;width:33.3%;z-index:3;@media (max-width:1199px){left:0;width:100%}}img{height:100%;object-fit:cover;object-position:center;width:100%;&.mobile{display:none}@media (max-width:1199px){display:none;&.mobile{display:block}}}.info{background:rgba(0,0,0,.6);border-radius:0 0 24px 24px;bottom:0;left:0;padding:64px 32px 32px;position:absolute;width:100%;@media (max-width:1199px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:48px}@media (max-width:767px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:24px}.level_icon{position:absolute;top:-40px;@media (max-width:1199px){height:48px;top:-36px;width:48px}}.info_content{align-items:center;display:flex;gap:20px;@media (max-width:767px){gap:16px}.level{color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:140%;@media (max-width:767px){font-size:16px;font-style:normal;font-weight:700;line-height:150%}}.line{background:#fff;height:20px;width:1px;@media (max-width:767px){height:16px}}.points{align-items:center;display:flex;gap:8px;p{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:150%}}}}}}}