*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Nunito,sans-serif}html,body,main{overflow-x:hidden!important}.container{position:relative;background-color:#f15156;width:100vw;height:51.25rem;display:flex}.left-side{padding-top:2.5rem;padding-left:7.625rem}.ul-land a{color:inherit;text-decoration:none}.header-mobile .ul-mobile{display:none}.logo{margin-bottom:4.3125rem}.button-mobile{display:none;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;background:transparent;border:transparent;cursor:pointer;width:4.5rem;height:4.5rem;background:#ffffff;border-radius:.9375rem;z-index:99}.button-mobile:hover .line-btn,.button-mobile:hover .line-btn:before,.button-mobile:hover .line-btn:after{background-color:#e44449}.button-mobile.open .line-btn{transform:translate(-3.125rem);background:transparent;box-shadow:none}.button-mobile.open .line-btn:before{transform:rotate(45deg) translate(-.7rem,-3rem)}.button-mobile.open .line-btn:after{transform:rotate(-45deg) translate(-.7rem,3rem)}.friends{display:flex;flex-direction:row;align-items:center;height:3.125rem;margin-bottom:4.375rem;gap:.5rem;font-style:normal;font-weight:800;font-size:1rem;line-height:2.125rem;color:#fff}.left-side h1{font-style:normal;font-weight:700;font-size:4.5rem;line-height:110%;letter-spacing:-.02em;max-width:32.4375rem;margin-bottom:5.0625rem;color:#fff}.left-side h4{font-style:normal;font-weight:600;font-size:1.5rem;line-height:2.125rem;max-width:25.4375rem;color:#fff}.right-side{position:absolute;display:flex;flex-direction:column;gap:1.25rem;max-width:50rem;margin-top:1.5rem;right:7rem}.ul-land{margin-top:1.225rem;margin-bottom:2.8rem;text-decoration:none;display:flex;list-style:none;gap:3.875rem;padding:.625rem;flex-wrap:wrap;font-style:normal;font-weight:600;font-size:18px;line-height:110%;opacity:.5;letter-spacing:-.02em;color:#fff}.ul-land a:hover{opacity:1;font-weight:700}.main-square{position:relative;min-width:37rem;min-height:24.125rem;background:linear-gradient(153.09deg,#f36a6f 17.23%,#e44449 73.77%);border-radius:1.25rem;transform:scaleX(-1)}.button-sandwich{position:absolute;right:3.125rem;top:3.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;background:transparent;border:transparent;cursor:pointer;width:4.5rem;height:4.5rem;background:#ffffff;border-radius:.9375rem;z-index:99}.line-btn{min-width:1.675rem;min-height:.25rem;background-color:#333;border-radius:.5rem;z-index:99}.line-btn:before,.line-btn:after{content:"";position:absolute;left:1.45rem;min-width:1.6rem;min-height:.25rem;background-color:#333;border-radius:.5rem;transition:all .6s ease-in-out}.line-btn:before{transform:translateY(-16px);top:2.6rem}.line-btn:after{transform:translateY(16px);bottom:2.6rem}.button-sandwich:hover .line-btn,.button-sandwich:hover .line-btn:before,.button-sandwich:hover .line-btn:after{background-color:#e44449}.button-sandwich.open .line-btn{transform:translate(-3.125rem);background:transparent;box-shadow:none}.button-sandwich.open .line-btn:before{transform:rotate(45deg) translate(-.7rem,-3rem)}.button-sandwich.open .line-btn:after{transform:rotate(-45deg) translate(-.7rem,3rem)}.dog-image{position:absolute;left:0;bottom:0;right:0;margin:auto;align-self:center;max-width:25.375rem;max-height:30.25rem;transform:scaleX(-1);z-index:-1}.main-square ul{display:none;position:absolute;justify-content:center;flex-direction:column;gap:1rem;width:100%;height:100%;transform:scaleX(-1);padding-left:3.4rem;background:linear-gradient(0deg,#e44449,#e44449),url(.jpg),#d9d9d9;border-radius:1.25rem;list-style-type:none}.main-square ul a{text-decoration:none;font-style:normal;font-weight:700;font-size:1.875rem;line-height:110%;letter-spacing:-.02em;color:#fff}.main-square.open ul{display:flex}.below-square{padding:2.5rem 3.125rem;background:#e44449;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;text-align:center}.below-square button{background:#ffffff;border-radius:1.25rem;padding:1.1875rem 6.25rem;border:transparent;width:100%;font-family:Nunito;font-style:normal;font-weight:800;font-size:1.25rem;line-height:2.125rem;text-align:center;color:#0d3b66}.half-square{min-width:47.8888rem;height:5.65rem;background:#e44449;border-radius:1.25rem 1.25rem 0 0}.right-corner{position:absolute;display:flex;flex-direction:column;gap:1.25rem;max-width:37rem;margin-top:1rem;right:0}.right-corner div:nth-child(1){min-width:5.75rem;height:34.8rem;margin-top:8.4rem;background:#e44449;border-radius:1.25rem 0 0 1.25rem}.right-corner div:nth-child(2){min-width:5.75rem;height:5.55rem;background:#e44449;border-radius:1.25rem 0 0}.second-container{padding:8.75rem 7rem}.second-title{font-style:normal;font-weight:700;font-size:48px;line-height:110%;letter-spacing:-.02em;margin-bottom:5rem}.cards-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:2.525rem}.cards{display:grid;grid-template-areas:"a b" "c c";gap:2rem}.card-product{grid-area:a;display:flex;flex-direction:column;gap:2.4375rem;padding:1.875rem 1.75rem;width:280px;height:197px;background:#fdeced88;border:1px solid rgba(241,81,86,.3);border-radius:20px}.card-product p{font-style:normal;font-weight:400;font-size:14px;line-height:110%;letter-spacing:-.02em;color:#000}.card-ong{grid-area:b;display:flex;flex-direction:column;gap:2.4375rem;padding:1.875rem 1.75rem;width:280px;height:197px;background:#fdeced88;border:1px solid rgba(241,81,86,.3);border-radius:20px}.card-ong p{font-style:normal;font-weight:400;font-size:14px;line-height:110%;letter-spacing:-.02em;color:#000}.card-filter{grid-area:c;display:flex;flex-direction:column;gap:2.4375rem;padding:1.875rem 1.75rem;width:592px;height:197px;background:#fdeced88;border:1px solid rgba(241,81,86,.3);border-radius:20px}.card-filter p{font-style:normal;font-weight:400;font-size:14px;line-height:110%;letter-spacing:-.02em;color:#000}.img-filter{position:relative;width:592px;height:426px;background:#fdeced88;border:1px solid rgba(241,81,86,.3);border-radius:20px}.img-filter :nth-child(1){position:absolute;left:0px;top:-40px;z-index:1;border-radius:8.96137px}.img-filter :nth-child(2){position:absolute;right:0px;bottom:0px;z-index:1;border-radius:8.96137px}@media screen and (max-width: 1500px){.container{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;height:100%}.left-side{padding:.625rem;padding-top:0}.header-mobile{position:relative;padding:1.25rem 1.5rem;background-color:#e44449;margin-bottom:3.25rem}.header-mobile ul{display:none;justify-content:center;flex-direction:column;gap:1rem;list-style-type:none}.header-mobile ul a{text-decoration:none;font-style:normal;font-weight:700;font-size:1.875rem;line-height:110%;letter-spacing:-.02em;color:#fff}.header-mobile.open{border-radius:0px 0px 1.25rem 1.25rem}.header-mobile.open ul{display:flex}.title-mobile{position:relative;display:flex;justify-content:space-between;align-items:center}.button-mobile{display:flex;position:absolute;right:.625rem}.logo{margin:0}.header-mobile .divider{display:none;margin-top:2.0625rem;margin-bottom:1.6875rem;height:0px;opacity:.2;border:.0625rem solid #ffffff}.header-mobile.open .divider{display:flex}.right-side{position:initial}.ul-land,.right-corner,.button-sandwich{display:none}.second-container{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.cards-container{justify-content:center}}@media screen and (max-width: 850px){.right-side{display:flex;align-items:center}.main-square{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}.dog-image{position:initial;min-width:0}.half-square{display:none}.second-container{padding:7.625rem 3.875rem;overflow-x:hidden}.second-title{font-size:30px;margin-bottom:1.25rem}.cards{display:flex;flex-direction:column;align-items:center;gap:.625rem}.card-filter{max-width:17.5rem}.img-filter{max-height:17.75rem;max-width:31.25rem;margin-top:2.25rem}.img-filter :nth-child(1){left:0rem;width:32.875rem}.img-filter :nth-child(2){display:none}}@media screen and (max-width: 500px){.main-square{position:relative;display:flex;flex-direction:column;align-items:center;min-width:fit-content;min-height:0}.dog-image{position:initial;min-width:0;width:21.875rem}.half-square{display:none}.below-square button{padding:.625rem}}