.hero-section {
        padding: 100px 0 50px;
        background: var(--tj-theme-accent-1);
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .stars-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        perspective: 800px;
        z-index: 0;
    }

    .star {
        position: absolute;
        background: #C8D82E;
        border-radius: 50%;
        opacity: 0.8;
        will-change: transform;
    }



    .hero-content {
        position: relative;
        z-index: 1;
        text-align: center;
        color: #fff;
        top: 50%;
        transform: translateY(-50%);
    }

    .hero-content-box .lead {
        max-width: 920px !important;
        margin: 0 auto;
        text-align: center;
    }


    .service-card {
        border-radius: 15px;
		border: 1px solid #C8D82E;
        padding: 30px;
        margin-bottom: 15px !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        cursor: pointer;
        perspective: 1000px;
    }

    .service-card:hover {
        transform: rotateY(10deg) rotateX(5deg) translateY(-10px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    }

	.service-card p{
		font-size: 15px;;
	}

.icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #C8D82E;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.icon-circle svg {
    width: 24px;
    height: 24px;
    fill: black; /* icon color */
}

.service-card:hover .icon-circle {
    transform: scale(1.2);
    background-color: #b5c32e;
}