.pageHero{background-position:0 -510px;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;overflow:hidden}.pageHeroOverlay{z-index:1;background:#0000009a;width:100%;height:100%;position:absolute}.pageHeroContainer{z-index:2;align-items:flex-end;width:97%;height:100%;margin:auto;padding-bottom:clamp(90px,15vh,200px);display:flex;position:relative}.pageHeroContent{width:55%}.pageHeroContent h1{color:#fff;font-family:inter;font-size:clamp(40px,6.5vh,100px);font-weight:400}.pageHeroContent p{color:#e0e0e0be;width:65%;padding-top:20px;padding-bottom:40px;font-family:inter;font-size:clamp(16px,1.1vw,25px)}.services .pageHeroContent p{width:60%}.serviceDetailPage p{font-size:clamp(16px,.9vw,25px)}.pageHeroSearch{align-items:center;gap:15px;display:flex}.pageHeroSearchInput{background:#fff;border-radius:50px;align-items:center;gap:5px;width:350px;padding:6px 15px;display:flex}.pageHeroSearchInput span{color:#666c;height:20px;font-size:20px}.pageHeroSearchInput input{border:none;flex:1;width:100%;height:100%;padding:8px 15px 8px 5px;font-family:inter;font-size:14px;font-weight:500}.pageHeroSearchInput input::placeholder{color:#6666669f;font-size:14px}.pageHeroSearchInput input:focus-visible{outline:none}.pageHeroSearch 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}.pageHeroSearch button:hover{background:#eeebeb}@media (min-width:600px) and (max-width:1024px){.pageHero{height:100%}.pageHeroContainer{padding-top:260px;padding-bottom:100px}.pageHeroContainer h1{font-size:clamp(2rem,2vw,1.875rem)}.services .pageHeroContainer .pageHeroContent{width:85%}.services .pageHeroContainer .pageHeroContent p{width:95%;padding-bottom:40px;font-size:14px}.blog .pageHeroContainer p{width:90%}}@media (max-width:599px){.pageHeroContainer{align-items:flex-start;padding-top:clamp(12rem,37vh,18rem);padding-bottom:clamp(90px,25vh,150px)}.serviceDetailPage .pageHeroContainer{padding-bottom:clamp(90px,18vh,150px)}.pageHeroContainer h1{font-size:clamp(1.6rem,7vw,2rem)}.blog .pageHeroContent{width:92%}.blog .pageHeroContent p{width:90%;padding-bottom:40px;font-size:12px}.services .pageHeroContainer .pageHeroContent{width:90%}.services .pageHeroContainer h1{font-size:clamp(1.55rem,6vw,2rem)}.services .pageHeroContainer .pageHeroContent p{width:90%}.pageHeroSearch{flex-direction:column;align-items:normal;gap:10px;width:300px;display:flex}.pageHeroSearchInput{width:auto}.pageHeroSearch button{font-size:14px}}