.res-cat {
    background: #0000001f;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 10px 5px 5px 5px;
    box-shadow: 0 0 2px 2px #141b1d;
    text-transform: uppercase;
    font-family: 'Bebas Neue';
    letter-spacing: 4px;
    color: #5a8580;
    clear: both;
}

.res-main {
    width: 90%;
    padding: 30px;
    color: #a5a5a5;
    text-align: justify;
    background: #ffffff14;
    background-blend-mode: soft-light;
    margin: auto;
    font-size: 13px;
}
.res-box {
    background: #00000033;
    width: 336px;
    float: left;
    padding: 10px;
    margin: 0px 5px 20px 0px;
    text-align: center;
    align-items: center;
    min-height: 100px;
    max-height: 180px;
    overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.res-box::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.res-box{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.res-box2 {
    background: #00000033;
    width: 312px;
    float: left;
    padding: 10px;
    margin: 0px 0px 0px 6px;
    text-align: center;
    align-items: center;
    min-height: 100px;
    max-height: 180px;
    overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.res-box2::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.res-box2{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.res-frame {
    margin: auto;
    /* background: #ffffff21; */
    width: 723px;
    min-height: 130px;
}