.technopol-archive-post-item { border-bottom: 1px solid #e5e5e5;  padding-top: 10px;  padding-bottom: 30px;}
.technopol-archive-post-item-date {  display: flex;  flex-direction: row;  align-self: center !important;  align-items: center;  justify-content: space-between;}
.technopol-header-archive-title {  text-align: center;}
.technopol-header-archive-title h1{/*background: linear-gradient(to right, #df0024 10%, #7c7c7c 40%, #000 90%);  background-clip: border-box;background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/color:white; position: relative;display: initial;margin: 0 auto;}
.technopol-archive-post-item-content, .technopol-archive-post-item-date  {  margin-top: 20px;}
.technopol-category-post-date span {  margin-left: 10px; color: black;}
.technopol-archive-post-item-content strong a {  color: black;   font-size: 18px;  font-family: iransansb; }
.technopol-header-archive-title span{position: relative;  display: block;  width: 100%;  margin: 20px auto;}
.technopol-header-archive-title span a {  color: white;}
.technopol-cateory-head-svg {  position: absolute;  left: 0;  top: 0;  right: 0;  border: 0;}
.technopol-header-archive {  position: relative;  display: block;  width: 100%;  padding: 0;  margin-bottom: 80px;}
.technopol-header-archive .container {z-index: 2;  position: relative;}
.technopol-header-archive-title {  padding: 3em 0;}
.technopol-video-wrapper video {  position: relative;  width: 100%;}
.technopol-archive-post-itme-img-box {  max-height: 300px;  position: relative;  display: block;  float: right;  width: 100%;  overflow: hidden;}
.video-card-title, .video-card-link {    font-size: 16px;}
.video-card-link {    border: 2px solid #df0023;    color: #df0023;    margin: 0 10px 20px;}
.video-card-title {    padding: 0 10px;    font-size: 16px;    min-height: 45px;    line-height: 22px;}
.video-card-link:hover {    background-color: #df0023;    color: white;}
/*********************************/
@media screen and (min-width: 768px) {
    .technopol-archive-post-itme-img {
        padding-right: 50px !important;
    }
}
/*********************************/
.navigation.pagination .nav-links .page-numbers {    color: #cfc8d8;}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers {    padding: 5px;    min-width: 30px;    display: inline-flex;    text-align: center;    align-content: center;    justify-content: center;    border-left: 1px solid #cfc8d8;}
.navigation.pagination .nav-links {    display: inline-block;    white-space: nowrap;    padding: 0;    clear: both;    border: 1px solid #cfc8d8;    border-left-width: 1px;    border-left-style: solid;    border-left-color: rgb(207, 200, 216);    border-left-width: 1px;    border-left-style: solid;    border-left-color: rgb(207, 200, 216);    border-left: 0;    margin: 1px;    position: relative;   margin: 0 auto;}
nav.navigation.pagination {    position: relative;    display: flex;    margin: 0 auto;    width: 100%; margin-top: 20px !important;    margin-bottom: 10px !important;}
.screen-reader-text {    position: absolute !important;    width: 1px;    height: 1px;    padding: 0;    margin: -1px;    overflow: hidden;    clip: rect(0, 0, 0, 0);    white-space: nowrap;    border: 0;}
.navigation.pagination .nav-links .page-numbers.current {    font-weight: bold;    color: black;}
a.page-numbers:hover {    background-color: #e00024;    color: white !important;}