.c-glossary-hero{border-bottom:1px solid #edf2f7;box-sizing:border-box;font-family:var(--font-family,sans-serif);overflow:hidden;padding:64px 0 48px;position:relative;width:100%}.c-glossary-hero__container{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:0 20px}.c-glossary-hero__illus{align-items:flex-end;display:flex;flex:0 0 312px;position:relative;z-index:1}.c-glossary-hero__illus img{height:auto;max-height:312px;-o-object-fit:contain;object-fit:contain;width:100%}.c-glossary-hero__illus--left{margin-right:-20px}.c-glossary-hero__illus--right{margin-left:-20px}.c-glossary-hero__content{align-items:center;display:flex;flex:1;flex-direction:column;margin:0 auto 24px;max-width:680px;text-align:center;z-index:2}.c-glossary-hero__title{color:#012c52;font-family:var(--font-family-mmc-bold);font-size:40px;line-height:54px;margin:0;padding:0;text-align:center}.c-glossary-hero__title-green{background:linear-gradient(86deg,#008cd0,#00ac41);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.c-glossary-hero__subtitle{color:#012c52;font-size:18px;font-weight:500;letter-spacing:0;line-height:30px;margin:0;opacity:1;padding:20px 0 40px;text-align:center;text-transform:capitalize}.c-glossary-hero__search{box-sizing:border-box;margin-bottom:40px;max-width:730px;position:relative;width:100%}.c-glossary-hero__search-input{background-color:#fff;background-image:url(https://mettl.com/glossary/wp-content/themes/mettl-glossary/images/icons/searchNew.svg);background-position:12px;background-repeat:no-repeat;border:1px solid #cbd0d9;border-radius:6px;box-shadow:0 2px 6px #00000029;box-sizing:border-box;color:#2c3e50;font-family:inherit;font-size:15px;font-weight:600;outline:none;padding:10px 10px 10px 40px;transition:all .3s;width:100%}.c-glossary-hero__search-input::-moz-placeholder{color:#1a1818;font-weight:600}.c-glossary-hero__search-input::placeholder{color:#1a1818;font-weight:600}.c-glossary-hero__search-input:focus{border-color:#009be3;box-shadow:0 0 0 3px rgba(0,155,227,.12)}.c-glossary-hero__alphabets{box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(8,1fr);max-width:500px;width:100%}.c-glossary-hero__alphabet-btn{align-items:center;background:#f7f7f7 0 0 no-repeat padding-box;border:unset;border-radius:6px;box-shadow:0 1px 2px #00000029;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(--font-family);font-size:15px;font-weight:bolder;height:42px;justify-content:center;line-height:18px;margin:0;padding:0;position:relative;transition:all .3s;width:42px}.c-glossary-hero__alphabet-btn:hover{background:#009be3;border-color:#009be3;box-shadow:0 4px 8px rgba(0,155,227,.15);color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.c-glossary-hero__illus{flex:0 0 170px}}@media (max-width:850px){.c-glossary-hero__illus{display:none}.c-glossary-hero__container{justify-content:center}.c-glossary-hero__title{font-size:32px}}@media (max-width:480px){.c-glossary-hero__alphabets{gap:8px;grid-template-columns:repeat(6,1fr)}}