body{
    font-family: "Mukta", Sans-serif;
}
.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
    max-width:500px;
    padding: 40px 0;
    margin-left:auto;
}

/* Style for the link wrapper */
.service-item-link {
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative;
}

.service-item {
    padding: 40px 0px;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    border-top:1px solid #D8940F;
    border-bottom:1px solid #D8940F;
    cursor:pointer;
}

.service-item-link:nth-child(even) .service-item {
    border-top:0px;
}

.service-number {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0px;
    border: 1px solid #E4A11C;
    border-radius: 99px;
    padding: 6px 23px;
}

.service-title {
    font-size: 20px;
    font-weight: 600;
    color: #604000;
    margin-bottom: 0px;
    line-height: 1.3;
}
.number_title {
    display: flex
;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: #604000;
    margin-bottom:12px;
}
.service-description {
    color: #604000;
    font-size: 20px;
    margin-bottom: 0px;
}

.service-item:hover {
    transform: translateY(-5px);
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
    
    .service-item {
        min-height: auto;
    }
} 

.service-item:after{
    content: "";
    background: #f2b330;
    inset: 20px;
    position: absolute;
    left: -20px;
    right: -20px;
    border-radius: 15px;
    z-index: -1;
    opacity: 0; 
    transition: all 0.3s ease-in-out;
}
.service-item:hover:after{
    opacity: 1;
}