.services{background-position:50%}.services .pageHeroContent{width:70%}.services .pageHeroContent p{width:80%;padding-bottom:40px;font-size:clamp(12px,1.1vw,17px)}.serviceHeroSearch{align-items:center;gap:15px;display:flex}.serviceHeroSearchInput{background:#fff;border-radius:50px;align-items:center;gap:5px;width:350px;padding:6px 15px;display:flex}.serviceHeroSearchInput span{color:#666c;height:20px;font-size:20px}.serviceHeroSearchInput input{border:none;flex:1;width:100%;height:100%;padding:8px 15px 8px 5px;font-family:inter;font-size:14px;font-weight:500}.serviceHeroSearchInput input::placeholder{color:#6666669f;font-size:14px}.serviceHeroSearchInput input:focus-visible{outline:none}.serviceHeroSearch button{cursor:pointer;background:#fff;border:none;border-radius:50px;padding:13px 26px;font-family:inter;font-size:17px;transition:all .2s ease-in-out}.serviceHeroSearch button:hover{background:#eeebeb}.categoryDropdown{flex:1;width:100%;font-family:inherit;position:relative}.categoryDropDownHeader{cursor:pointer;background-color:#fff;border-radius:6px;flex-shrink:1;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .3s;display:flex;position:relative}.categoryDropDownHeader:before{content:"";background:#1e1e1e;width:1px;height:100%;position:absolute;left:0}.categoryDropDownHeader h5{color:#525252f8;font-family:inter;font-size:14px;font-weight:400}.serviceDetailPage{background-position:50%}.serviceDetailPage .pageHeroSubHeading p{width:100%}.serviceDetailPage .pageHeroContainer{height:100%}.serviceDetailPage .pageHeroContent{flex-direction:column;justify-content:end;height:100%;display:flex}.serviceDetailPage p{padding-bottom:40px}.serviceDetailPage .pageHeroSubHeading p{align-items:center;gap:10px;padding-bottom:15px;display:flex}.serviceDetailPage .pageHeroSubHeading p a{color:#e4e4e4be;font-family:inter;font-size:17px;font-weight:300;text-decoration:none;transition:all .2s ease-in-out}.serviceDetailPage .pageHeroSubHeading p a:hover{color:#fff}.serviceDetailPage .pageHeroSubHeading p i{height:16px}.serviceDetailPage .pageHeroSubHeading p span{font-size:16px}.serviceDetailPage button{cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:5px;padding:12px 22px;font-family:inter;font-size:18px;transition:all .2s ease-in-out;display:flex}.serviceDetailPage button:hover{background:#f1f1f1}.serviceDetailPage button i{height:22px;font-size:22px}.subServicesSection{width:97%;margin:auto;padding-top:80px}.subServicesSection h2{width:55%;padding-bottom:40px;font-family:inter;font-size:36px;font-weight:500}.subService{grid-template-columns:1fr 1fr 1fr 1fr}@media (min-width:600px) and (max-width:1024px){.serviceDetailPage .pageHeroContent{width:85%}.serviceDetailPage .pageHeroCustomContent a{width:fit-content;display:flex}}@media (max-width:599px){.serviceDetailPage .pageHeroContent{width:96%}.serviceDetailPage .pageHeroContent h1{font-size:clamp(1.9rem,2vw,1.875rem)}.serviceDetailPage .pageHeroContent>p{width:95%;padding-bottom:30px;font-size:13px}.serviceDetailPage .pageHeroSubHeading p{align-items:center;gap:6px;padding-bottom:15px;font-size:15px;display:flex}.serviceDetailPage .pageHeroSubHeading p a{font-size:16px}.serviceDetailPage .pageHeroSubHeading p i{height:15px}.serviceDetailPage .pageHeroSubHeading p span{font-size:15px}.serviceDetailPage .pageHeroCustomContent a{width:fit-content;display:flex}.serviceDetailPage .pageHeroCustomContent a button{padding:10px 18px;font-size:15px}.serviceDetailPage .pageHeroCustomContent a button i{height:18px;font-size:18px}.categoryDropDownHeader{padding:10px 8px}.categoryDropDownHeader h5{font-size:11px}.serviceHeroSearch{flex-direction:column;align-items:normal;gap:10px;width:300px;display:flex}.serviceHeroSearchInput{width:300px}.serviceHeroSearch button{font-size:14px}}