/**maybe global**/
:root{
    --pr-light:#fff;
    --pr-blue: #294FCE;
    --pr-light-blue: #82d1ff;
    --pr-gray: #E4E7F6;
    --pr-color-gray: #474e5e;
    --pr-color-gray-500: #727c91;
    --pr-color-gray-900: #2b3342;
    --bs-box-shadow-sm: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.5);
}
.bg-blue{background-color: var(--pr-blue); color: var(--pr-light)}
.bg-gray{background-color: var(--pr-gray); color: var(--pr-blue)}
/** end global **/


.service-item{position: relative;}
.service-item .block-corners{
    position: absolute;
    background-color: var(--pr-gray);
    z-index: 1;
    width: 65px;
    height: 65px;
    top: -1px;
    right: -1px;
    border-radius: 0 0 0 40px;
}
.service-item .block-corners::before,
.service-item .block-corners::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border-radius: 0 10px 0 0;
}
.service-item .block-corners::before{left: -20px;top: 0;box-shadow: 3px -3px 0 var(--pr-gray);}
.service-item .block-corners::after{right:0;bottom:-20px;box-shadow: 3px -3px 0 var(--pr-gray);}

.fw-600{font-weight: 600;}