.banner{background-color:#f6f6f6;overflow:hidden;padding:0}.banner .container{position:relative;display:grid;grid-template-columns:45% 50%;column-gap:5%;align-items:center;padding-bottom:3.5rem}.banner .banner-ribbon{position:absolute;width:1000px;display:flex;justify-content:center;align-items:center;transform-origin:right center;right:0%;top:15%;transform:rotate(45deg) translate(50%);background-color:var(--allergy-color);color:#fff;font-size:1.25rem;font-weight:800;padding:.5rem 0;z-index:2}.banner .banner-text{position:relative;z-index:1}.banner .heading{color:var(--main-color);font-size:1.75rem;font-weight:700}.banner .sub-heading{font-size:1.25rem;font-weight:600}.banner .tp-micro-banner{width:17rem;margin:1rem auto}.banner .banner-image .banner-kit{max-width:550px}.banner .highlight{display:block;width:fit-content;padding:5px 15px!important;margin-bottom:.5rem;background-color:var(--allergy-color);color:#fff;font-weight:700}.banner .sub-heading b,.banner .sub-heading strong{font-weight:700;color:var(--allergy-color)}.banner p{padding-bottom:.5rem;line-height:1.2}.banner .button{margin-left:0;width:fit-content;padding:10px 100px;margin-top:1rem;border-color:var(--main-color);background-color:var(--main-color);color:#fff}.banner .button:hover{transform:scale(1.05)}@media screen and (max-width: 767px){.banner{padding:1rem 0}.banner .container{padding-bottom:0}.banner .container .banner-ribbon{display:none}.banner .banner-text{width:95%!important;text-align:center}.banner .heading{font-size:1.4rem}.banner .sub-heading{font-size:1.1rem!important}.banner .banner-kit{display:block;max-width:90%!important;margin:auto}.banner .highlight{margin-left:auto;margin-right:auto}.banner .button{width:100%;margin:1rem auto!important}}@media screen and (max-width: 1099px){.banner .container{padding:0}.banner .container{display:flex;flex-direction:column}.banner .banner-text{order:2;width:90%}.banner .banner-image{order:1;width:100%!important;background-repeat:no-repeat;background-position:top center;background-size:contain;padding-top:4rem}.banner .banner-kit{display:block;max-width:50%!important;margin:auto}.banner .highlight{width:100%;text-align:center}.banner .heading,.banner .sub-heading{text-align:center}.banner .button{margin:1rem auto 2rem}}@media screen and (max-width: 1250px){.banner .container{margin:0 auto}.banner .banner-ribbon{right:10%}}@media screen and (min-width: 1100px){.banner .container{background-size:contain;background-repeat:no-repeat;background-position:right center;padding:2.5rem 0 3.5rem}.banner .tp-micro-banner{width:17rem;margin:1rem 0 2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/main-banner.css.map */