.top {
    font-size: 0.75em;
    margin-left: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.top-span {
    white-space: nowrap;
}

.product {
    background-color: #DEB47D;
    text-align: center;
    width: 280px;
    color: #393b0a;
}

.circular {
    background-color: #82C3C8;
    text-align: center;
    width: 280px;
    color: #393b0a;
}

.reuse {
    background-color: #DFDA78;
    text-align: center;
    width: 280px;
    color: #393b0a;
}

.comsumer {
    background-color: #76B097;
    text-align: center;
    width: 280px;
    color: #393b0a;
}

/*width*/
.width-100 {
    width: 100%;
}
.width-20 {
    width: 20%;
}
.width-60 {
    width: 60%;
}
.width-15px {
    width: 15px;
}
.width-360px {
    width: 360px;
}

/*height*/
.height-3725em {
    height: 3.725em;
}
.height-140px {
    height: 140px;
}
.height-150px {
    height: 140px;
}
.height-400px {
    height: 400px;
}
.height-auto {
    height: auto;
}
.height-62px {
    height: 62px;
}

/*font-size*/
.font-size-075em {
    font-size: 0.75em;
}
.font-size-1em {
    font-size: 1em;
}
.font-size-1167em {
    font-size: 1.167em;
}
.font-size-2em {
    font-size: 2em;
}
.font-size-1222em {
    font-size: 1.222em;
}
.font-size-larger {
    font-size: larger;
}
.font-size-xx-large {
    font-size: xx-large;
}
.font-size-small {
    font-size: small;
}

/*margin-top*/
.margin-top-10px {
    margin-top: 10px;
}
.margin-top-20px {
    margin-top: 20px;
}
.margin-top-30px {
    margin-top: 30px;
}

/*margin-right*/
.margin-right-0px {
    margin-right: 0px;
}


/*margin-bottom*/
.margin-bottom-095em {
    margin-bottom: 0.95em;
}
.margin-bottom-0px {
    margin-bottom: 0px;
}
.margin-bottom-10px {
    margin-bottom: 10px;
}
.margin-bottom-25px {
    margin-bottom: 25px;
}
.margin-bottom-30px {
    margin-bottom: 30px;
}
.margin-bottom-50px {
    margin-bottom: 50px;
}

/*margin-left*/
.margin-left-05em {
    margin-top: 0.5em;
}
.margin-left-095em {
    margin-top: 0.95em;
}
.margin-left-345em {
    margin-left: 3.45em;
}
.margin-left-0px {
    margin-left: 0px;
}
.margin-left-20px {
    margin-left: 20px;
}
.margin-left-200px {
    margin-left: 200px;
}

/*text-align*/
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
/*vertical-align*/
.vertical-align-middle {
    vertical-align: middle;
}

/*line-height*/
.line-height-28px {
    line-height: 28px;
}

/*border-radius*/
.border-radius-30px {
    border-radius: 30px;
}

/*object-fit*/
.object-fit-contain {
    object-fit: contain;
}

/*background-color*/
.background-color-f8f7f9-important {
    background-color: #f8f7f9 !important;
}
.background-color-white {
    background-color: white;
}

/*z-index*/
.z-index-9980 {
    z-index: 9980;
}

/*white-space*/
.white-space-nowrap {
    white-space: nowrap;
}

/*display*/
.display-none {
    display: none
}
.display-inline-block{
    display: inline-block;
}

/*float*/
.float-right {
    float: right;
}

/*color*/
.color-black {
    color: black;
}
.color-#037F3E {
    color: #037F3E;
}
.color-#717171-important {
    color: #717171 !important;
}
.color-#037F3E {
    color: #037F3E;
}

/*padding*/
.padding-08em {
    padding: 0.8em;
}
.padding-15px {
    padding: 15px 15px 15px 15px;
}
.padding-5px {
    padding: 5px;
}
.padding-10px {
    padding: 10px;
}

/*padding-inline-start*/
.padding-inline-start-0px {
    padding-inline-start: 0px;
}

/*webkit-padding-start*/
.webkit-padding-start-0px {
    -webkit-padding-start: 0px;
}

/*word-break*/
.word-break-break-all {
    word-break: break-all;
}

/*max-height*/
.max-height-20px {
    max-height: 20px
}

/*border*/
.border-0px {
    border: 0px;
}
.border-none {
    border: none;
}
/*border-bottom*/
.border-bottom-solid {
    border-bottom: solid;
}
/*border-bottom-width*/
.border-bottom-width-thin {
    border-bottom-width: thin;
}
/*border-collapse*/
.border-collapse-collapse {
    border-collapse: collapse;
}

/*list-style-type*/
.list-style-type-square {
    list-style-type: square;
}

/*text-indent*/
.text-indent-n22px {
    text-indent: -22px;
}