.tag-ui{background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(90deg,#c29226,#b27d0f,#d9b14a,#fade7b,#dab74f,#c7972b) border-box;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:104px;max-width:152px;height:40px;font-weight:400;display:flex;overflow:hidden}
.about-hero-section-base{background-image:url(/about/about-hero-bg.png);background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100vh;max-height:700px;display:flex}.hero-content-wrapper{flex-direction:column;justify-content:center;max-width:829px;height:100%;display:flex}.hero-title{color:#fff;text-transform:capitalize;font-size:32px;font-weight:700}@media screen and (max-width:767px){.hero-title{font-size:22px;line-height:1.2}}.hero-title.text-gradient{color:#fff;background:0 0;background-image:var(--primary-text-color);text-fill-color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;line-height:1.2}.hero-para{color:#fff;border-left:1px solid #b49325;margin:2rem 0;padding-left:1rem;font-size:18px;font-weight:400;line-height:1.2}@media screen and (max-width:767px){.hero-para{font-size:14px;line-height:1.4}}.professional-img{max-width:434px}@media screen and (max-width:767px){.professional-img{max-width:300px}}.what-makes-img{width:100%;max-width:554px}