/* Recessed wells with raised symbols; preserve the original 80px / 40px sizes. */
.hr-why-choose .hr-recessed-icon {
    position: relative;
    isolation: isolate;
    background: linear-gradient(145deg, #dce1ea 0%, #e9edf3 48%, #f2f4f8 100%);
    box-shadow:
        inset 3px 6px 8px #67748b45,
        inset -2px -3px 5px #ffffffeb,
        0 1px 0 #ffffff;
}

.hr-why-choose .hr-recessed-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid #b6beca66;
    border-bottom-color: #ffffff;
    border-right-color: #ffffffb3;
    pointer-events: none;
}

.hr-why-choose .hr-recessed-icon > svg {
    overflow: visible;
    transform: translateY(-3px);
    filter:
        drop-shadow(-.3px -.6px .2px #ffffffed)
        drop-shadow(0 .8px 0 #7a879b)
        drop-shadow(0 .8px 0 #657185)
        drop-shadow(0 4px 2.5px #4e5b7259);
}

.hr-why-choose .hr-recessed-icon > svg [fill="#AAAFBB"] {
    fill: #a6b1c3;
}