.caseActive
{
order: 1 !important;
width: 100% !important;
}
.caseActive .case-show-body
{
background-color: #ffffff !important;
color: #fff !important;
width: 33%;
}
.caseActive .case-view 
{
display: flex !important;
width: 67%;
}
@media only screen and (max-width: 576px) {
.case-select {
order: 1 !important;
width: 100% !important;
flex-direction: column!important;
}
.case-show-body {
min-height: 260px !important;
width: 100% !important;
}
.caseActive .case-show-body,
.caseActive .case-view {
width: 100%!important;
}
#show-case-4 > .case-main-heading, #show-case-5 > .case-main-heading, #show-case-6 > .case-main-heading, 
#show-case-8 > .case-main-heading, #show-case-7 > .case-main-heading
{      
font-size: 14px !important;
top: 205px !important;
color: #000;
background-color: transparent !important;
}
#show-case-4 > .case-description, #show-case-5 > .case-description, #show-case-6 > .case-description ,
#show-case-8 > .case-description, #show-case-7 > .case-description
{      
font-size: 13px !important;
top: 200px !important;
font-weight: 400;
background-color: transparent !important;
}	
}
.caseActive .case-select
{
}
.case
{
display: flex;
flex-wrap: wrap;
}
.case-view
{
display: none ;
}
.close-icon
{
display: flex;
justify-content: flex-end;
}
.close-icon svg
{
position: absolute;
}
.case-select
{
order: 2;
width: 30%;  margin: 10px auto 10px 0; display: flex;
flex-direction: row;
transition: 0.6s; }
.case-select:hover{
box-shadow: 10px 10px 8px #888888; transition:0.6s;
}  .case-show-body
{
display: flex;
flex-direction: column;
background-color: #fff;
border: 1px #d5d7d8 solid;
box-shadow: 1px 1px 3px #d5dcdf;
border-radius: 2px !important;
min-height: 366px; width: 100%;
}
.case-hide-body
{
padding: 16px;
flex-direction: column;
border: 1px #d5d7d8 solid;
box-shadow: 1px 1px 3px #d5dcdf;
border-radius: 2px !important;
}
.case-selections
{
font-family: "GT America", Helvetica, Arial;
width: 100%;
}
.case-top-head
{
font-size: 10px;
}
.case-main-heading
{
font-weight: 900;
line-height: 25px;
letter-spacing: .5px;
font-size: 18px;
top: 205px;
position: relative;
padding: 5px;
background-color:rgba(255,255,255,0.8);
color: #333;
}
.case-description
{
line-height: 22px;
font-size: 16px;
font-weight: 400;
margin: 5px 0;
top: 200px;
position: relative;
padding: 5px;
background-color:rgba(255,255,255,0.8);
color: #333;
}
.case-create
{
font-size: 12px;
font-weight: 400;
}
.case-create-detail
{
font-weight: 200 !important;
}
.hidden-heading
{
line-height: 28px;
font-size: 18px;
color: #282828;
font-weight: 700;
}
.hidden-text-body
{
color: #282828;
}
.hidden-text-name
{
font-size: 14.4px;
font-weight: 400;
line-height: 16px;
line-height: 15.3px;
}
.hidden-text-desc
{
font-size: 14.4px;
font-weight: 200;
line-height: 19px;
margin: 15px 0px;
}
.hidden-publish
{
font-size: 11.2px;
font-weight: 400;
line-height: 11.2px;
}
.hidden-publish-detail
{
font-weight: 200;
}
.case-selections {}
.case-selections ol{
counter-reset: counterNumber;
list-style-type: decimal-leading-zero;
}
.case-hide-ol
{
}
.case-hide-li:not(:last-child) {
border-bottom: 1px #d5d7d8 solid;
} .pdf-download
{
display: flex;
flex-direction: column;
align-items: center;
width: fit-content;
float: right;
margin-top: -19px;  
font-size: 11px;
padding-right:5px;
}
.pdf-download p
{
color: #888;
}
.case-selections ol {    
overflow-y: scroll;
height: 345px;
scrollbar-color: #2b2b2b #e8e8e8 !important;
scrollbar-width: thin !important;
}