/**********topics details starts********/
.top-nav-text{margin-top:10px;}

.top-slider-gallery article.repeat-box,
.gallery-all .photo-gallery article.repeat-box,
.multiple-splide article.repeat-box{display:block;border-radius:5px;background-color:transparent;border:0;box-shadow:none;overflow:hidden;}
.multiple-splide article.repeat-box{margin-bottom: 2px;}
.top-slider-gallery article.repeat-box .photo,
.multiple-splide article.repeat-box .photo,
.multiple-splide article.repeat-box .text{width:100%;border-radius:5px;}
.top-slider-gallery article.repeat-box .lazy-image
.multiple-splide article.repeat-box .lazy-image{box-shadow:none}
.gallery-all .celebs article.repeat-box .text,
.top-slider-gallery article.repeat-box .text,
.gallery-all .photo-gallery article.repeat-box .text,
.multiple-splide article.repeat-box .text{padding:5px 0;width:100%}
.gallery-all .celebs article.repeat-box .text h3,
.top-slider-gallery .photo-gallery article.repeat-box .text h3,
.gallery-all .photo-gallery article.repeat-box .text h3,
.multiple-splide article.repeat-box .text h3{font-size:13px;line-height:1.5;-webkit-line-clamp:3;}
.multiple-splide article.repeat-box a:hover{border-color:var(--white)}
.gallery-all .celebs article.repeat-box .text h3{-webkit-line-clamp:2;}

.top-slider-gallery{margin-bottom:20px;}
.top-slider-gallery article.repeat-box .text{min-height:73px;}
.top-slider-gallery .splide__arrow{width:2em;height:3em;z-index:1;}


/*******Topics nav starts******/
.nav-links ul{float:none;width:auto;padding:0;margin:0;list-style-type:none;display:block;text-align:center;border-bottom:1px dashed var(--border-color);border-top:1px dashed var(--border-color);}
.top-nav-text:hover .nav-links ul{border-color:var(--orange)!important;}
.nav-links ul > li{float:none;padding:0;margin:2px 0;overflow:visible;display:inline-block;font-weight:700;text-transform:uppercase;}
.nav-links ul > li + li{ margin-left:30px}
.nav-links ul > li > a{float:none;position:relative;padding:10px 0;margin:0;color:var(--black);text-decoration:none;display:inline-block;background:none;}
.nav-links ul > li:before{display:none}
.nav-links ul > li > a:before{content:'';height:3px;left:0;bottom:-4px;position:absolute;width:100%;z-index:1;overflow:hidden;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform .4s cubic-bezier(0.645, .045, .355, 1);transition:transform .4s cubic-bezier(0.645, .045, .355, 1);background:var(--orange);}
.nav-links ul > li.active a{color:var(--orange);}
.nav-links ul > li > a:hover:before, 
.nav-links ul > li.active > a:before{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;width:100%}
/*******Topics nav ends******/

.topics-details .white-boxes{padding:15px 0}
.topics-details .photo{float:left;width:30%;margin-right:15px}
.topics-details .photo .lazy-image{padding-top:100%;}
.topics-details .photo .lazy-image img{object-fit:cover;}

