.bg-img1{background-image:url(../../assets/images/Background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.hero{padding:129px 0}.hero h1{max-width:890px;font-size:82px;font-weight:900}.hero .description{max-width:430px;padding:50px 0}.btn-orange{background-color:var(--color-orange);color:var(--color-white)}.how-it-works{padding-top:150px;padding-bottom:100px}.about-content{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:150px}.about-content--reverse{margin-bottom:0}.about{flex:1}.about .description{margin-top:50px}.about__image img{width:100%;max-width:800px;height:auto;border-radius:5px;display:block}.donation-banner{width:100%;background-color:var(--color-blue);color:var(--color-white);margin-top:150px}.donation-banner .container{display:flex;justify-content:space-between;align-items:center;padding:50px 20px}.donation-banner h3{text-transform:uppercase;font-size:42px;font-weight:500}.donation-banner .description{margin-top:20px}.donation-banner .subheader{font-size:26px;font-weight:500;margin-bottom:10px}.btn-container{display:flex;align-items:center;border:1px solid var(--color-white);border-radius:5px;min-width:320px;cursor:pointer;overflow:hidden}.btn-container p{flex:1;margin-left:14px;text-transform:uppercase;font-weight:600}.btn-box{display:flex;align-items:center;justify-content:center;background-color:var(--color-orange);margin-left:14px;width:80px;height:74px;border:none;cursor:pointer}.pets-header{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-bottom:30px}.pets-header .description{max-width:920px;margin:50px auto 100px;font-weight:500}.pets-arrows{display:flex;justify-content:center;gap:55px}.arrow-btn{background-color:var(--color-white);border:1px solid var(--color-blue);padding:20px;border-radius:5px}.arrow-btn:hover{background-color:var(--color-blue)}.pets{padding-bottom:150px}.btn-fav{text-align:center;margin:100px auto auto;border:1px solid var(--color-blue);background-color:#fff;text-transform:uppercase}.btn-fav:hover{background-color:var(--color-blue);border:1px solid var(--color-white);color:#fff}.btn-fav:hover img{fill:#fff}.pets button p{text-transform:uppercase}.pets-header h2{font-size:54px}.pets-grid{display:grid;grid-template-columns:repeat(3,31.42%);gap:40px;scroll-behavior:smooth}.pet-card{background-color:var(--color-blue);color:var(--color-white);border-radius:5px;overflow:hidden;width:440px;max-height:747px;display:flex;flex-direction:column}.pet-card__image-wrapper{position:relative;width:440px;height:436px;overflow:hidden}.pet-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pet-card:hover .pet-card__img{transform:scale(1.05)}.pet-card__name-tag{position:absolute;top:0;left:0;background-color:var(--color-blue);padding:12px 20px;font-weight:500;font-size:18px;border-bottom-right-radius:5px}.pet-card__content{padding:30px;text-align:center;display:flex;flex-direction:column;flex-grow:1}.pet-card__title{font-size:26px;font-weight:500;margin-bottom:20px}.pet-card__desc{font-size:16px;margin-bottom:auto;opacity:.8}.pet-card__link{max-width:240px;width:100%;padding:18px 25px;display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;border-radius:5px;text-transform:uppercase;transition:all .3s ease;color:var(--color-orange);font-weight:600}.pet-card__link:hover{background-color:var(--color-orange);color:var(--color-white)}.icon-hover,.pet-card__link:hover .icon-default{display:none}.pet-card__link:hover .icon-hover{display:inline}.pet-card,.care-item{position:relative}.pet-card__name-tag{z-index:11}.pet-card__content,.care-content{position:relative;z-index:5}.pets-slider-window{max-width:1400px;margin:0 auto;overflow:hidden}#pets-grid{display:grid!important;grid-template-rows:747px 747px;grid-auto-flow:column;grid-auto-columns:440px;gap:40px;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}.pets-grid{grid-template-columns:none!important}.pet-card{width:440px;flex-shrink:0}.pay-and-feed{background-color:var(--color-blue);color:var(--color-white);padding:100px 0}.pay-and-feed .second-title{margin-bottom:100px;color:var(--color-white)}.step-header{display:flex;align-items:center;gap:93px;margin-bottom:82px}.step-number{font-size:26px;font-weight:500;color:var(--color-white)}.step-line{height:1px;background-color:var(--color-white);flex-grow:1}.step-body{display:flex;gap:160px;margin-bottom:100px}.step-image img{border-radius:5px;display:block}.step-content{margin-top:20px;flex:1;max-width:550px}.step-icon{width:100px;margin-bottom:30px}.step-title{font-size:26px;font-weight:500;margin-bottom:20px;line-height:1.3}.step-desc{font-size:18px;line-height:1.5;opacity:.8}.pay-footer{margin-top:50px;display:flex}.testimonials{position:relative;padding-top:100px;padding-bottom:200px;background:linear-gradient(144.77deg,#20113d 18.53%,#20113d00 46.43%),linear-gradient(177.34deg,#20113d 7.26%,#20113d00 14.89%),url(/online-zoo-project/assets/images/testimonials-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-white)}.testimonials .container{margin-right:0;margin-left:0;max-width:100%}.testimonials-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-left:140px}.testimonials-info{display:flex;flex-direction:column;gap:50px;width:33%;flex-shrink:0}.testimonials-info .second-title{color:var(--color-white)}.testimonials-content{flex:1;overflow:hidden;min-width:0}.testimonials-slider-window{overflow:hidden;width:100%}.testimonials-grid{display:flex!important;flex-direction:row;flex-wrap:nowrap;gap:0;width:max-content;transition:transform .5s ease-in-out}.testimonials-page{display:grid;grid-template-columns:repeat(2,515px);grid-template-rows:auto auto;gap:30px;flex-shrink:0;width:1060px;margin-right:80px}.testimonial-card{width:515px;min-height:463px;background-color:var(--color-white);color:var(--color-black);padding:37px 50px 40px 37px;border-radius:5px;display:flex;flex-direction:column;box-shadow:0 4px 50px #00000080}.testimonial-card .content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.testimonial-header{margin-bottom:20px}.quote-icon{width:35px;margin-bottom:15px;display:block}.testimonial-city{display:block;font-weight:500;font-size:26px;color:var(--color-black)}.testimonial-text{font-size:16px;line-height:1.6;color:var(--color-black);flex-grow:1;margin:20px 0}.testimonial-author{display:block;font-weight:700;text-transform:uppercase;color:var(--color-black);margin-top:auto}.testimonials-nav{display:flex;gap:30px;margin-top:40px}.testimonials-nav button{width:60px;height:60px;border-radius:5px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-white);cursor:pointer;transition:.3s}.testimonials-nav button:hover{background-color:#fff}.btn-feedback{display:flex;align-items:center;gap:10px;background-color:transparent;border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;padding:18px 25px;border-radius:5px;font-weight:600;width:fit-content;margin-top:1000px}.btn-feedback:hover{background-color:#ffffff1a}.testimonials-pagination{display:none}.care-animals{padding:100px 0;background-color:var(--color-white)}.care-header{width:46.78%;margin:auto auto 60px;text-align:center}.care-header h2{font-size:54px;margin-bottom:30px}.care-header .description{width:81.98%;margin:auto}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:30px}.care-item--large{grid-column:span 2;border-radius:5px;overflow:hidden}.care-item{background-color:var(--color-blue);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.care-img-wrapper{height:373px;overflow:hidden}.care-img-wrapper img{width:100%}.care-content{padding:30px 25px;color:var(--color-white);text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.care-content p{font-weight:400;margin-bottom:50px;letter-spacing:0%;text-align:center}.feed-link{color:var(--color-orange);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s;padding:26px 28px;width:fit-content;margin:auto;font-weight:600}.feed-link:hover{color:var(--color-white);border-radius:5px}.care-footer{display:flex;justify-content:center}.video-promo{padding:150px 0;text-align:center}.video-display{width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.video-img{width:100%;display:block;object-fit:cover}@media(max-width:1200px){.header-actions{margin:0}#pets-grid{gap:20px!important}.pets .container{max-width:1000px}.pets .btn-fav{margin-top:50px}.testimonials-cards{grid-template-columns:1fr}.testimonials-info{width:100%;margin-bottom:40px;height:100px}.testimonials-wrapper{flex-direction:column}.how-it-works{padding-top:100px;padding-bottom:80px}.about-content{flex-direction:column-reverse;align-items:flex-start;gap:30px;margin-bottom:80px}.about-content--reverse{display:flex;flex-direction:column;margin-bottom:0}.about,.about__image{width:46.66%;max-width:100%}.about__image img{width:660px;max-width:100%;height:auto}.about h2{margin-top:10px;font-size:48px}.about .description{margin-top:25px;font-size:18px}.donation-banner .container{padding:50px 0!important}.donation-banner .container .right-side{width:42%}.pets-header .description{width:83%;font-size:26px}.step-header{gap:63px!important}.step-content{text-align:center}.step-body{gap:20px;align-items:center}.pay-footer{position:absolute}.testimonials-content{top:400px}.testimonials-nav{justify-content:flex-end;margin-right:41px}.care-header{width:66%!important}.care-header .description{font-size:26px}.care-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:20px}.care-item--large{grid-column:span 2;height:auto}.care-item--large img{width:100%;height:450px;object-fit:cover}.care-item{width:100%}.care-img-wrapper{height:350px}.care-content p{margin-bottom:30px;font-size:16px}.care-animals{padding:0}.video-promo .container{max-width:100%!important}.about-content--reverse{align-items:flex-end}}@media(min-width:940px){.care-slider-640,.care-pagination{display:none!important}}@media(max-width:940px){.about-content{flex-direction:column;text-align:center}.about-content--reverse{flex-direction:column;align-items:flex-end}.step-body{flex-direction:column;gap:40px;align-items:center}.step-content{max-width:100%;text-align:center}.pets-header h2{font-size:36px}.pets-header .description{margin-top:20px;margin-bottom:40px}#pets-grid{grid-template-rows:auto!important;grid-auto-columns:285px;gap:20px}.pet-card{width:285px;max-height:none}.pet-card__image-wrapper{width:100%;height:285px}.pet-card__content{padding:15px}.pet-card__title{font-size:20px;margin-bottom:10px}.pet-card__desc{font-size:14px}.pet-card__link{font-size:14px;padding:12px 20px;margin-top:15px}.btn-fav{margin-top:40px;width:100%;max-width:523px}.pay-footer{position:relative;margin:auto;padding-top:100px}.testimonials{padding-top:60px;padding-bottom:80px}.testimonials .container{max-width:100%;margin:auto;padding:0 20px}.testimonials-wrapper{flex-direction:column;align-items:flex-start;gap:40px;margin-left:0}.testimonials-info{width:100%;gap:30px}.testimonials-info .second-title{font-size:36px}.testimonials-content{width:100%;overflow:hidden}.testimonials-slider-window{overflow:hidden;width:100%}.testimonials-grid{display:flex!important;flex-wrap:nowrap;transition:transform .5s ease-in-out;width:max-content;gap:20px}.testimonials-page{display:flex;flex-direction:row;gap:20px;width:auto;flex-shrink:0;margin-right:0}.testimonial-card{width:calc(100vw - 40px);min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);min-height:auto;padding:30px 25px;text-align:center}.testimonial-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.quote-icon{width:50px;margin-bottom:15px;display:block}.testimonial-city{font-size:22px!important;font-weight:700;text-align:center}.testimonial-text{font-size:16px;text-align:center}.testimonial-author{text-align:center}.testimonials-nav{display:none}.testimonials-pagination{display:flex!important;justify-content:center;gap:10px;margin-top:24px}.testimonials-pagination .dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--color-white);cursor:pointer;transition:background .3s}.testimonials-pagination .dot.active{background-color:var(--color-white)}.btn-feedback{margin-top:30px!important;position:static!important;bottom:auto!important;left:auto!important}.about-content--reverse{align-items:flex-end}}@media(max-width:640px){.bg-img1{background-image:url(../../assets/images/Background.jpg);background-repeat:no-repeat;background-size:cover;background-position:70% center;width:100%;min-height:500px}.hero{padding:50px 0}.hero h1{font-size:72px}.close-burger{display:block;position:absolute;top:30px;right:30px;background:none;border:none;cursor:pointer;z-index:1001}.close-burger img{width:25px;height:25px}.hero .description{max-width:100%;padding:20px 0}.how-it-works{padding-top:60px;padding-bottom:60px}.about-content{flex-direction:column-reverse;gap:20px;margin-bottom:60px}.about-content--reverse{flex-direction:column;gap:20px;margin-bottom:0}.about__image,.about{width:100%;max-width:100%;text-align:left}.about__image img{width:100%;height:auto;border-radius:5px}.about h2{font-size:64px;line-height:100%;margin-top:10px;margin-bottom:20px}.about .description{margin-top:0;font-size:18px;line-height:150%}#pets-grid{grid-auto-columns:100%}.pet-card{width:100%}.care-grid{grid-template-columns:1fr}.care-item--large{grid-column:span 1}.donation-banner{margin-top:60px}.donation-banner .container{flex-direction:column;text-align:center;padding:50px 0!important;gap:0}.donation-banner .left-side,.donation-banner .right-side{width:100%}.donation-banner h3{font-size:36px;line-height:100%;margin-bottom:20px}.donation-banner .description{margin-top:0;margin-bottom:40px;font-size:18px;line-height:140%}.donation-banner .subheader{font-size:26px;margin-bottom:25px}.donation-banner .container .right-side{width:100%}.btn-container{margin:0 auto;max-width:440px;width:100%}.pets .btn-fav{max-width:60%}.pets{padding-bottom:150px}.pay-footer{transform:translate(-50%,-50%)}.testimonials{padding-bottom:60px}.testimonials-info .second-title{font-size:28px}.testimonials-info .description{font-size:16px}.testimonial-card{padding:30px 20px}.testimonial-city{font-size:20px!important}.quote-icon{width:44px}.care-header{width:100%!important;margin-top:80px;margin-bottom:70px!important;margin-left:0xp;margin-right:0}.care-header h2{font-size:36px;margin-bottom:20px}.care-header .description{font-size:18px;width:100%}.care-grid--small{display:block;margin-top:40px}.care-grid{display:none}.care-slider-640{width:100%;overflow:hidden;border-radius:5px;margin-top:40px}.care-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.care-item--mobile{min-width:100%;display:flex!important;flex-direction:row!important;height:280px;background-color:var(--color-blue)}.care-img-wrapper{width:50%;height:100%}.care-img-wrapper img{width:100%;height:100%;object-fit:cover}.care-content{width:50%;padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:left}.care-content p{font-size:14px;margin-bottom:20px;color:#fff}.care-pagination{display:flex;justify-content:center;gap:12px;margin:30px 0}.care-pagination .dot{width:10px;height:10px;border-radius:50%;border:1px solid black;cursor:pointer;transition:.3s}.care-pagination .dot.active{background-color:#000}.care-footer .btn-fav{margin-top:0;width:100%;max-width:380px}.feed-link{margin:0 auto}.video-promo{padding-top:100px}}@media(max-width:440px){.container{max-width:300px!important}.bg-img1{display:none}.hero-mobile{display:block!important}.hero-mobile .bg-mobile{width:100%}.btn-orange,.care-footer .btn-fav,.pets .btn-fav{width:100%!important;padding:11px}.pay-footer{position:relative!important;transform:none}.hero{padding:30px 0 60px}.hero h1{font-size:28px;line-height:110%}.hero .description{font-size:14px;padding:15px 0}.bg-img1{background-position:65% top;min-height:340px}.how-it-works{padding:40px 0}.about h2{font-size:24px;margin-bottom:15px}.about .description{font-size:16px}.donation-banner h3{font-size:24px}.btn-container{min-width:100%}.pets{padding-bottom:60px}.pets-header h2{font-size:24px}#pets-grid{grid-auto-columns:100%}.pet-card__image-wrapper{height:300px}.btn-fav{margin-top:30px;font-size:16px}.pay-and-feed .second-title{font-size:30px;margin-bottom:40px}.pay-and-feed{padding-bottom:50px}.step-header{margin-bottom:20px}.step-body{margin-bottom:40px}.step-title{font-size:20px}.testimonial-card .content{padding-top:50px}.testimonials-info .second-title{font-size:24px}.testimonial-card{min-width:100%;padding:20px}.testimonial-city{font-size:26px!important}.testimonial-header img{position:absolute;left:0;top:-50px}.testimonials-nav{display:none}.testimonials-pagination{display:flex!important}.care-header h2{font-size:24px}.care-item--mobile{flex-direction:column!important;height:auto}.care-img-wrapper,.care-content{width:100%}.care-content{padding:20px;text-align:center}.care-content p{text-align:center}.video-promo{padding:40px 0}.step-image img{width:100%}.testimonials-wrapper{gap:0}.testimonials{padding-bottom:400px}.testimonials-info button{display:none}.modal-title{font-size:20px}.donation-options{grid-template-columns:repeat(2,1fr)}.modal-image img{height:150px}.testimonials-info{text-align:center}.btn-fav{max-width:95%!important}}