.custom-class {color:red;</div> <!-- end test --> <!-- begin help --> <div class='page' id='help' style='overflow:hidden; display:none;'> <style>             .help-container{                 text-align:center ;                 position:relative;                 width:70%; height:auto;                 margin:80px auto;                 background:#4c5c68;                 border:none;                 padding:20px;                 padding-top:70px;                 border-radius:5px;                 color:#dcdcdd;                 box-shadow:0 4px 6px 0 rgba(0,0,0,0.2);                 box-sizing:border-box;             }             .help-container .helps-cards{                 width: 100%;                 margin: 0  auto 20px  auto ;                 display: flex;                 flex-direction: column;                 flex-wrap: wrap;                 justify-content: center;                 align-items: center;                 align-content: center;             }             .helps-cards  div{ margin: 10px 9px; }             .helps-cards .help-img{                 width: 80%;                 border-bottom: 2px solid #dcdcdd !important ;             }             .helps-cards .help-img img{                 width: 240px;                 border-radius: 5px;                 margin: 5px 5px 10px 5px;                 border: 2px solid #78d4574f;                 display: inline-block;             }             .helps-cards  .help-text{             width: 75%;             text-align: right;             }             .help-text p{                  margin-bottom: 10px;                 font-size:16px;             }             .help-text p:nth-last-child(1){ margin-bottom: 0;}             .help-text p span{                  font-size: 18px;                 font-family: Vazir-digit;             }             @media only screen  and (max-width:1315px){                 .help-container{                     width: 80% !important;                 }                 .helps-cards  .help-text { width: 100%  !important; }                 .helps-cards .help-img img{ margin: 5px 0 20px 0  !important;}             }             @media only screen  and (max-width:1030px){                 .help-container{                     width: 85% !important;                 }                 .helps-cards .help-img{ width: 85%  !important;}             }             @media only screen  and (max-width:680px){                 .help-container{                     width: 96% !important;                 }                 .helps-cards .help-img,                 .helps-cards  .help-text { width: 100%  !important; }                 .helps-cards .help-img img{ margin: 5px 0 10px 0  !important;}                 .help-text p {                     font-size:13px;                 }                 .help-text p span{                     font-size: 16px;                 }             }