.imageStory{
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;

    /*border:  3px solid var(--primary-color-500);*/
    padding: 2px;
    cursor: pointer;
    margin: auto;    margin-bottom: 8px;
 

background: linear-gradient(357.37deg, #EEE6DF 26.08%, #666F7B 66.25%, #49525E 102.4%);


}


.storyProductRk:hover .imageStory{
    
    background: linear-gradient(357.37deg, #EEE6DF 10.02%, #E3954B 66.25%, #FF7C00 102.4%);
}
.storyProductRk:hover .titleStory {
     font-weight: 600; transition:0.5s;
}

.imageStory img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: white;
    padding: 3px;
    filter: grayscale(1);
}
.storyProductRk:hover .imageStory img{
     filter: grayscale(0);
}
.swiper-slide.storyProductRk{
    overflow: hidden;
}
.titleStory a{
    color: inherit; word-wrap: break-word;
}
.titleStory{
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
    display: block;
    font-size: 14px;
    /*overflow: hidden;*/
    /*-o-text-overflow: ellipsis;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}
.storywrapper{
    display:none;
    position: fixed;
  top: 0px;
  height: 100vh;
  align-content: center;
  right: 0;
  left: 0;
  z-index: 1000000000000000000000000000000000000;
  background: #3B3B3B66;
;
}
.story{
    width: fit-content;
  margin: auto;
  height: 100vh;
 border-radius: 24px;
  max-height: 643px;
  position: relative;
}
.story__slider img,.story__slider video{
    margin:auto;
    justify-content:center;align-items:center;
}
.story__slider {
	 max-width: 368px;
	 height:100vh;
	 width:100vw;
	 height:fit-content;
	 border-radius: 6px;
	 overflow: hidden;
}
 .story__slide {
	 position: relative;
}
.authorMetaSection{
    position: absolute;
  z-index: 10000000000000000000000000000000000000000000000000;
  top:16px;
  padding-right:16px;
}
.authorMetaSection .icon-arrow-left:before{
    cursor:pointer;
    font-size:24px;color:var(--text-color-600);margin-left:24px;transform: rotate(180deg);display:inline-block;float: right;
  line-height: 48px;
}
.authorMetaSection .authorName{
    font-size: 18px;
  font-weight: 700;
  color: white;
  line-height: 48px;
  margin-right: 4px;
}
.authorMetaSection .authorimg img{
    border-radius:100%;width:48px;height:48px;
    
}
 .story__slide video, .story__slide img {
	 height: calc(100vh - 85px);
  max-height: 558px;
	 width: 100%;
	 max-width:368px;
	 border-radius: 24px 24px 0 0;
	 object-fit: cover;
	 object-position: center;
}
 .story__pagination {
	 bottom: unset !important;
	 top: 8px !important;
	 display: flex;
	 padding: 0 4px;
}
 .story__pagination .swiper-pagination-bullet {
	 flex-grow: 1;
	 border-radius: 100vh;
	 height: 3px;
	 margin: 0 2px !important;
	 background-color: rgba(247, 247, 245, .4);
	 opacity: 1;
}
 .story__pagination .swiper-pagination-bullet .swiper-pagination-progress {
	 height: 100%;
	 width: 0%;
	 border-radius: 100vh;
	 background-color: #f7f7f5;
}
 .story__prev, .story__next {
	 height: 100%;
	 width: 50%;
	 top: 0;
	 margin-top: 0;
}
 .story__prev::after, .story__next::after {
	 content: none !important; 
}
 .story__prev {
	 left: 0;
}
 .story__next {
	 right: 0;
}
 .storyTitleSection{
     position: absolute;  z-index: 1000;right: 16px;
  bottom: 50px;width: calc(100% - 32px);
 }
.storyTitleSection .titlepart{
   
    font-size:18px;font-weight:700;
 
  
}
.storyTitleSection .likestory{
    float:left;font-size:24px; cursor:pointer;line-height: 13px;
}
.storyTitleSection .likedislikecount{
    font-size: 12px;font-weight:500;
  text-align: center;
}

.categorySection{
    height: 85px;
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  background: white;
  z-index: 100;
border-radius: 0px 0px 24px 24px;
padding: 16px;align-content: center;
max-width: 368px;
  margin: auto;
}

   .categorySection .archiveiconrk {
        font-size:24px; cursor:pointer;
    }
    .pImageRelated {
        width:49px;height:49px;
    }
    .pRelatedTitle{
        font-size: 16px;
        font-weight: 700;
    }
    .pRelatedTerms{
        font-size: 14px;
  font-weight: 400;
    }
    .pImageRelatedContent {
        line-height: 25px;padding-right: 0;
    }
    .categorySection a{
        color:inherit;
    }
    
    
    .imageStory  video{
        object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
    }
.videocontrolsection{
    position: absolute;
  bottom: 35px;
  width: 100%;
}
.videoplaypause i{
    color:white;cursor:pointer;
}
.story__prev.swiper-button-prev{
    width:40px;right:0;
}
.story__next.swiper-button-next{
    width:40px;left:0;
}
/*video::-webkit-media-controls-panel {*/
/*    display: flex !important;*/
/*    opacity: 1 !important;*/
/*}*/
@media only screen and (max-width: 500px) {
.story__slider,.story__slide video, .story__slide img{
    max-height:418px;
}
.story{
    max-height:500px;
}
}