body {
    background-color: #F0F7FF;
}

.header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.33), rgba(255, 255, 255, 0.51)), url("../img/back-image.png");
    background-size: cover;
    background-position: center;
}

.services:before {
    content: '';
    position: absolute;
    width: 25%;
    height: 25%;
    right: 0;
    top: -5%;
    background: #72beffc4;
    filter: blur(120px);
    opacity: 0.8;
    z-index: -1;
}

.service-box {
    background-color: white;
}

.service-box:hover {
    background-color: rgba(159, 184, 222, 0.65) !important;
    transition: 0.5s;
}

.filter-custom {
    filter: brightness(0) saturate(100%) invert(25%) sepia(31%) saturate(1192%) hue-rotate(180deg) brightness(91%) contrast(91%);
}

/*.services .service-box .img-box:after{*/
/*    content:'';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    right: 0;*/
/*    top: 0;*/
/*    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21.49%, #000000 100%);*/
/*    z-index: 1;*/
/*}*/