.top-grad{
    background: rgb(0,103,66);
    background: linear-gradient(97deg, rgba(0,103,66,1) 0%, rgba(2,22,13,1) 70%);
}

.green-grad{
    background: linear-gradient(97deg, rgba(0,103,66,1) 0%, rgba(2,22,13,1) 70%);
}

.green-text-grad{
    background: linear-gradient(97deg, rgba(0,103,66,1) 0%, rgba(2,22,13,1) 70%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prod-grid-ctn{
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: repeat( auto-fill, minmax(240px, 1fr) );
    gap: 80px;
}

.golden-grad{
    background: rgb(153,98,0);
    background: linear-gradient(97deg, rgba(153,98,0,1) 0%, rgba(194,156,51,1) 17%, rgba(213,182,75,1) 26%, rgba(190,147,45,1) 55%, rgba(182,134,34,1) 66%, rgba(185,138,38,1) 72%, rgba(194,152,52,1) 80%, rgba(209,174,75,1) 88%, rgba(235,196,96,1) 93%, rgba(219,183,91,1) 100%);
}

.dis-expand{
    width: 98px;
}

.flex-it-center{
    display: flex;
    align-items: center;
}

.flex-all-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-plain{
    border: none;
    outline: none;
    background: none;
}

.text-area-plain{
    background: none;
    border: none;
    resize: none;
    outline: none;
}

@media screen and (max-width:768px) {
    .prod-grid-ctn{
        grid-template-columns: repeat( auto-fill, minmax(118px, 1fr) );
        gap: 18px;
    }
}