.gap-2 {
    gap: 0.5rem;
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.border-green-700 {
    border-color: rgb(21 128 61);
}

.bg-green-400 {
    border-color: rgb(74 222 128);
}

.ring-green-400 {
    --tw-ring-color: rgb(74 222 128);
}

.border-green-500 {
    border-color: rgb(34 197 94);
}

.text-green-500 {
    color: rgb(34 197 94);
}

.text-green-600 {
    color: rgb(22 163 74);
}

.outline-green-300 {
    outline-color: #86efac;
}

.grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.border-green-700{
    border-color: rgb(21 128 61);
}        

.bg-green-400{
    border-color: rgb(74 222 128);
}

.ring-green-400 {
    --tw-ring-color: rgb(74 222 128);
}

.border-green-500 {
    border-color: rgb(34 197 94);
}

.text-green-500 {
    color: rgb(34 197 94);
}

.text-green-600{
    color: rgb(22 163 74);
}

.outline-green-300{
    outline-color: #86efac;
}

.row-span-3 {
    grid-row: span 3 / span 3;
}

.row-span-2 {
    grid-row: span 2 / span 2;
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.right-11 {
    right: 2.75rem; 
}

.p-12 {
    padding: 3rem;
}

.px-28 {
    padding-left: 7rem; /* 112px */
    padding-right: 7rem; /* 112px */
}

.px-20 {
    padding-left: 5rem; /* 80px */
    padding-right: 5rem; /* 80px */
}

.px-40 {
    padding-left: 10rem; /* 160px */
    padding-right: 10rem; /* 160px */
}

.ml-2 {
    margin-left: 0.5rem; /* 8px */
}

.w-3\/4 {
    width: 75%;
}

.w-1\/4 {
    width: 25%;
}

.px-40 {
    padding-left: 10rem; /* 160px */
    padding-right: 10rem; /* 160px */
}

.primary-500 {
    background-color: rgb(40 27 0);
}

.primary-450 {
    background-color: rgb(83 58 0);
}

.text-amber-100 {
    color: rgb(254 243 199);
}

.bg-amber-500 {
    background-color: rgb(255 180 0);
    /* background-color: rgb(245 158 11); */
}