.icon-hover-layer {
        position: relative;
        display: inline-block;
        width: 65px;
        height: 65px;
    }

    .icon-hover-layer i {
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.3s ease;
    }

    .icon-blue {
        font-size: 65px;
        color: #03bcea;
        z-index: 1;
    }

    .icon-white {
        font-size: 60px;
        color: #ffffff;
        top: 2px;
        left: 2px;
        z-index: 2;
    }

    /*  Hide white icon when the parent service card is hovered */
    .service-item-2:hover .icon-white {
        opacity: 0;
    }