/**************Web Stories listing starts*************/
.Webstories-listing{display:block;position:relative;padding:15px 0;overflow:hidden}
.Webstories-listing + .Webstories-listing{margin-top:40px;}
.Webstories-listing .border-heading{font-size:28px;line-height:1.4;padding:0 0 10px;margin:0;border-bottom:0;}
.Webstories-listing .border-heading:before{ display:none}
.Webstories-listing span.view-more-web{ height:24px}
.Webstories-listing span.view-more-web a{text-transform:uppercase;background-color:transparent;color:var(--black)!important;border:0;padding:0;min-width:inherit}
.Webstories-listing span.view-more-web a:hover { color:var(--orange) !important;}
.Webstories-listing span.view-more-web .arrow1{height:24px;width:20px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden;margin-left:10px}
.Webstories-listing span.view-more-web .arrow1:before{content:'';height:10px;width:10px;display:block;border:2px solid var(--white);border-left-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:5px;right:1px;}
.Webstories-listing span.view-more-web .arrow1:after{content:'';height:2px;width:30px;display:block;background:var(--white);position:absolute;top:9px;left:0px;}
.Webstories-listing span.view-more-web .transparent-btn .arrow1:before{border:2px solid var(--black);border-left-width:0;border-top-width:0;}
.Webstories-listing span.view-more-web .transparent-btn .arrow1:after{background:var(--black);}
.Webstories-listing span.view-more-web .btn:hover .arrow1:before{border:2px solid var(--orange);border-left-width:0;border-top-width:0;}
.Webstories-listing span.view-more-web .btn:hover .arrow1:after{background:var(--orange);}

.Webstories-listing article.repeat-box .lazy-image{border-radius:5px;border:0}
.Webstories-listing article.repeat-box .photo,
.Webstories-listing article.repeat-box .text{width:100%;}
.Webstories-listing article.repeat-box .lazy-image{padding-top:340px}
/*.Webstories-listing article.repeat-box .lazy-image img{object-fit:cover;}*/
.Webstories-listing article.repeat-box .lazy-image:before{content:'';position:absolute;left:0;right:0;bottom:0;height:65%;background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.99) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );z-index:2}
.Webstories-listing article.repeat-box .text{position:absolute;left:0;right:0px;bottom:0px;z-index:10;padding:0px 10px 10px}
.Webstories-listing article.repeat-box .text p{color:var(--white);font-size:15px!important;line-height:1.4;}
.Webstories-listing article.repeat-box a:hover .lazy-image:before{
background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(255,120,0,0.75) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,120,0,0.75) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,120,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bfff7800',GradientType=0 );}
.Webstories-listing .splide__arrow{top:50%}
.Webstories-listing .repeat-box .photo-icon,
.Webstories-listing .repeat-box .video-icon{position:absolute;left:auto;bottom:auto;right:5px;top:5px;border-radius:100px;background-color:var(--color-6)}
.Webstories-listing .repeat-box .photo-icon svg,
.Webstories-listing .repeat-box .video-icon svg{width:16px;height:16px;}
.Webstories-listing .repeat-box .video-icon svg{ margin:5px 0 0 5px;}
.Webstories-listing .stories-icon{position:absolute;right:5px;top:5px;background-color:var(--color-5);border-radius:50px;height:30px;width:30px;display: flex;justify-content: center;align-items: center;}
.Webstories-listing .stories-icon svg{height:28px;width:28px; margin-top:3px}
.Webstories-listing .splide__arrow{top:50%;border-radius:100px;width:30px;height:30px}
.Webstories-listing .splide__arrow--prev{left:10px}
.Webstories-listing .splide__arrow--next{right:10px}
.Webstories-listing .webstories-five{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-left:-1.5%;clear:both;padding:0;}
.Webstories-listing .webstories-five article.repeat-box{float:none;width:18.5%;margin:0 0 30px 1.5%!important;padding:0;border-top:0!important;border-radius:5px;overflow:hidden}
.Webstories-listing .webstories-five article.repeat-box + article.repeat-box{margin-left:10px;margin-top:0}
/*.Webstories-listing .webstories-five article.repeat-box .lazy-image{padding-top:360px}*/
/**************photo Stories listing starts*************/

/************pagination and page of starts************/
.pagination{text-align:center;font-size:13px;clear:both;background-color:var(--color-05);padding:5px;border-radius:50px;margin:0px 0 30px;display:flex;justify-content:space-between;align-items:center;}
.pagination p,
.pagination .prev,
.pagination .next,
.pagination span{margin:0;border:0;padding:0;min-width:40px;min-height:40px;line-height:40px;text-align:center;display:inline-block;border-radius:50px;color:var(--black);font-size:15px; font-weight:700; text-transform:uppercase}
.pagination span + span{margin-right:1px}
.pagination p{color:var(--color-4); font-weight: normal;text-transform: none;}
.pagination a:hover,
.pagination span:hover,
.pagination .current{background-color:var(--orange);color:var(--white);border-radius:50px;}
.pagination .prev,
.pagination .next{min-width:auto;padding-left:15px;padding-right:15px; min-width:115px;}
.pagination .prev:before{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--white);border-width:0 2px 2px 0;padding:4px;transform:rotate(-220deg);-webkit-transform:rotate(-220deg);-moz-transform:rotate(-220deg);-o-transform:rotate(-220deg);-ms-transform:rotate(-220deg);position:relative;top:-2px;right:-4px;width:0;height:0}
.pagination .next:after{display:inline-block;content:"";margin:0 8px 0 0;vertical-align:middle;border:solid var(--white);border-width:0 2px 2px 0;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:relative;top:-2px;right:-4px;width:0;height:0}
.pagination .current:before,
.pagination .current:after{border-color:var(--white);}
.pagination .prev,
.pagination .next{background-color:var(--black-bg);color:var(--white);}
.pagination .disabled:hover,
.pagination .disabled{cursor:not-allowed;background-color:var(--gray);color:var(--black)}
.pagination .next.disabled:after,
.pagination .disabled:before{border:solid var(--black);border-width:0 1px 1px 0;}
/************pagination and page of ends************/
.Webstories-listing.threedotnone article.repeat-box .text p{-webkit-line-clamp: inherit;}