.main-container{background-color:gray;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.left-side-img img{max-width:100%;height:auto}.right-side-content{max-width:50%;display:flex;flex-direction:column;position:relative;right:80px}.right-side-content h1{font-size:4.6rem;margin-bottom:10px}.right-side-content p{font-size:1rem;margin-bottom:20px}.right-side-content input{padding:10px;margin-bottom:10px;border-left:none;border-right:none;border-top:none;background:none;width:100%;max-width:300px;border-botton:1px solid white}.right-side-content button.subscribe{padding:10px 20px;background-color:#467058;color:#fff;border:none;border-radius:5px;cursor:pointer}.right-side-content button.subscribe:hover{background-color:green}.icons{display:flex;gap:5px;justify-content:center;align-items:center;margin-top:15px}.icons a{display:inline-block;text-align:center}.icons img{width:30px;height:auto}.subscribe-container{display:grid;grid-template-columns:repeat(2,1fr);background:var(--jdgm-primary-color);overflow:hidden;gap:0}@media screen and (max-width: 767px){.subscribe-container{grid-template-columns:1fr;height:auto}}.subscribe-container>*{width:100%;max-width:100%}.subscribe-container .left-side-img{height:100%;overflow:hidden}.subscribe-container .left-side-img img{width:100%;height:100%;vertical-align:middle;object-fit:cover;object-position:center center}.subscribe-container .right-side-content{position:static;padding:60px;background:var(--jdgm-primary-color);color:#fff;align-items:center;min-height:650px;justify-content:center}@media screen and (max-width: 479px){.subscribe-container .right-side-content{padding:30px}}.subscribe-container .right-side-content h1{color:#fff;margin-top:0}.subscribe-container .right-side-content p{font-size:1.6rem;margin-top:0}.subscribe-container .right-side-content input{border-color:#fff;color:#fff;outline:none;margin-bottom:20px;min-height:calc(4.5rem + var(--buttons-border-width) * 2);font-size:16px}@media screen and (max-width: 479px){.subscribe-container .right-side-content input{width:100%;max-width:100%}}.subscribe-container .right-side-content input::placeholder{color:#ffffff80}.subscribe-container .right-side-content input:focus{outline:none}.subscribe-container .right-side-content input:focus-visible{outline:none;box-shadow:none;border-bottom-width:2px}.subscribe-container .right-side-content button.subscribe{display:inline-flex;justify-content:center;align-items:center;border:0;padding:0 3rem;cursor:pointer;font:inherit;font-size:1.5rem;line-height:calc(1 + .2 / var(--font-body-scale));text-decoration:none;transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-button-text));color:rgba(var(--color-button),var(--alpha-button-background));width:100%;min-width:22rem;max-width:30rem;min-height:calc(4.5rem + var(--buttons-border-width) * 2);border-radius:0}@media screen and (max-width: 479px){.subscribe-container .right-side-content button.subscribe{width:100%;max-width:100%}}@media (max-width: 767px){.subscribe-container .right-side-content .icons{justify-content:start}.subscribe-container .right-side-content{min-height:unset}.subscribe-container .right-side-content p{font-size:14px;text-align:center}.subscribe-container .right-side-content h1{font-size:30px}}.subscribe-container .right-side-content form.contact-form{display:flex;flex-direction:column;width:100%;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/66/assets/join-the-pack.css.map */
