.pain-selector{background-color:#f4fafd;padding:80px 0}.pain-selector .page-center{display:flex;gap:62px;justify-content:space-between}.left-section{display:inline-flex;flex-direction:column;width:65.1%}.left-section h3{margin-bottom:15px;margin-top:10px}.left-section p{line-height:1.6;margin-bottom:auto}.tiles-grid{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}.tile{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:inline-flex;flex-direction:column;font-weight:600;justify-content:center;min-height:160px;padding:20px;position:relative;text-align:center;transition:background-color .3s,box-shadow .3s}.tiles-grid .tile .card-link{inset:0;position:absolute}.tile:hover{background-color:#232749;box-shadow:0 0 60px 0 #3339460d;color:#fff}.tile img{height:auto;margin-bottom:15px;max-width:50px}.hover,.tile:hover .default{display:none}.tile:hover .hover{display:block}.tile .title{align-items:center;color:#232749;display:flex;font-size:var(--md-font);gap:5px;justify-content:center;overflow:hidden;position:relative}.tile:hover .title{color:#fff}.tile .chevron{opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .3s}.tile .chevron img{margin-bottom:0}.tile:hover .chevron{opacity:1;transform:translateX(0)}.right-section{align-items:flex-end;border-radius:8px;display:flex;justify-content:center;max-width:393px;width:100%}.right-section .image{background-color:#232749;border-radius:7px}.right-section img{height:auto;max-width:100%}@media (max-width:1280px){.tiles-grid{grid-template-columns:repeat(3,1fr)}.left-section p{margin-bottom:20px}.tile{min-height:153px}}@media (max-width:1190px){.right-section{max-width:300px}}@media (max-width:991px){.pain-selector{padding:65px 0 48px}.right-section{display:none}.left-section{width:100%}.left-section h3{margin-top:0}.left-section p{margin-bottom:40px}.tiles-grid{gap:16px;grid-template-columns:repeat(1,1fr)}.tile{flex-direction:row;justify-content:flex-start;min-height:68px;padding:8px 17px 8px 24px;position:relative}.tile img{margin-bottom:0;margin-right:24px}.tile .title{position:static}.tile .chevron{background:url(https://www.orthopedicinstitute.com/hubfs/orthopedic-institute/green-chevron.png) no-repeat 100% 0;height:19px;opacity:1;position:absolute;right:17px;top:24px;transform:translateX(0);width:11px}.tile .chevron img{display:none}}@media (max-width:768px){.pain-selector{align-items:center;flex-direction:column}.left-section,.right-section{width:100%}.tile .title{font-size:var(--md-xs-font)}}