.gradient-highlight{background:linear-gradient(to right,#ee0979,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent}body{margin:0;line-height:1.5;color:#555;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:80px}#scrollArrow{position:fixed;z-index:3;right:30px;bottom:30px;background:transparent;border:none;cursor:pointer}#scrollArrow>img{width:50px;transition:transform .3s}#scrollArrow>img:hover{transform:scale(1.2)}.Adoption-Process{margin-top:100px}.Adoption-Process>h3{text-align:center;color:#ff1493;font-size:20px}.heading-h1-1{margin-top:20px;text-align:center;font-size:40px}.process{display:flex;gap:40px;margin:0 30px;justify-content:center}.process-divs{max-width:340px;border:2px lightgray solid;background:#f9f9f9;border-radius:16px;padding:30px;transition:transform .3s ease}.process-divs:hover{transform:scale(1.04)}.process-divs img{width:100%;height:240px;border-radius:30px}.process-divs h2{text-align:center}.donate-section{display:flex;justify-content:space-evenly;margin:40px}.donate-content{width:100%;max-width:640px}.donate-content>h2{font-size:45px}.donate-content>button{margin-top:15px}.donate-img>img{height:400px;width:100%;margin-top:50px}@media screen and (max-width:800px){.Adoption-Process{margin-top:60px}.heading-h1-1{font-size:30px}.process{gap:15px;margin:0 20px}.process-divs{padding:15px}.process-divs>h2{font-size:16px}.process-divs>p{font-size:14px}.donate-content>h2{font-size:40px}}@media screen and (max-width:600px){.process{flex-wrap:wrap;justify-content:space-evenly;margin:0 40px}.process-divs>h2{font-size:18px}.donate-section{margin:40px 20px}.donate-content>h2{font-size:25px}}@media screen and (max-width:460px){.heading-h1-1{font-size:25px}.donate-section{flex-wrap:wrap;margin:30px}}.nav-section{display:flex;justify-content:space-between;align-items:center;padding:0 60px;background-color:#fff;border-bottom:2px solid lightgray;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-section>img{height:80px;width:auto}.nav-top{display:flex;column-gap:60px}.nav-top a{text-decoration:none;color:#000;font-size:19px;font-weight:500;transition:transform .4s ease}.nav-top a:hover{transform:scale(1.1);color:#ff1493;background-color:#f9f9f9}.menu{display:none;flex-direction:column;width:35px;gap:6px;cursor:pointer;transition:transform .3s ease}.menu:hover{transform:rotate(360deg)}.menu div{height:4px;background:linear-gradient(to right,#ee0979,#ff6a00);border-radius:6px;transition:transform .3s ease}.menu div:hover{transform:rotate(360deg)}@media screen and (max-width:760px){.nav-section{padding:0 30px}.nav-top{column-gap:40px}}@media screen and (max-width:600px){.nav-section{padding-right:40px}.menu{display:flex}.nav-top{display:none;flex-direction:column;background-color:#fff;position:absolute;top:80px;right:0;width:100%;border-top:2px solid lightgray}.nav-top.show{display:flex}.nav-top a{text-align:center;padding:10px;border-bottom:1px solid #f0f0f0}.nav-top a:last-child{border-bottom:none}}.intro-background{position:relative;background:url(/Pet-Adoption-React/assets/dog-sitting-at-the-table-D1ukZ7ss.jpg) no-repeat center center/cover;height:400px;width:100%}.intro{position:absolute;top:140px;left:90px;max-width:480px}.intro h1{font-size:30px;display:inline}.intro p{margin-top:20px;margin-bottom:30px;font-size:18px}.button-1{text-decoration:none;display:inline-block;text-align:center;width:180px;padding:18px 0;font-size:15px;border-radius:25px;background-color:tomato;color:#fff}.about-section{margin-top:130px;display:flex;justify-content:space-evenly}.about-image img{width:100%;max-width:600px;height:600px}.about-content{max-width:710px;padding-left:30px}.about-content h3{margin-top:20px;color:#ff1493}.about-content h2{font-size:25px}.about-ul{list-style-type:none;padding-left:20px}.about-ul li{margin-bottom:10px;display:flex}.about-ul li img{width:18px;height:18px;margin-right:10px}.about-ul li b{margin-right:5px;display:contents}.loved-ones{margin-top:120px;position:relative}.loved-ones img{width:100%;height:580px}.loved-ones div{position:absolute;top:160px;left:120px;color:#fff;max-width:400px}.loved-ones div h1{font-size:35px}.loved-ones div p{margin-bottom:30px}@media screen and (max-width:1100px){.intro{max-width:300px;top:80px}.about-section{flex-wrap:wrap}.loved-ones>div{left:70px}}@media screen and (max-width:800px){.intro{left:40px}.about-content{padding-left:20px;padding-right:20px}.about-content>h3{text-align:center}.loved-ones>div{left:40px}}@media screen and (max-width:600px){.intro{top:50px;left:20px}.about-section{margin-top:50px}.about-section>div>img{max-width:500px;height:500px}.loved-ones{margin-top:50px}.loved-ones>div{left:10px;top:140px;max-width:300px}}@media screen and (max-width:460px){.intro{left:10px;top:70px;padding-right:30px}.intro>h1{font-size:25px}.intro>p{font-size:16px}.loved-ones>div{top:200px}.loved-ones>div>h1{font-size:25px}}.about-banner{background:url(/Pet-Adoption-React/assets/dog-4-DU0sKxJ0.jpg) no-repeat center center/cover;height:380px}.about-banner h1{font-size:50px;position:absolute;top:140px;left:220px}.our-mission{margin-top:70px;width:100%;box-shadow:0 0 8px #d3d3d3;background-color:#f1ccf0;padding:1px 0 40px}.mission-para{width:100%;max-width:750px;justify-self:center}.mission-para>p{padding:0 30px}.who-and-promise{display:flex;justify-content:space-evenly;margin:80px 30px 0}.who-and-promise>div{width:100%;max-width:620px}.who-and-promise>div>img{width:100%;max-width:600px;height:600px}.who-and-promise>div>h1{margin:60px 0 20px}@media screen and (max-width:800px){.about-banner h1{left:130px}.who-and-promise>div>img{height:500px}}@media screen and (max-width:600px){.about-banner h1{left:120px}.who-and-promise{flex-wrap:wrap}.who-and-promise>div>h1{margin-top:0}.ul-icon{padding-left:20px}}@media screen and (max-width:470px){.about-banner h1{left:90px}.who-and-promise>div>img{height:300px}.ul-icon{padding-left:10px}}.pets-banner{background:url(/Pet-Adoption-React/assets/dog-8-Dl9VmB1V.jpg) no-repeat center center/cover;height:400px;position:relative}.pets-banner h1{position:absolute;font-size:50px;top:100px;left:220px}.adoption-section{display:flex;justify-content:space-evenly;column-gap:20px;margin:60px 20px 0}.adoption-intro{width:100%;max-width:600px}.adoption-details{width:100%;max-width:480px}.adoption{box-shadow:0 0 10px #d3d3d3;padding:15px 30px 30px;border-radius:10px;background-color:#d3d3d3;transition:transform .3s ease}.adoption:hover{transform:scale(1.04)}.ul-icon{list-style-type:none}.ul-icon>li{display:flex;margin-top:15px}.ul-icon>li>img{width:18px;height:18px;margin-right:10px}.filter-buttons{justify-self:center;margin-top:80px;display:flex;gap:30px}.filter-buttons>button{width:80px;padding:10px 0;font-size:15px;font-weight:500;border-radius:25px;border:none;cursor:pointer;background-color:#d3d3d3;color:#fff;transition:background-color .4s}.filter-buttons>button.activeButton{background-color:#f44336}.pet-list{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin:40px 40px 0}.pet-card{width:200px;padding:25px;box-shadow:0 0 4px #d3d3d3;border-radius:30px;background-color:#fbf4de;text-align:center}.pet-card>img{width:100%;border-radius:25px;transition:transform .3s ease}.pet-card>img:hover{transform:scale(1.05)}.pet-card>h2{margin-bottom:15px;color:#675444}.pet-card>p{margin:5px;color:gray}.pet-card>a{text-decoration:none;display:inline-block;width:120px;padding:12px 0;font-size:14px;border-radius:4px 45px;background-color:tomato;color:#fff;margin-top:15px;transition:transform .7s ease}.pet-card>a:hover{transform:rotateY(360deg);background-color:#f9be4f}.help-section{background-color:#ead6e9;margin-top:100px;padding:40px 80px 80px}.button-1{width:180px;padding:18px 0;font-size:15px;border-radius:25px;border:none;cursor:pointer;background-color:tomato;color:#fff;margin-top:20px}.button-1:hover{background-color:#f74d2f}@media screen and (max-width:800px){.pets-banner{height:300px}.pets-banner h1{left:80px;font-size:45px}.adoption{padding:0 15px 15px}.filter-buttons>button{width:70px;font-size:14px}}@media screen and (max-width:470px){.pets-banner h1{font-size:32px;left:50px}.adoption-section{flex-wrap:wrap}.adoption-details{margin-top:50px}.ul-icon{padding-left:10px}.filter-buttons{gap:10px}.filter-buttons>button{font-size:12px;padding:5px 0;width:60px}}.services-banner{background:url(/Pet-Adoption-React/assets/cat-1-BXPo8XJ2.jpg) no-repeat center center/cover;height:400px;position:relative}.services-banner h1{position:absolute;font-size:50px;top:90px;left:280px}.benefits-section{display:flex;justify-content:space-evenly;margin:100px 30px 0}.benefits-img>img{width:550px;border-radius:30px;margin-top:20px}.benefits{width:100%;max-width:600px;padding-left:20px}.benefits>h2{margin:30px 0 20px}.benefits-content{padding-left:20px}.benefits-content>h4>img{width:17px;height:17px;margin-right:10px}.benefits-content>h4{margin-bottom:0}.benefits-content>p{margin-top:6px;padding-left:50px}.services{margin-top:100px}.heading-h3-1{text-align:center;color:#ff1493}.service-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:30px;margin:60px 20px 0}.service-card{width:100%;max-width:300px;text-align:center;box-shadow:0 0 8px #d3d3d3;border-radius:10px;padding:40px;transition:transform .3s ease}.service-card:hover{transform:scale(1.04)}.service-card>img{width:60px}@media screen and (max-width:930px){.services-banner h1{left:170px}.benefits-section{flex-wrap:wrap;margin-top:50px}}@media screen and (max-width:650px){.services-banner h1{left:100px}.benefits-img>img{width:100%;margin:0}}@media screen and (max-width:500px){.services-banner h1{top:120px;left:60px;font-size:40px}.benefits-img>img{max-width:400px}}.contact-banner{background:url(/Pet-Adoption-React/assets/dog-1-BMFi5qgv.avif) no-repeat center center/cover;height:350px;position:relative}.contact-banner h1{position:absolute;font-size:50px;top:90px;left:280px}.contact-section{margin-top:80px;padding:0 10px}.contact-box{box-shadow:0 0 8px #d3d3d3;width:100%;max-width:350px;border-radius:10px;padding:20px 0 20px 20px;transition:transform .3s ease;color:#555}.contact-box:hover{transform:scale(1.04)}.form-section{width:100%;max-width:600px;padding:20px 50px 40px;justify-self:center;text-align:center;box-shadow:0 0 8px #d3d3d3;border-radius:16px;margin:50px 0}.form-section>h2{font-size:45px;margin:0}.top-span{border-bottom:3px solid #ff9472;border-radius:1px}.input-group>input,textarea{width:100%;max-width:550px;padding:20px;margin-top:30px;font-size:20px;border:2px solid lightgray;border-radius:15px;outline:none;resize:none}.input-group>input:focus,.input-group>textarea:focus{border-bottom:3px solid #f2709c}.input-group>small{color:red;font-weight:600}.button-1{width:100%;max-width:300px;padding:16px;color:#fff;background:linear-gradient(to right,#f2709c,#ff9472);font-size:20px;border:none;border-radius:15px;margin-top:30px;cursor:pointer}.button-1:hover{background:linear-gradient(to left,#f2709c,#ff9472);box-shadow:1px 1px 8px #f0813b99}@media screen and (max-width:800px){.contact-banner h1{left:160px}.contact-box{max-width:280px}.form-section{max-width:400px;padding-left:30px;padding-right:30px}.input-group>input,textarea{max-width:350px}}@media screen and (max-width:600px){.contact-banner h1{left:60px}.form-section{max-width:300px}.input-group>input,textarea{max-width:250px}}@media screen and (max-width:430px){.contact-banner{height:280px}.contact-banner h1{font-size:40px;left:40px}.form-section{max-width:250px;padding-left:20px;padding-right:20px}.form-section>h2{font-size:35px}.input-group>input,textarea{max-width:200px;padding:10px}}footer{width:100%;background-color:#1d1d1d;margin-top:80px}footer>h1{text-align:center;padding:60px 0;margin:0}.footer-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;color:#d3d3d3}.footer-box{display:flex;column-gap:30px;margin-bottom:50px}.footer-details h3{margin:0}.footer-box div img{width:70px;height:70px;border-radius:20px;background-color:#fff}.nav-bottom{display:flex;column-gap:60px;justify-content:center;padding:30px;background-color:#232425}.nav-bottom a{color:#d3d3d3;text-decoration:none;font-size:17px}footer>p{text-align:center;padding:20px;margin-bottom:0}@media screen and (max-width:800px){.footer-box div img{width:60px;height:60px}}@media screen and (max-width:600px){.footer-box div img{width:50px;height:50px}.nav-bottom{column-gap:30px}}@media screen and (max-width:460px){.footer-box div img{width:40px;height:40px}.nav-bottom{column-gap:10px}}