.expand-txt,
.js-expand-txt__height,
.story__content{position:relative}
.story__content{overflow:hidden;}
.expand-txt{-webkit-transition:max-height .25s ease-in-out;transition:max-height .25s ease-in-out;width:100%}
.expand-btn__wrp{z-index:2;}
.js-expand-txt__height .expand-btn__wrp{opacity:1;display:none!important}
.expand-btn__wrp{display:inline-block;overflow:hidden;font-size:17px;line-height:1.7;height:auto;position:absolute;right:0px;left:auto;bottom:-8px;width:75%;text-align:right;background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.expand-btn__wrp a{color:var(--orange);font-weight:700}
.expand-btn__wrp a:after{display:inline-block;content:"";margin:0 8px 0 3px;vertical-align:middle;border:solid var(--orange);border-width:0 2px 2px 0;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:relative;top:0px;right:-4px;width:0;height:0;-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
.js-expand-txt__height{height:auto!important;overflow:visible!important}
.expand-btn__wrp a:hover{color:var(--blue)}

.listing-boxes .repeat-box .published-by{display:inherit;font-size:12px;line-height:1.4;padding:8px 0; height: auto!important}
.listing-boxes .repeat-box .published-by i{top:1px}
.listing-boxes .repeat-box .published-by p{font-size:12px;line-height:1.5;display: table;}

.topic-all .search-box{position:relative;margin:15px 0}
.topic-all .search-box input[type="text"]{padding:5px 45px 5px 15px;box-shadow:inset 0 0 5px var(--color-1);border-radius:40px}
.topic-all .search-box .search-btn{position:absolute;right:0px;top:0px;border:0;font-size:0;border-radius:0;cursor:pointer;display:inline-block;background-image:url("../../../../desktop-html-2022/img/search-white-icon.svg");background-repeat:no-repeat;background-size:30px;background-clip:padding-box;box-sizing:border-box;background-position:center center;background-color:var(--blue);width:45px;height:34px;padding:0;border-radius:0 40px 40px 0}
.topic-all .search-box .search-btn:hover{background-color:var(--orange);}


.topic-all .photo-gallery .pagination{width:97%;margin-left: 3%}
/*******topics details ends******/

/********youtube and instagram starts********/
.right-twitter-widget,
.right-fb-widget,
.watch-iframe,
.videos-section,
.videos-iframe,
.facebookWrapper,
.youtubeWrapper, 
.vimeoWrapper{position:relative;padding-top:30px;height:0;overflow:hidden;color:var(--black);text-align:center}
.youtubeWrapper, 
.vimeoWrapper,
.videos-section,
.videos-iframe{padding-bottom:56.25%;padding-top:0}
.watch-iframe{padding-bottom:60%;padding-top:0}
.facebookWrapper{padding-bottom:55%;padding-top:0px;}
.right-twitter-widget,
.right-fb-widget{padding-bottom:100%;padding-top:0px;}
.right-twitter-widget iframe,
.right-fb-widget iframe,
.watch-iframe iframe,
.videos-section iframe,
.videos-iframe iframe,
.facebookWrapper iframe,
.youtubeWrapper iframe,
.vimeoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.facebookWrapper{background-color:var(--gray);border-radius:5px}
.watch-iframe,
.videos-iframe,
.videos-section,
.vimeoWrapper,
.youtubeWrapper{background-color:var(--black);border-radius:5px}
.right-twitter-widget,
.right-fb-widget{margin-top:20px}
.taboola-bottom .taboola-code:before,
.kaltura-player-container:before,
.comments-data .cmntbox:before,
.facebookWrapper:before,
.watch-iframe:before,
.videos-iframe:before,
.videos-section:before,
.vimeoWrapper:before,
.youtubeWrapper:before{border:2px solid rgba(255,255,255,0);border-top:2px solid var(--orange);border-bottom:2px solid var(--orange);border-radius:100px;width:20px;height:20px;content:"";left:50%;top:50%;margin:-10px 0 0 -10px;position:absolute;animation:spin 2s linear infinite;}
/********youtube and instagram ends********/

.three-boxes-one-big{padding:8px 15px 0;margin-top:15px;border:1px solid var(--border-color);border-bottom-width:5px;border-radius:10px;overflow:hidden}
.three-boxes-one-big:hover{border-color:var(--color-5);}
.three-boxes-one-big .news-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;}
.three-boxes-one-big .news-lhs{width:52.3333%;padding-right:15px}
.three-boxes-one-big .news-lhs + .news-rhs{width:47.6667%;}
.three-boxes-one-big article.big-box{border-top:0!important;width:100%!important;margin-left: 0!important;margin-bottom: 0!important}
.three-boxes-one-big article.big-box figure{display:block;}
.three-boxes-one-big article.big-box a{width:100%;padding:0}
.three-boxes-one-big article.big-box + article.repeat-box{margin-top:0}
.three-boxes-one-big article.big-box .lazy-image{border-radius:5px;border:0}
.three-boxes-one-big article.big-box .photo,
.three-boxes-one-big article.big-box .text{width:100%;}
.three-boxes-one-big article.big-box .text{padding:5px 0 0;min-height:73px;}
.three-boxes-one-big article.big-box .text h3{font-size:16px;font-weight:700;}

/********tabs nav starts*********/
.new-gwid{width:100%;float:left;}
.wdg-tab{overflow:hidden;margin-bottom:10px}
.common-all-content .tab-ul{margin:0;float:none;padding:0}
.common-all-content .tab-ul li{float:none;display:inline-block;vertical-align:middle;padding:0;margin:0px 0 2px;overflow:visible;}
.common-all-content .tab-ul li + li{margin-left:5px}
.common-all-content .tab-ul li > a{float:left;padding:5px 10px;border:0;border-radius:44px;text-transform:none;background:var(--color-03);box-shadow:0 1px 2px var(--color-1);font-size:13px;line-height:1.4;font-weight:400;color:var(--black);}
.common-all-content .tab-ul li:before{display:none}
.common-all-content .tab-ul li.active a{color:var(--white);background-color:var(--blue)}
.wdg-cnt{width:100%;float:left;}
/********tabs nav ends*********/

/********right search starts*********/
.phg-blkwrapper.rightwrapSlider{position:relative;margin:15px 0}
.phg-blkwrapper.rightwrapSlider input[type="text"]{padding:5px 55px 5px 15px;box-shadow:inset 0 0 5px var(--color-1);border-radius:40px}
.phg-blkwrapper.rightwrapSlider .keysubmit1{position:absolute;right:0px;top:0px;border:0;font-size:0;border-radius:0;cursor:pointer;display:inline-block;background:var(--blue);width:45px;height:34px;padding:0;border-radius:0 40px 40px 0;box-sizing:border-box;background-repeat:no-repeat;background-size:30px;background-clip:padding-box;background-position:center center;background-image:url("../images/search-white-icon.png");}
.phg-blkwrapper.rightwrapSlider .keysubmit1:hover{background-color:var(--orange);}
.vert_slide_wrap{background: white;padding: 0;position:none;border-bottom: none;}
.ui-menu{padding:0;background-color:var(--white);border:1px solid var(--blue)!important;position:absolute;max-height:300px;overflow-y:auto; border-radius: 10px; z-index: 50;}
.ui-menu .ui-menu-item{color:var(--black);font-size:13px;line-height:1.4;word-break:break-word; border: 0; padding: 0}
.ui-menu .ui-menu-item div{border: 0; cursor: pointer;padding:5px 10px}
.ui-menu .ui-menu-item + .ui-menu-item{border-top:1px solid var(--border-color)!important;}
.ui-menu .ui-menu-item:hover,
.ui-widget-overlay,
.ui-widget-shadow,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{background:var(--blue);color:var(--white);}
/********right search ends*********/
/**********expand text starts********/
.expand-text{overflow:hidden;display:block;}
.expand-btn{display:inline-block;overflow:hidden; cursor: pointer;display: none;font-size:17px;line-height:1.7;height:auto;position:absolute;right:0px;left:auto;bottom:-8px;width:75%;text-align:right;background:-moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.expand-btn span{color:var(--orange);font-weight:700}
.expand-btn span:after{display:inline-block;content:"";margin:0 8px 0 3px;vertical-align:middle;border:solid var(--orange);border-width:0 2px 2px 0;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:relative;top:0px;right:-4px;width:0;height:0;-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}.expand-text .expand-btn.more-btn{display:block}.expand-text .expand-btn.less-btn span:after{border:solid var(--orange);border-width:2px 0 0 2px;}
/**********expand text ends********/

/**************topics Webstories starts*************/
.topics-webstories{overflow:hidden;display:block;position:relative; margin-top: 15px}
.topics-webstories .four-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:15px;clear:both;padding:0;overflow:visible}
.topics-webstories article.repeat-box{/*width:calc(33.33% - 10px);*/width:calc(25% - 12px); border: 0; padding: 0; margin: 0}
    
.topics-webstories article.repeat-box .lazy-image{border-radius:9px;border:0}
.topics-webstories article.repeat-box .photo,
.topics-webstories article.repeat-box .text{width:100%;}
.topics-webstories article.repeat-box .lazy-image{padding-top:178%}
.topics-webstories article.repeat-box .lazy-image:before{content:'';position:absolute;left:0;right:0;bottom:0;height:65%;background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);z-index:2}
.topics-webstories article.repeat-box .text{position:absolute;left:0;right:0px;bottom:0px;z-index:10;padding:10px;}
.topics-webstories article.repeat-box .text p{color:var(--white);font-size:14px!important;line-height: 1.4;padding:0px; text-align: center}
.topics-webstories article.repeat-box a:hover .lazy-image:before{background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,120,0,0.75) 100%);}
.topics-webstories .splide__arrow{top:50%}
.topics-webstories article.repeat-box .text:before{z-index:9;bottom:8px;content:"";position:absolute;background:linear-gradient(to right, var(--white-5) 50%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-repeat:repeat-x, repeat-y;background-size:12px 2px, 1px 10px;width:calc(100% - 13px);height:3px;left:10px;right:10px;}
.topics-webstories article.repeat-box a:hover .text:before{background:linear-gradient(to right, rgba(255,120,0,0.75) 50%, rgba(255,120,0,0) 0%);background-position:bottom;background-repeat:repeat-x, repeat-y;background-size:12px 2px, 1px 10px;}
.topics-webstories .stories-icon{display:inline-block;width:10px;height:15px;background:#fff;position:absolute;top:10px;right:15px}
.topics-webstories .stories-icon:after,
.topics-webstories .stories-icon:before{content:"";position:relative;width:2px;height:12px;left:-4px;background:#fff;display:inline-block;top:1px}
.topics-webstories .stories-icon:after{right:-10px;left:10px}
/**************topics Webstories starts*************/
    
/************pagination and page of starts************/
.pagination{text-align:center;font-size:13px;clear:both;background-color:var(--color-05);padding:0;border-radius:50px;margin:30px 0  15px;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************/