.featuredServe{position:relative;max-width:var(--big-page-width);margin:0 auto;padding:100px 80px;background-color:#b8d3d0;background-image:url(serves-background-light.png);background-repeat:no-repeat;background-position:center right}@media all and (min-width: 641px) and (max-width: 1800px){.featuredServe{margin:0 20px}}@media all and (max-width: 1500px){.featuredServe{padding:100px 50px}}@media all and (max-width: 1024px){.featuredServe{padding:50px 20px}}.template_product .featuredServe{padding-top:200px}@media all and (max-width: 1500px){.template_product .featuredServe{padding-top:150px}}@media all and (max-width: 1024px){.template_product .featuredServe{padding-top:50px}}.featuredServe .darkShade{position:absolute;top:0;left:0;width:60%;height:100%;background-color:#1e322d;z-index:0;pointer-events:none;overflow:hidden}@media all and (max-width: 1024px){.featuredServe .darkShade{width:100%}}.featuredServe .darkShade .skull{position:absolute;bottom:-50px;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.featuredServe .serve{display:flex;align-items:center;justify-content:space-between}@media all and (max-width: 1024px){.featuredServe .serve{display:block}}.featuredServe .serve h2.title,.featuredServe .serve h1.title{color:var(--accent-color-1)}.featuredServe .serve .content{flex:0 0 40%;text-align:center;padding:40px 0;max-width:520px;margin:0 auto;position:relative;z-index:2;color:#fff}@media all and (max-width: 1024px){.featuredServe .serve .content{flex:0 0 50%}}.featuredServe .serve .content .cta{margin-top:20px}.featuredServe .serve .thumbnail{margin-left:20px;position:relative;flex:0 0 calc(60% - 20px);max-width:900px;min-height:600px;padding:20px;border:2px solid white}@media all and (max-width: 1024px){.featuredServe .serve .thumbnail{flex:0 0 calc(50% - 20px)}}@media all and (max-width: 1024px){.featuredServe .serve .thumbnail{max-width:600px;min-height:380px;margin:0 auto}}.featuredServe .serve .thumbnail .backgroundCover{top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.featuredServe .swipeArrows{position:absolute;width:40%;text-align:center;bottom:100px;z-index:20}@media all and (max-width: 1024px){.featuredServe .swipeArrows{position:relative;bottom:-30px;width:100%}}.featuredServe .swipeArrows .arrow{display:inline-block;cursor:pointer;margin:0 5px;line-height:0;border-radius:50%;transition:background-color .2s ease-in-out;width:50px}.featuredServe .swipeArrows .arrow:hover{background-color:#fff}.featuredServe .swipeArrows .arrow:hover path.middle-arrow{fill:#000}.featuredServe .swipeArrows .arrow svg{width:100%;height:auto}
/*# sourceMappingURL=/s/files/1/0616/9005/2830/t/12/assets/section-featured-serve.scss.css.map */