.TopMicroExpertsBlock{display:flex;flex-direction:column;align-items:center;align-self:stretch;.TopMicroExpertsBlockLabel {margin-top: 7.5rem; display: flex; flex-direction: row; align-items: center; gap: .5rem; color: var(--primary-text); .IconDisplay {display: flex; flex-direction: column; align-items: center; justify-content: center;} .Text {font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.1905rem; letter-spacing: -.0225rem;}} .TopMicroExpertsBlockDescription {margin-top: 1.5rem; display: flex; flex-direction: column; align-items: center; .Text.body-strong {color: #ccc; text-align: center; font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -.0225rem; &.secondary {color: #6b6b6b;}}}}.HowItWorksCards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:3.75rem}.HowItWorksCard{display:flex;width:22.5rem;padding:2rem 1.25rem;flex-direction:column;align-items:center;gap:.75rem;border-radius:1.875rem;border:1px solid #33242d;background:linear-gradient(180deg,rgba(46,46,46,.4) 0%,rgba(32,25,29,.4) 100%);box-shadow:0 0 40px #3511294d inset;.Text {align-self: flex-start;} .Text.title {font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -.0225rem;} .Text.body {color: #c9c9c9; font-size: .875rem; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: -.0175rem;}}.HowItWorksGraphic{position:relative;display:flex;align-items:center;justify-content:center;height:8.25rem;img {width: 100%;} .HowItWorksGraphicBackground {position: absolute; &.faded {opacity: .3;}}}.EnhancedProfilesBlock{.EnhancedProfilesSignUpButton {margin-top: 2.25rem; padding: 1rem 2.25rem; border-radius: 5rem; height: auto;}}.TopicHeaderBlock{.TopMicroExpertsBlockDescription {max-width: 40rem;} .TopicHeaderBlockButtons {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1.12rem; margin-top: 2.25rem; .GButton {padding: .75rem 1.25rem; font-weight: 500;}}}.RelatedSearchesBlock{.RelatedSearchesBlockButtons {margin-top: 1.5rem; max-width: 50rem; width: 100%; display: grid; grid-template-columns: 1fr 1fr; column-gap: .75rem; row-gap: .62rem; .GButton {justify-content: space-between; height: 3rem; width: 100%; span {text-align: left; flex: 1; width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} svg {flex-shrink: 0; color: var(--text-secondary);}}}}@media screen and (max-width: 1100px){.HowItWorksCards{grid-template-columns:1fr!important;gap:.75rem}}@media screen and (max-width: 768px){.TopMicroExpertsBlock{margin:0 1.5rem}.RelatedSearchesBlockButtons{grid-template-columns:1fr!important;max-width:25rem!important}.TopicHeaderBlock{.TopMicroExpertsBlockLabel {margin-top: 3.75rem;}}.HowItWorksCard{width:unset;max-width:18rem;.HowItWorksGraphic {height: 7rem;}}}