/*******top nav starts******/
.nav-links { margin-bottom:15px }
.nav-links ul { float: none; width: auto; padding: 0 !important; margin: 0 !important; list-style-type: none; display: block; border-bottom: 1px solid #C4C4C4; }
.nav-links ul > li { float: none; padding: 0; margin: 0; overflow: visible; display: inline-block; font-weight:600; text-transform: none; font-size: 15px; line-height: 1.4 }
.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; font-size: 16px; }
.nav-links ul > li:before { display: none }
.nav-links ul > li > a:before { content: ''; height: 5px; left: 0; bottom: 0px; 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,.nav-links ul > li a:hover { color: var(--orange); font-weight: 600; }
.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% }

/*******top nav ends******/
/* Gulam home page*/

.trending-topic {position: relative;clear: both;margin-bottom: 15px;}
/*.trending-topic a{background: #F8F8F8 0% 0% no-repeat padding-box;border-radius: 19px;display: inline-block;margin: 10px 5px 0 5px;color:#242424;padding:5px 13px;font-size: 14px;line-height: 21px;}*/
.trending-topic span {display: inline-block;margin: 2px 10px 0 0;}
/*.trending-topic a:hover {background: #242424;color: #fff;transition: 0.2s;}*/
.astro-gray-box {background: #F8F7F5;clear: both;padding: 15px;margin: 10px 0;}
.new-cat-listing article.big-box .lazy-image:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 59%, rgba(0, 0, 0, .9) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 5; }
.new-cat-listing article.big-box .text { position: absolute; left: 0; color: #fff; bottom: 0; right: 0; z-index: 6; padding: 10px; overflow: hidden; }
.new-cat-listing article.big-box .text h1 { color: #fff; padding: 20px;font-size: 22px;white-space: normal;
    overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;
    -webkit-box-orient: vertical;padding-bottom: 0;margin-bottom: 20px;}
.astro-small { display: flex; flex-wrap: wrap; justify-content: space-between;margin: 15px 0;padding-right: 15px;width: 100%;}
.astro-small .repeat-box { width:32%; position: relative;}
.astro-small .repeat-box .photo {position: relative;}
.astro-small article .lazy-image:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 59%, rgba(0, 0, 0, .9) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 5; }
.astro-small .repeat-box + .repeat-box {border-top:0;padding-top: 0;margin-top: 0;}
.astro-small .repeat-box .photo, .astro-small .repeat-box .photo + .text { width: 100%;}
.new-cat-listing .astro-small article .lazy-image:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 59%, rgba(0, 0, 0, .9) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 5; }
.astro-small .text { position: absolute; left: 0; color: #fff; bottom: 0; right: 0; z-index: 6; padding: 10px; overflow: hidden; }
.repeat-box .photo + .text {padding-left: 15px;}
.astro-small .text h2 { color: #fff;font-size: 15px;white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.astro-small .lazy-image {padding-top: 56.25%;}
.astroList ul { list-style: none;border-left: 1px solid #eee;margin: 0;padding: 0;margin-top: 15px;margin-left:5px;}
.astroList ul li { list-style: none;display: block;font-size: 14px;border-bottom: 1px dashed #ccc;position:relative;margin-left: 15px;padding-top: 0;
margin-bottom: 13px;padding-bottom: 10px; text-align: left;}
.astroList ul li a { font-size: 14px;color: #303030; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.astroList ul li a:hover {color: var(--orange);}
.astroList ul li:before {content: '';width: 8px;height: 8px;position: absolute;left:-20px;top:6px;background: var(--orange);
border-radius: 10px;} 
.astroList ul li:last-child {border-bottom: 0;}
.iconBox {display: flex; flex-wrap: wrap; justify-content: space-between;text-align: center;}
.iconBox a {width: 16.6%;border-right: 1px solid #ccc;color: #333;font-size: 16px;line-height: 46px;font-weight: 600;padding-top: 10px;}
.iconBox a span {display: block;text-align: center;height: 55px;}
.iconBox a:last-child {border-right:0;}
.iconBox a span img {display: inline-block;}
.iconBox a:hover {background:rgb(255 120 0 / 5%);}
.iconBox + .iconBox {border-top:1px solid #ccc;}
.videoGallery {clear: both;position: relative;margin: 15px 0;}
.videoIcon {position: absolute;left: 15px;bottom:40px;z-index: 99;}
.videoGallery .new-cat-listing article.big-box .text h2{color: #fff;
    padding: 20px 20px 0px 70px; font-size: 22px; margin-bottom: 20px;white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.more {font-size: 14px;color: var(--orange);position: absolute;right: 0;font-weight: 600;}
.more:hover {color: #242424;} 
.videoGallery .aside .repeat-box figure,.astroNews .col-1 .repeat-box figure {flex-flow: row-reverse;align-items: stretch;}
.videoGallery .aside .repeat-box .photo + .text, .astroNews .col-1 .repeat-box .photo + .text {padding-left: 0;padding-right: 10px;}
.videoGallery .aside .videoIcon {bottom:5px;left:10px;}
.videoGallery .aside .repeat-box + .repeat-box {margin-top: 10px;padding-top: 10px;}
.videoGallery .new-cat-listing article.big-box .lazy-image,.astroNews .new-cat-listing article.big-box .lazy-image {padding-top: 56.25%;}
.new-cat-listing .repeat-box a:hover .text h2, .new-cat-listing .repeat-box a:hover .text h1, .astro-webstories .repeat-box a:hover .text p, .repeat-box a:hover,
.repeat-box a:hover h3,.astroNews .new-cat-listing .repeat-box a:hover .text h2,.photoGallery .new-cat-listing .repeat-box a:hover .text h2 {color: var(--orange);}
.dflex {display: flex; flex-wrap: wrap; justify-content: space-between; }
.col-1 {width: 23.7%;}
.col-big {width: 49%;}
.astroNews {clear: both;position: relative; margin:20px 0 10px 0;}
.astroNews .new-cat-listing article.big-box .text h2,.photoGallery .new-cat-listing article.big-box .text h2 {color: #fff;
    padding: 20px 20px 0 20px; font-size: 22px; margin-bottom: 20px;font-weight: 600;white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.more {font-size: 14px;color: var(--orange);position: absolute;right: 0;line-height: 26px;}
.more:hover {color: #242424;}
.astro-small article.repeat-box + article.repeat-box {border-top: 0;}
.videoGallery .two-cols-aside {margin-bottom: 20px;}
.photoGallery {clear: both;position: relative;margin:20px 0;}
.repeat-box a:hover, .repeat-box a:hover h2, .repeat-box a:hover h3, .repeat-box a:hover p {color: var(--orange);}
.photoGallery .astro-small {padding-right: 0;}
.guruKiWani .listingBox .leftImg {width:100px;padding-top: 10px;}
.guruKiWani .listingBox .leftImg .circleImg {width: 86px;height: 86px;border-radius:200px;overflow: hidden;}
.guruKiWani .listingBox { padding: 10px;border-radius: 5px;background: #F8F7F5;}
.guruKiWani .listingBox:hover {background:#FFF8F2;transition: 0.2s;}
.guruKiWani .listingBox .rightTxt {width:calc(100% - 105px);}
.guruKiWani .listingBox .rightTxt h3 {padding-top:5px;font-size:20px;color: #000;}
.guruKiWani .listingBox .rightTxt p {font-size: 16px;line-height: 1.5;font-weight: 600;
    white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;
    display: -webkit-box; -webkit-box-orient: vertical;padding-bottom: 0;color: #444;
}
.guruKiWani li {display: flex;}
.guruKiWani .rightTxt .read {font-size: 16px;color: var(--orange);text-align: right;font-weight: 600;display: inline-block;float: right;padding-top: 5px;}
 

 
.heading {position: relative;margin-bottom:12px !important;text-transform: uppercase;color: var(--orange);text-align: center;clear: both;}
.heading:before {content: '';border-bottom: 1px solid var(--orange);position: absolute;left:24%;top:30px;width:18%;}
.heading:after {content: '';border-bottom: 1px solid var(--orange);position: absolute;right:24%;top:30px;width:18%;}
/*.rashiLhs .heading:before {content: '';border-bottom: 1px solid var(--orange);position: absolute;left:21%;top:30px;width:18%;}
.rashiLhs .heading:after {content: '';border-bottom: 1px solid var(--orange);position: absolute;right:21%;top:30px;width:18%;}
*/  

.astro-gray-box h1:hover {color: var(--orange);}
.lazy-image img:hover {opacity: 0.85;transition: 0;}

/* rashi fal listing */
.astro-content .breadcrumb li { color: #888;}
.update {font-size: 15px;color: #666;}
.social { float: right;display: inline-block;}
.social a {display: inline-block;margin: 0 3px;}
.p-t1 {padding-top: 10px;}
.p-t2 {padding-top: 20px;}
.m-t1 {margin-top: 10px;}
.m-t2 {margin-top: 20px;}
.m-tb3 {margin-top: 30px;margin-bottom: 30px;}
.rashiLhs .photoGallery .new-cat-listing article.big-box .text h2 {font-size: 18px;line-height: 25px;padding:10px 10px 0 10px;margin-bottom: 10px;}
.rashiLhs .astro-small .repeat-box .photo + .text { padding: 10px 10px 0 10px !important;margin-bottom:8px;}
.rashiLhs .astro-small .text h2 {white-space: normal;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.rashiLhs .two-cols-aside .lhs-col {width: calc(100% - 260px);padding-right:6px;}
.rashiLhs .two-cols-aside .aside {width: 260px;}
.panRhs {margin-bottom: 20px;display: block;clear: both;}
.panRhs .lazy-image {padding-top:56.66667%;border-radius: 0;box-shadow:none;}
.panTitle {color: var(--orange);margin: 10px 0 !important;font-size: 22px;}
.revers-row .repeat-box figure{flex-flow: row-reverse; align-items: stretch;}
.revers-row .repeat-box .photo + .text{padding-left: 0;padding-right: 10px;text-align: left;}

/* rashifal details */
.pinkBox {background: #FFF8F2;padding: 15px;margin: 10px 0;width: 100%;clear: both;}
.pinkBox .rashiBtn {background: #FFDFC4;float: right;padding:7px 15px;text-align: center;display: inline-block;font-weight: 600;color: var(--black);border-radius: 3px;}
.pinkBox p {font-size: 16px;color: #303030;}
.pinkBox .ico {display: inline-block;padding-left: 10px;}
.pinkBox h1 { display: inline-block;}
.pinkBox .rashiBtn:hover {background: #ffbc84;}
.rashiLhs p { font-size: 16px;}
.rhsRashi .iconBox a {width: 25%;border:0;font-size: 15px;}
.rhsRashi .iconBox + .iconBox {border-top: 0;padding-top: 10px;}
.rhsRashi .iconBox a span {padding: 0 10px;}
/* guruki wani */
.guruProfile { display: flex; align-items: center;margin: 10px 0;}
.guruProfile p {padding-left: 15px;font-size: 20px;}
.guruProfile .circleImg {width: 95px;height: 95px;border-radius: 100px;overflow: hidden;border:1px solid #ccc;
display: flex;justify-content: center;align-items: center;}
.h20 {height:15px;clear: both;}
/* guruki wani listing */
.waniListing {display: flex;flex-wrap: wrap;justify-content: space-between;}
.waniListing li {width:48.7%;display: flex;}
.waniListing .listingBox .rightTxt p {font-weight: 400;padding-bottom: 0;}
.waniListing .listingBox .leftImg {width: 65px;padding-top: 10px;}
.waniListing .listingBox .leftImg .circleImg {width: 54px;height: 54px;border-radius: 100px;}
.waniListing .listingBox .rightTxt {width: calc(100% - 65px);display: flex;align-items: center;}
.waniListing .listingBox .read {font-size: 16px; color: var(--orange); text-align: right;
    font-weight: 600; display: inline-block; float: right;margin-top: -6px;}
.waniListing .listingBox p {padding-bottom: 0;white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box;
    -webkit-box-orient: vertical; 
}
/* video listing */
.pagination { text-align: center; font-size: 13px; clear: both; background-color: var(--color-05); padding: 5px; border-radius: 50px; margin: 20px 0; display: flex; justify-content: space-between; align-items: center; }
.pagination .prev, .pagination .next { background-color: var(--black-bg); color: var(--white); padding-left: 15px; padding-right: 15px; min-width: 115px; padding: 4px; }
.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 .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 span:hover, .pagination .current { background-color: var(--orange); color: var(--white); }
.border-heading-1 a {color: var(--black);}
.border-heading-1 { padding: 0 0 8px 15px !important; margin: 20px 0 10px !important;
    text-transform: none;clear: both; position: relative; color: var(--black);
    border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between;
    align-items: center;
}
.border-heading-1:before { content: ''; background: var(--orange); width: 4px; height: 22px;
    position: absolute;left: 0; top: 3px;
}
.border-heading-1 a:hover {color: var(--orange);}
.bx {position: relative;width: 89%; clear: both; float: right;}


/********table starts*********/
.common-all-content .table-responsive{width:auto;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin:0px;border:0;border-collapse:collapse;border-radius:0px;border:0;}
.points-table .table-responsive{overflow:auto!important;max-height:500px!important; margin-top: 20px}
.orange-purple-cap .orange .table-responsive{overflow:auto!important;max-height:355px!important;}
.orange-purple-cap .purple .table-responsive{overflow:auto!important;max-height:360px!important;}
.common-all-content table{width:100%;max-width:100%;padding:0;margin:0;height:auto;margin-bottom:15px;border-collapse:collapse;max-width:100%;border:0!important}
.common-all-content .table-responsive table{margin-bottom:0}
.common-all-content table td,
.common-all-content table th{background-color:var(--white);border:0;color:var(--black);padding:10px;vertical-align:top;font-size:15px;line-height:1.4;vertical-align:top;border-top:1px solid var(--color-2);}
.common-all-content table td strong,
.common-all-content table td b,
.common-all-content table th strong
.common-all-content table th b{font-weight:700}
.common-all-content table tr.even:hover td,
.common-all-content table tr:hover td{background-color:#eff6ff}

.view-all-btn{text-align:center;margin:20px 0 10px;position:relative}
.view-all-btn a{display:inline-block;border-radius:6px;color:var(--black);font-weight:400;background-color:var(--white);text-transform:capitalize;padding:5px 10px;border:1px solid var(--black);min-width:150px;font-size:19px;}
.view-all-btn a:hover{background:var(--blue);color:var(--white)!important;text-decoration:none;}
/********table ends*********/

/*******astro home starts******/
.new-cat-listing{margin-top:0;padding:0;border:0;border-radius:0;margin-left: -5px;}
.repeat-box h2, 
.repeat-box h3, 
.repeat-box p{ color: #000}
.repeat-box h2, .repeat-box h3 {font-weight: 600;}
.new-cat-listing .news-lhs{width:100%;}
.new-cat-listing .news-lhs + .news-rhs{width:43%;box-shadow: 0px 0px 6px #4B4B4B2E;border-radius:5px;padding: 10px;margin-right: 5px;margin-bottom: 20px;}

.new-cat-listing .news-rhs article.repeat-box figure{align-items:stretch;}
.more-news article.repeat-box .photo,
.new-cat-listing .news-rhs article.repeat-box .photo{padding-right:0px;width:106px}
.more-news article.repeat-box .text,
.new-cat-listing .news-rhs article.repeat-box .text{padding:0;width: calc(100% - 106px);}
.more-news article.repeat-box:last-child .text,
.new-cat-listing .news-rhs article.repeat-box:last-child .text{padding:0;}
.more-news article.repeat-box .text h3,
.new-cat-listing .news-rhs article.repeat-box .text h3{font-size:14px;line-height: 1.5;padding-right:3px;}
.more-news article.repeat-box figure .text .time,
.new-cat-listing .news-rhs article.repeat-box .text .time, .new-cat-listing .news-lhs article.repeat-box .text .time{font-size:11px;color:var(--color-8)}
.more-news article.repeat-box + article.repeat-box,
.new-cat-listing .news-rhs article.repeat-box + article.repeat-box{margin-top:12px;padding-top: 12px;}

.more-news article.repeat-box article.repeat-box > a,
.more-news article.repeat-box article.repeat-box > a h3,
.new-cat-listing .news-rhs article.repeat-box > a,
.new-cat-listing .news-rhs article.repeat-box > a h3{ color:#313131}
.new-cat-listing .news-rhs article.repeat-box > a:hover,
.new-cat-listing .news-rhs article.repeat-box > a:hover h3{ color:var(--orange)}

.new-cat-listing article.big-box{border-top:0;}
.new-cat-listing article.big-box figure{display:block;}
.new-cat-listing article.big-box a{width:100%;padding:0}
.new-cat-listing article.big-box + article.repeat-box{margin-top:0}
.new-cat-listing article.big-box .lazy-image{padding-top:64%;}
.new-cat-listing article.big-box .photo,
.new-cat-listing article.big-box .text{width:100%;}
.new-cat-listing article.big-box .text{padding:5px 0 0;}
.new-cat-listing article.big-box .text h3{font-size:20px;font-weight:700;-webkit-line-clamp:4;}

span.view-more a{font-size: 17px!important}
span.view-more a:after{display: none}
.astro-content .lhs-col .border-heading{padding-left:0;padding-bottom:0;margin-bottom:0;font-size:30px;border-bottom:0}
.astro-content .lhs-col .border-heading:before{display:none;}
.astro-content .lhs-col .border-heading img{display:inline-block;vertical-align:middle;margin-right:15px}
.astro-content .lhs-col .border-heading span a img{margin-right:0}
 /**************ipl webstories starts*************/
.astro-webstories .splide__arrow { top: 50%}
.astro-webstories article.repeat-box .lazy-image { padding-top: 320px}
.astro-webstories 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.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); z-index: 2 }
.astro-webstories article.repeat-box .text { position: absolute; left: 0; right: 0px; bottom: 0px; z-index: 10; padding: 10px; }
.astro-webstories article.repeat-box .text p { color: var(--white); font-size: 15px !important; padding: 0px;font-weight: 600; }
.astro-webstories .repeat-box .photo, .astro-webstories .repeat-box .photo + .text { width: 100%;}
.astro-stats{margin: 30px 0}
.astro-stats .table-responsive{margin-top: 15px}
.astro-stats .flag{display: inline-block; width: 40px; margin-right: 10px}
.astro-stats table tr:first-of-type, 
.astro-stats table tr:first-of-type th,
.astro-stats table tr:first-of-type td{border-top:0!important;}
.astro-stats table tr td:first-child{border-right:1px solid var(--color-2)}
.astro-stats table tr:last-of-type td{border-bottom:1px solid var(--color-2)}
/*******astro home ends******/

.live-tv-watch .liveNow{background: none; border-radius: 0; color:#D92029; padding:2px 0 2px 25px; font-size: 18px; margin-bottom: 15px}
.live-tv-watch .liveNow:before{background-color:#e2000b;}
.live-tv-watch .liveNow:after{background-color:rgba(226,0,11,0.5);}
/* gulam */
 
.common-all-content .table-responsive {
    width: auto; overflow: auto; -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch; margin: 0px; max-height: 468px; border: 0;
    border-collapse: collapse;border-radius: 10px; border: 1px solid #ccc;
    box-shadow:0px 2px 3px 3px #eee;
}    
.state .table-responsive {overflow: auto!important; max-height: 315px!important;margin-bottom: 20px;}
.common-all-content table {width: 100%; max-width: 100%;padding: 0;margin: 0; height: auto;
    margin-bottom: 15px; border-collapse: collapse; max-width: 100%; border: 0!important;
    border-radius: 5px !important; overflow: hidden;
}
.common-all-content .table-responsive table { margin-bottom: 0}
.common-all-content table td, .common-all-content table th {
    background-color: var(--white); border: 0; color: var(--black);
    padding: 10px; vertical-align: top;text-align: left; font-size: 14px; line-height: 1.4;
    vertical-align: middle; border-top: 1px solid var(--color-1);
}
.common-all-content table td strong, .common-all-content table td b, .common-all-content table th strong .common-all-content table th b {
    font-weight: 700
}
.common-all-content table tr.even:hover td, .common-all-content table tr:hover td {background-color: var(--light-orange)}
.common-all-content table tr:first-of-type, .common-all-content table tr:first-of-type th, .common-all-content table tr:first-of-type td {
    background-color: #636464!important; color: var(--white)!important; border-top: 0!important;
}
.common-all-content table tr:nth-child(even), .common-all-content table tr:nth-child(even) th, .common-all-content table tr:nth-child(even) td {
    background:#EFEFEF;
}
 
.webstory {background: #FFFFFF 0% 0% no-repeat padding-box;
    padding: 10px 0 15px 0; margin: 40px 0 0; clear: both;
}

.webstory .more {top: 30px;}
.webstory .more:hover {color: #000;border:1px solid #000}
 :root {--gray: #E3E3E3; --color-05: rgba(0,0,0, 0.05);}
.view-all-list  ul { display: block; list-style: none; margin: 0 0 0 -5px;}
.view-all-list  li { width:18.6%;display: inline-block;margin: 0 5px !important; }
/**************astro webstories starts GULAM*************/
.astro-webstories article.repeat-box .lazy-image {padding-top: 330px;}
.webstories-listing .all-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-left:-3%;clear:both;padding:0;}
.webstories-listing article.repeat-box{float:none;width:30.33%;margin:1.5% 0 1.5% 3%!important;padding:0;border-top:0!important;border-radius:5px;overflow:hidden}
.webstories-listing article.repeat-box + article.repeat-box{margin-left:10px;margin-top:0}
.webstories-listing article.repeat-box .photo + .text,
.webstories-listing article.repeat-box .photo{width:100%}
.astro-webstories .splide__arrow{top:50%}
.astro-webstories article.repeat-box .lazy-image{padding-top:330px}
.astro-webstories 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.8) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );z-index:2}
.astro-webstories article.repeat-box .text{position:absolute;left:0;right:0px;bottom:0px;z-index:10;padding:10px;}

.astro-webstories .repeat-box .photo-icon svg,
.astro-webstories .repeat-box .video-icon svg{width:16px;height:16px;}
.astro-webstories .repeat-box .video-icon svg{ margin:5px 0 0 5px;}
.astro-webstories .stories-icon{position:absolute;right:0;top:0;transform:scale(.9);border-radius:100px;width:35px;height:35px;overflow:hidden}
.astro-webstories .stories-icon svg{width:35px;height:35px;opacity:.9;}
.astro-webstories .repeat-box .lazy-image:hover {opacity: 0.9;}
/* .new-cat-listing article.big-box a:hover .lazy-image:before,
.astro-webstories article.repeat-box a:hover .lazy-image:before{
background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(255,120,0,0.6) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(255,120,0,0.6) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(255,120,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bfff7800',GradientType=0 );} */
.astro-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;display:none}
.repeat-box .video-icon{width: 50px;height:50px;border-radius: 100px;background-color: rgba(255,0,0,.5);top: 50%;left: 50%;margin:-25px 0 0 -25px;display:flex;align-items:center;justify-content:center}
 
.astro-webstories .repeat-box .photo-icon svg,
.astro-webstories .repeat-box .video-icon svg{width:16px;height:16px;}
.astro-webstories .repeat-box .video-icon svg{ margin:5px 0 0 5px;}
.astro-webstories .stories-icon{position:absolute;right:0;top:0;transform:scale(.9);border-radius:100px;width:35px;height:35px;overflow:hidden}
.astro-webstories .stories-icon svg{width:35px;height:35px;opacity:.9;}
/**************ipl webstories starts*************/
  
/************pagination and page of starts************/
.total-paging{padding:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;clear:both;width:100%;font-size:13px;border-top:1px dashed var(--color-3);border-bottom:1px dashed var(--color-3);margin:15px 0}
.astro-content .webstories-listing .total-paging,
.astro-content .photo-gallery .total-paging{width:97%;margin-left:3%}
.pagination{display:flex;justify-content:center;align-items:center;width:100%}
.total-paging .page-of + .pagination{width:auto;}
.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 .disabled{ cursor:not-allowed;opacity:.5}
.prev-next .pagination a{font-size:15px;padding:5px 20px}
/************pagination and page of ends************/

.webstories-listing .all-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;margin-left:-3%;clear:both;padding:0;}
.webstories-listing article.repeat-box{float:none;width:30.33%;margin:1.5% 0 1.5% 3%!important;padding:0;border-top:0!important;border-radius:5px;overflow:hidden}
.webstories-listing article.repeat-box + article.repeat-box{margin-left:10px;margin-top:0}
.webstories-listing article.repeat-box .photo + .text,
.webstories-listing article.repeat-box .photo{width:100%}
.iframe-sc{position:relative;padding-top:0;height:0;overflow:hidden;color:var(--white);text-align:center;padding-bottom:150px;}
.iframe-sc iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.view-all-list article.repeat-box {width:100%}