.client h1{font-size:3rem}.hero{position:relative;height:100vh;background-size:cover}.about-us{margin-top:100px}.about-us .about-image{width:80%;height:350px;background-color:#d9d9d9}.about-us p{font-size:1rem;line-height:1.6;color:#333}.title{font-weight:700;font-size:2rem;color:#3a1b04;margin-bottom:1rem}.categories-container{background-color:#fff6ef;margin-top:50px;padding-top:70px;padding-bottom:100px;gap:40px}.todopets .title{color:unset}.todopets .hero{background:linear-gradient(180deg, #0A7171 0%, #003434 100%)}.todopets .hero .hero-text-container{width:50vw;padding-left:60px}.todopets .hero h1{margin-bottom:0 !important;font-size:4rem}.todopets .hero .title-container{margin-bottom:50px}.todopets .hero .main-button{background-color:#fff !important;color:#0a7171 !important}.todopets .hero .images img{border-radius:16px}.todopets .hero .images>div:nth-of-type(2){padding-top:40px}.todopets .categories-container{background-color:unset}.todopets .categories-container .categories{gap:24px}.todopets .categories-container .category{border-radius:16px;background:rgba(112,211,211,.2);padding:32px 50px;gap:12px}.todopets .categories-container .category .img{border-radius:50%;background:#0a7171;height:65px;width:65px}.todopets .categories-container .category p{color:#0a7171}.todopets .contact-us .info-container .icon-container{width:44px;height:44px;padding:12px;border-radius:10px;background:#0a7171}.todopets .contact-us .info-container .icon-container span{color:#fff}.todopets .contact-us .info-container .text-container .header{font-weight:500;font-size:1.1rem}.todopets .contact-us .info-container .text-container .content{font-size:.9rem;color:#4a5565}.todopets .contact-us .contact-form{width:40%}.todopets .contact-us .contact-form form{width:100%}.todopets .contact-us .contact-form .form-control{border-radius:8px;border:1px solid rgba(0,0,0,0);background:#f3f3f5}@media(max-width: 768px){.buttons-container{justify-content:center}.about-us{margin-top:50px;text-align:center}.about-us .about-image{width:100%}.about-us .row{gap:30px !important}.categories-container .title{text-align:center;padding:0 30px}.todopets .hero{height:90vh}.todopets .hero h1{margin-bottom:0 !important;font-size:3rem}.todopets .hero .lead{font-size:1rem}.todopets .hero .hero-text-container{text-align:center;width:100vw;padding:0 30px}.todopets .hero .images{display:none !important}.todopets .hero .buttons-container{flex-direction:column}.todopets h3{text-align:center}.todopets section.contact-us{flex-direction:column !important}.todopets section.contact-us .info-section .title,.todopets section.contact-us .info-section p{text-align:left}.todopets section.contact-us .contact-form{width:100%}.todopets .categories-container .categories .category{padding:30px 40px}}
