.component--seasonal-tips{padding:6.4rem 0}@media(min-width:768px){.component--seasonal-tips{padding:8rem 0}}@media(min-width:992px){.component--seasonal-tips{padding:12rem 0}}@media(max-width:1399.98px){.component--seasonal-tips.images--1 .content-bg,.component--seasonal-tips.images--2 .content-bg,.component--seasonal-tips.images--3 .content-bg{padding:8rem 3.2rem 20rem}}@media(max-width:767.98px){.component--seasonal-tips.images--1 .content-bg,.component--seasonal-tips.images--2 .content-bg,.component--seasonal-tips.images--3 .content-bg{padding:4rem 1.6rem 18rem}}.component--seasonal-tips .container-relative{position:relative}.component--seasonal-tips .content-bg{background:#fff;clip-path:polygon(0 0,100% 4rem,100% calc(100% - 4rem),0 100%);padding:8rem 4rem}@media(max-width:767.98px){.component--seasonal-tips .content-bg{clip-path:polygon(0 0,100% 6rem,100% calc(100% - 6rem),0 100%)}}.component--seasonal-tips .content{align-items:center;display:flex;gap:6.4rem}@media(max-width:767.98px){.component--seasonal-tips .content{align-items:flex-start;flex-direction:column;gap:3.2rem}}@media(min-width:1400px){.component--seasonal-tips .content{width:58.3333333333%}}@media(min-width:1680px){.component--seasonal-tips .content{padding-right:4rem;width:66%}}.component--seasonal-tips .content .icon{flex-shrink:0;height:16rem;width:16rem}.component--seasonal-tips .content .heading{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#8c2a80,#ce0f69);font-family:myriad-pro,sans-serif;font-size:2.8rem;font-weight:900;line-height:100%;margin-bottom:1.6rem;margin-top:1.6rem;text-transform:uppercase}@media(min-width:992px){.component--seasonal-tips .content .heading{font-size:2.4rem}}@media(min-width:1200px){.component--seasonal-tips .content .heading{font-size:3.2rem}}.component--seasonal-tips .content .description{font-family:myriad-pro,sans-serif;font-size:1.8rem;font-weight:400;line-height:150%;margin:0}@media(min-width:768px){.component--seasonal-tips .content .description{font-size:2.1rem}}.component--seasonal-tips .image-grid{-moz-column-gap:6.4rem;column-gap:6.4rem;display:grid;grid-template-columns:calc(50% - 3.2rem) calc(50% - 3.2rem);grid-template-rows:calc(50% - 1.6rem) calc(50% - 1.6rem);position:relative;row-gap:3.2rem}@media(max-width:1399.98px){.component--seasonal-tips .image-grid{grid-template-rows:23.4rem 23.4rem;margin:-14rem 3.2rem 0}}@media(max-width:767.98px){.component--seasonal-tips .image-grid{display:flex;flex-direction:column;margin:-14rem 1.6rem 0}.component--seasonal-tips .image-grid .image{height:25rem;width:100%}.component--seasonal-tips .image-grid .image:first-child{height:50rem}}@media(min-width:1400px){.component--seasonal-tips .image-grid{bottom:-2.4rem;position:absolute;right:0;top:-2.4rem;width:40%}}@media(min-width:1680px){.component--seasonal-tips .image-grid{right:-11rem}}.component--seasonal-tips .image-grid img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.component--seasonal-tips .image-grid.images--1 .image{grid-column:1/span 2;grid-row:1/span 2}.component--seasonal-tips .image-grid.images--2 .image,.component--seasonal-tips .image-grid.images--3 .image:first-child{grid-row:1/span 2}.component--seasonal-tips .image-grid.images--3 .image:nth-child(2){grid-column:2;grid-row:1}.component--seasonal-tips .image-grid.images--3 .image:nth-child(3){grid-column:2;grid-row:2}.component--seasonal-tips.color-scheme--purple{background-image:linear-gradient(90deg,#8c2a80,#ce0f69)}.component--seasonal-tips.color-scheme--purple .content .text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#8c2a80,#ce0f69)}.component--seasonal-tips.color-scheme--purple .content .description a{background-image:linear-gradient(#8c2a80,#8c2a80);background-position-x:0;background-position-y:100%;background-repeat:no-repeat;background-size:0 100%;color:#8c2a80;font-weight:700;text-decoration:underline;transition:all .2s ease-in-out}.component--seasonal-tips.color-scheme--purple .content .description a:active,.component--seasonal-tips.color-scheme--purple .content .description a:focus-visible,.component--seasonal-tips.color-scheme--purple .content .description a:hover{background-size:100% 100%}.component--seasonal-tips.color-scheme--purple .content .description a:active,.component--seasonal-tips.color-scheme--purple .content .description a:focus-visible,.component--seasonal-tips.color-scheme--purple .content .description a:hover{color:#fff}.component--seasonal-tips.color-scheme--teal{background-image:linear-gradient(90deg,#16b796,#006298)}.component--seasonal-tips.color-scheme--teal .content .text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#16b796,#006298)}.component--seasonal-tips.color-scheme--teal .content .description a{background-image:linear-gradient(#8c2a80,#8c2a80);background-image:linear-gradient(#048268,#048268);background-position-x:0;background-position-y:100%;background-repeat:no-repeat;background-size:0 100%;color:#8c2a80;color:#048268;font-weight:700;text-decoration:underline;transition:all .2s ease-in-out}.component--seasonal-tips.color-scheme--teal .content .description a:active,.component--seasonal-tips.color-scheme--teal .content .description a:focus-visible,.component--seasonal-tips.color-scheme--teal .content .description a:hover{background-size:100% 100%}.component--seasonal-tips.color-scheme--teal .content .description a:active,.component--seasonal-tips.color-scheme--teal .content .description a:focus-visible,.component--seasonal-tips.color-scheme--teal .content .description a:hover{color:#fff}.component--seasonal-tips.color-scheme--orange{background-image:linear-gradient(90deg,#ed1e27,#d87a00)}.component--seasonal-tips.color-scheme--orange .content .text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#ed1e27,#d87a00)}.component--seasonal-tips.color-scheme--orange .content .description a{background-image:linear-gradient(#8c2a80,#8c2a80);background-image:linear-gradient(#ea121b,#ea121b);background-position-x:0;background-position-y:100%;background-repeat:no-repeat;background-size:0 100%;color:#8c2a80;color:#ea121b;font-weight:700;text-decoration:underline;transition:all .2s ease-in-out}.component--seasonal-tips.color-scheme--orange .content .description a:active,.component--seasonal-tips.color-scheme--orange .content .description a:focus-visible,.component--seasonal-tips.color-scheme--orange .content .description a:hover{background-size:100% 100%}.component--seasonal-tips.color-scheme--orange .content .description a:active,.component--seasonal-tips.color-scheme--orange .content .description a:focus-visible,.component--seasonal-tips.color-scheme--orange .content .description a:hover{color:#fff}.component--seasonal-tips.color-scheme--blue{background-image:linear-gradient(90deg,#119ed4,#006298)}.component--seasonal-tips.color-scheme--blue .content .text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#119ed4,#006298)}.component--seasonal-tips.color-scheme--blue .content .description a{background-image:linear-gradient(#8c2a80,#8c2a80);background-image:linear-gradient(#006298,#006298);background-position-x:0;background-position-y:100%;background-repeat:no-repeat;background-size:0 100%;color:#8c2a80;color:#006298;font-weight:700;text-decoration:underline;transition:all .2s ease-in-out}.component--seasonal-tips.color-scheme--blue .content .description a:active,.component--seasonal-tips.color-scheme--blue .content .description a:focus-visible,.component--seasonal-tips.color-scheme--blue .content .description a:hover{background-size:100% 100%}.component--seasonal-tips.color-scheme--blue .content .description a:active,.component--seasonal-tips.color-scheme--blue .content .description a:focus-visible,.component--seasonal-tips.color-scheme--blue .content .description a:hover{color:#fff}
