.tips{background:var(--color__white)}.tips .tips--inner{position:relative;padding:3.5rem 0 0}@media screen and (min-width:53.1875em){.tips .tips--inner{padding:5rem 0 0}}.tips .tips--inner .tips__content{counter-reset:step;position:relative;z-index:1;display:flex;flex-direction:column;color:var(--color__black)}@media screen and (max-width:53.125em){.tips .tips--inner .tips__content{padding:0 2rem}}.tips .tips--inner .tips__content h2{color:var(--color__black);font-size:1.4rem;font-weight:var(--normal);text-align:center;text-transform:uppercase;letter-spacing:.5rem;margin-bottom:2.5rem}.tips .tips--inner .tips__content .tips__content__block{position:relative;padding:3rem 3rem 3rem 6rem;color:var(--color__white);background-color:var(--gradcolor__violet);background-image:linear-gradient(304deg,var(--gradcolor__violet) 10%,var(--gradcolor__purple) 90%);margin-bottom:1.5rem}@media screen and (min-width:53.1875em){.tips .tips--inner .tips__content .tips__content__block{margin-bottom:3rem}}.tips .tips--inner .tips__content .tips__content__block:before{counter-increment:step;content:counter(step);position:absolute;left:2rem;top:50%;transform:translateY(-50%);font-size:3.8rem}@media screen and (min-width:53.1875em){.tips .tips--inner .tips__content .tips__content__block:before{font-size:4.6rem}}