.nb-service-items {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -15px;}.nb-service-item {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 10px;}.nb-service-item .service-inner {background-color: #fff;padding: 40px 30px;position: relative;overflow: hidden;z-index: 1;}.nb-service-item:hover .service-inner {-webkit-box-shadow: 6px 60px 45px 0 rgba(0, 0, 0, .1);box-shadow: 6px 60px 45px 0 rgba(0, 0, 0, .1);}.nb-service-item .service-icon {font-size: 60px;color: #015fc9;line-height: 1;margin-bottom: 20px;display: inline-block;position: relative;z-index: 1;}.bg-shape-yes .nb-service-item .service-icon:before {background-color: rgba(1, 94, 201,0.1);content: "";width: 50px;height: 70px;position: absolute;left: 10px;top: -17px;clip-path: polygon(0% 0, 100% 10%, 100% 90%, 0% 100%);transform: rotate(-30deg);z-index: -1;}.bg-shape-yes .nb-service-item:hover .service-icon:before {background-color: rgba(255, 255, 255,0.1);}.nb-service-item .heading {font-family: "Inter", sans-serif;font-size: 20px;font-weight: 700;line-height: 1.7;color: #16243D;letter-spacing: -0.5px;margin: 0 0 10px;}.nb-service-item p {font-size: 15px;line-height: 28px;margin: 0;}.nb-service-item .read-more {color: #6a7c92;font-family: "Work Sans", sans-serif;font-size: 12px;text-transform: uppercase;font-weight: 600;letter-spacing: 0;line-height: 1;position: relative;display: flex;align-items: center;justify-content: flex-start;margin-top: 20px;transition: all 0.3s ease-in-out;}.align-center .nb-service-item .read-more {justify-content: center;}.align-right .nb-service-item .read-more {justify-content: flex-end;}.nb-service-item .read-more i {font-size: 25px;margin-left: 5px;transition: transform 0.3s ease-in-out;}.rtl .nb-service-item .read-more i{margin-left: 0;margin-right: 5px;transform: rotateY(180deg);}.nb-service-item .read-more:hover i {transform: translateX(5px);}.rtl .nb-service-item .read-more:hover i{transform: rotateY(180deg) translateX(5px);}.nb-service-item:hover .service-icon, .nb-service-item:hover .read-more, .nb-service-item:hover p, .nb-service-item:hover .heading {color: #fff;}.nb-service-item .dir-overlay {background: #015fc9;width: 100%;height: 100%;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: -1;}.nb-service-item:hover .dir-overlay {visibility: visible;opacity: 1;}