.service5.sp{
    background-color: #f8f7ff;
}

.nav-starview li{
    width: 33%;
}

.nav-starview li button{
    width: 100%;
    padding: 20px !important;
    transition: 400ms;
}

.nav-starview li button:hover{
    background: var(--vtc-bg-main5) !important;
    color: #FFFFFF !important;
}

@media screen and (max-width: 991px){
    .nav-starview li{
        width: 100%;
    }

    .service5 .service-widgets-section .tabs-btn-area::after {
        display: none;
    }
}

.service5 .service-widgets-section .tab-content .tab-pane .service-boxarea .content-area p{
    font-weight: 400;
}

.service5 .service-widgets-section .tab-content .tab-pane .service-boxarea .icons{
    background-color: var(--vtc-bg-main5);
    border: none;
    display: grid;
    place-items: center;
    border-radius: 16px;
    aspect-ratio: 1;
}

.service5 .service-widgets-section .tab-content .tab-pane .service-boxarea .icons i{
    font-size: 36px;
    color: #FFFFFF;
}

@media screen and (max-width: 767px){
    .service5 .service-widgets-section .tab-content .tab-pane .service-boxarea .icons{
        width: 72px;
        height: 72px;
        border-radius: 8px;
    }

    .service5 .service-widgets-section .tab-content .tab-pane .service-boxarea .icons i{
        font-size: 32px;
    }

}

.service5 .service-widgets-section .tab-content .tab-pane .service-boxarea h2{
    color: var(--vtc-bg-main5);
}

.images-area .image-anime{
    border-radius: 8px;
}

.service4.sp{

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23f8f7ff' fill-opacity='0.05'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
}

.service4-box{
    background-color: #f8f7ff;
}

.service4-box h3{
    font-size: 24px;
    line-height: 32px;
    color: #4741aa;
    font-weight: 500;
}

.service4-box .icon{
    background-color: #302b90;
    display: grid;
    place-items: center;
}

.service4-box:hover .icon{
    background-color: #ffffff;
}

.service4-box .icon i{
    font-size: 32px;
    color: #ffffff;
}


.service4-box:hover .icon i{
    color: #302b90;
}