@font-face {font-family: 'Inter'; font-weight:300; src: url('../fonts/inter-v11-latin-300.eot'); src: local(''), url('../fonts/inter-v11-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v11-latin-300.woff2') format('woff2'), url('../fonts/inter-v11-latin-300.woff') format('woff'), url('../fonts/inter-v11-latin-300.ttf') format('truetype'), url('../fonts/inter-v11-latin-300.svg#Inter') format('svg'); font-style:normal; font-display:swap;}
@font-face {font-family: 'Inter'; font-weight:400; src: url('../fonts/inter-v11-latin-regular.eot'); src: local(''), url('../fonts/inter-v11-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v11-latin-regular.woff2') format('woff2'), url('../fonts/inter-v11-latin-regular.woff') format('woff'), url('../fonts/inter-v11-latin-regular.ttf') format('truetype'), url('../fonts/inter-v11-latin-regular.svg#Inter') format('svg'); font-style:normal; font-display:swap;}
@font-face {font-family: 'Inter'; font-weight:500; src: url('../fonts/inter-v12-latin-500.eot'); src: url('../fonts/inter-v12-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v12-latin-500.woff2') format('woff2'), url('../fonts/inter-v12-latin-500.woff') format('woff'), url('../fonts/inter-v12-latin-500.ttf') format('truetype'), url('../fonts/inter-v12-latin-500.svg#Inter') format('svg'); font-style:normal; font-display:swap;}
@font-face {font-family: 'Inter'; font-weight:600; src: url('../fonts/inter-v11-latin-600.eot'); src: local(''), url('../fonts/inter-v11-latin-600.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v11-latin-600.woff2') format('woff2'), url('../fonts/inter-v11-latin-600.woff') format('woff'), url('../fonts/inter-v11-latin-600.ttf') format('truetype'), url('../fonts/inter-v11-latin-600.svg#Inter') format('svg'); font-style:normal; font-display:swap;}
@font-face {font-family: 'Inter'; font-weight:700; src: url('../fonts/inter-v11-latin-700.eot'); src: local(''), url('../fonts/inter-v11-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/inter-v11-latin-700.woff2') format('woff2'), url('../fonts/inter-v11-latin-700.woff') format('woff'), url('../fonts/inter-v11-latin-700.ttf') format('truetype'), url('../fonts/inter-v11-latin-700.svg#Inter') format('svg'); font-style:normal; font-display:swap;}

:root {
--bg-color:#fff;
--primary-color:#2BB24C;
--button-hover-color:#39b959;
--content-bg-color:#fff;
--sidebar-active-color:rgb(43, 178, 76, 0.15);
--light-gray-text-color:#6E7685;
--dark-text-color:#000;
--line-bg-color:#D1D3D9;
--light-gray-bg-color:#F2F3F5;
--input-text-color:#000;
--light-gray-News-bg-color:#F5F5F5;
--setting-icon-color:#6E7685;
--logo-color:#000;
--nav-bg:#fff;
--whiteBgBox:#fff;
--whiteBgBoxBorder:#D1D3D9;
--popupOverlay:rgba(0, 0, 0, 0.4);
--btnCancel:#F2F3F5;
--loading-animation-main-bg-color:#fff;
--loading-animation-bg-color:#e7e7e7;
--loading-animation-gradient:linear-gradient(to right, transparent,#D9D9D9,transparent);
--checkbox-border-color:#979797;

}

[data-theme=dark] {
--bg-color:#121212;
--content-bg-color:#383838;
--primary-color:#2BB24C;
--sidebar-active-color:rgb(43, 178, 76, 0.15);
--light-gray-text-color:rgb(255, 255, 255, 0.38);
--dark-text-color:rgb(255, 255, 255, 0.87);
--line-bg-color:rgb(255, 255, 255, 0.16);
--light-gray-bg-color:#2E2E2E;
--input-text-color:#fff;
--light-gray-News-bg-color:rgb(255, 255, 255, 0.12);
--setting-icon-color:rgb(255, 255, 255, 0.6);
--logo-color:#fff;
--nav-bg:#2E2E2E;
--whiteBgBox:rgb(255, 255, 255, 0.12);
--whiteBgBoxBorder:rgb(255, 255, 255, 0.12);
--popupOverlay:rgb(45 45 45 / 80%);
--btnCancel:#2c2c2c;
--loading-animation-main-bg-color:#121212;
--loading-animation-bg-color:#2E2E2E;
--loading-animation-gradient:linear-gradient(to right, transparent, #494949, transparent);
--checkbox-border-color:#787878;
}

* {margin:0; padding:0; box-sizing:border-box; font-family: 'Inter';}
body {background: var(--bg-color); color: var(--dark-text-color); font-size: 14px;}
h2 {color: var(--dark-text-color); font-size: 20px; font-weight: 500; line-height: 24px;}
h4 {color: var(--dark-text-color); font-size: 14px; font-weight: 500; line-height: 16px;}
.marginTop-10 {margin-top: 10px;}
.headingWithIcon {display: flex; align-items: center;}
.headingWithIcon svg {width: 10px; height: 10px; margin-left: 5px; line-height: 0; margin-top: 1px; fill: var(--dark-text-color);}
nav {overflow: hidden; position: sticky; top: 0; left: 0; height: 100vh; background-color: var(--light-gray-bg-color); width: 250px; padding: 10px; color: var(--dark-text-color); display: flex; flex-direction: column; transition: width 0.5s ease-in-out;}
main {display: flex; align-items: flex-start;}
.sidebar-top {position: relative; display: flex; align-items: center; margin-bottom: 70px; margin-top: 22px;}
.sidebar-top .logo {position: relative; width: 54px; margin-right: 1.45rem; left: -1px;}
.sidebar-top h2 {padding-left: 0.5rem; font-weight: 600; font-size: 1.4rem;}
.expand-btn {position: absolute; top: 12px; width: 30px; height: 30px; display: flex; cursor: pointer; right: 0; transform: translateY(-50%) translateX(-8px); transition: 0.3s; justify-content: flex-end; align-items: center;}
.siteLogo {white-space: nowrap; overflow: hidden;}
.siteLogo svg {width: 150px; height: 18px; fill: var(--logo-color);}
body.collapsed nav .siteLogo {margin-left: 2px;}
.sidebar-links ul {list-style-type: none; position: relative;}
.sidebar-links li {position: relative; margin-bottom: 10px;}
.sidebar-links li a {padding: 10px; color: var(--light-gray-text-color); font-size: 16px; font-weight: 500; line-height: normal; display: flex; align-items: center; height: 36px; text-decoration: none;}
.icon {display: flex; align-items: center;}
.icon svg {width: 18px; height: 18px; margin: auto; fill: var(--light-gray-text-color);}
.sidebar-links .active .icon svg {fill: var(--primary-color);}
.sidebar-links .link {margin-left: 10px; white-space: nowrap;}
.sidebar-links .active {width: 100%; background-color: var(--sidebar-active-color); transition: all 100ms ease-in; border-radius: 10px; color: var(--primary-color);}
body.collapsed nav {width: 59px;}
body.collapsed .hide {opacity: 0; pointer-events: none; transition-delay: 0s;}
body.collapsed .expand-btn svg {transform: rotate(-180deg); width: 11px; height: 10px;}
.expand-btn svg {width: 11px; height: 10px;}
.buttonSty {width: 200px; height: 32px;cursor: pointer; border-radius: 30px;background: var(--primary-color); color: #fff; font-size: 14px; font-weight: 600;line-height: normal; text-decoration: none; display: flex; justify-content: center; align-items: center; outline: none; border: none;}
.buttonSty:hover {background: var(--button-hover-color);}
.buttonSty svg {fill: #fff; width: 14px; height: 14px; margin-right: 8px;}
.collapsed .followMoreBtn {display: none;}
.collapsed .expand-btn {top: -18px;}
.followMoreBtn {margin: 30px auto 0;}
.contentOuter {flex: 1; position: relative;}
.contentMain {max-width: 800px; margin: 0 auto; padding-bottom:50px;}
.tab {display: none;}
.tab-content:first-child {display: block;}
.tab-content {display: none; margin-top: 20px;}
.tab-content.active {display: block; color: var(--dark-text-color);}

/* Style the tab navigation */
.tab-nav {list-style: none; padding: 0;margin: -32px 0 0; display: flex;}
.tab-nav-item {margin-right: 40px; cursor: pointer; color: var(--light-gray-text-color); font-size: 14px; font-weight: 500; line-height: 30px; border-bottom: 2px solid transparent;}
.tab-nav-item:last-child {margin-right: 0;}

/* Style the active tab navigation item */
.tab-nav-item.active {color: var(--primary-color); border-bottom: 2px solid var(--primary-color); border-radius: 2px;}
.searchBoxSty {position: absolute; top: 20px; left: 0; right: 0; display: flex; justify-content: center;}
.inputBoxSty input {display: block; outline: none; width: 335px; padding: 0 20px; border: 1px solid transparent; height: 42px; border-radius: 30px; background: var(--light-gray-bg-color); color: var(--input-text-color); font-size: 14px; font-weight: 500; line-height: normal;}
.searchBoxSty input {padding: 0 20px 0 38px; width: 600px;}
.inputBoxSty input:focus {border: 1px solid var(--primary-color);}
.inputBoxSty > svg {width: 12px; height: 12px; position: relative; left: 29px; top: 16px; fill: var(--light-gray-text-color);}

.news-articles {margin-top: 21px; display: grid; grid-template-columns: 1fr 1fr;}
.logoAndTimeM {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.news-header .news-time, .credit_info {color: var(--light-gray-text-color);font-size: 12px; font-weight: 500; line-height: 14px;}
.news-header .news-time{padding-right:28px;}
.news-articles-item {text-decoration: none; color: inherit; display: block; position:relative;}
.news-articles-item > a{text-decoration:none; outline:none;}
.news-articles-item .news-image {line-height: 0;}
.news-articles-item:first-child{width:380px; grid-row-start:1; grid-row-end:5;}
.news-articles-item:first-child .news-image{margin-top:12px;}
.news-articles-item:first-child .removeNews{right:0; top:0;}
.news-articles-item:first-child .news-time{padding-right:28px;}
.news-articles-desktop .news-articles-item:nth-child(n+2):nth-child(-n+5), .mobile-parent .news-articles-item {width: 400px; border-radius: 10px; background: var(--light-gray-News-bg-color); padding: 10px; margin-bottom: 10px;}
.news-articles-desktop .news-articles-item:nth-child(n+2):nth-child(-n+5) .news-image, .mobile-parent .news-image {display: none;}
.news-articles-desktop .news-articles-item:nth-child(n+2):nth-child(-n+5) h2 {font-size: 14px; line-height: 16px;}
.news-articles-desktop .news-articles .news-articles-item:nth-child(5) {margin-bottom: 0;}
.news-articles-desktop .news-articles-item:nth-child(n+6) {grid-column-start:1; grid-column-end:3; border-top:1px solid var(--line-bg-color); margin-top:15px; padding-top:15px;}
.news-articles-desktop .news-articles-item:nth-child(n+6) a{display:flex; align-items:flex-start; justify-content:space-between;}
.news-articles-desktop .news-articles-item:nth-child(n+6) .news-header {flex: 1; margin-right: 20px;}
.news-articles-desktop .news-articles-item:nth-child(n+6) .removeNews{right:111px; top:18px;}

/* slider switch css */
.theme-switch-wrapper{position:absolute; left:-178px; bottom:-45px; display:none; align-items: center; justify-content: space-between; padding: 10px 12px; width: 200px; height: 40px; border-radius: 10px; background: var(--content-bg-color); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.10);}
.theme-switch-wrapper span {font-size: 14px; font-weight: 400; line-height: normal; color: var(--light-gray-text-color);}
.theme-switch {display: inline-block;height: 16px; position: relative; width: 40px;}
.theme-switch input {display: none;}
.slider {background-color: var(--light-gray-text-color); bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.4s;}
.slider:before {background-color: #fff; bottom: -3px; content: ""; height: 24px; left: -1px; position: absolute; transition: 0.4s; width: 24px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
input:checked + .slider {background-color: rgb(43, 178, 76, 0.4);}
input:checked + .slider:before {transform: translateX(17px); background: #2BB24C;}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
#settingBtn{cursor: pointer;}
.hide-DLBtn{display: none; opacity: 0; transition: max-height 0.5s ease-in-out;}
.show-DLBtn{display: flex; opacity: 1; transition: max-height 0.5s ease-in-out;}
.userSettingRT{position: absolute; right:15px; top: 20px; z-index: 1;}
.userAndSetting{display: flex; align-items: center;}
.userAndSetting svg{fill: var(--setting-icon-color); width: 20px; height: 22px;}
.userAndSetting div{margin-left:12px;}
.header-main{height:102px; box-shadow: 0 -1px 0 0 var(--line-bg-color) inset; display: flex; justify-content: space-between; width: auto; margin: 22px 0 0; padding: 0 15px;}
.header-main .siteLogo{line-height:0; visibility:hidden;}
.header-main .pageTitle{font-size:20px; font-weight:500; color:var(--dark-text-color);}
.us-RT{font-size:0px; width:75px; height:1px;}

@media only screen and (max-width:480px) {
img{max-width: 100%;}
h2{font-size: 16px; line-height:22px;}
.hide-m{display: none;}
nav{position: fixed; width: 100%; z-index: 1; background: var(--nav-bg); box-shadow: 0 1px 0 0 #EFEFEF inset; height: 95px; bottom: 0; top: auto; padding: 10px 0 0;}
.sidebar-top{display: none;}
.followMoreBtn{display: none;}
.sidebar-links ul{display: flex; justify-content: space-around; align-items: center;}
.sidebar-links li{margin: 0;}
.sidebar-links li a{flex-direction: column; height: auto; padding: 0 3px;}
.sidebar-links a .link {font-size: 10px; margin-left: 0;}
.icon svg {width: 20px; height: 20px;}
.sidebar-links .active {background-color: transparent; border-radius: 0;}
.sidebar-links .icon {border-radius: 10px; width: 55px; height: 30px; margin-bottom: 5px;}
.sidebar-links .active .icon {background-color: var(--sidebar-active-color);}
.contentOuter {margin: 0 15px; overflow: hidden; padding-bottom:50px;}
.header-main{padding:0; height:55px; margin:0 0 15px; align-items:center; box-shadow:none;}
.header-main .siteLogo {visibility: visible;}
.searchBoxSty {position: relative; top: auto; left: auto; right: auto;}
.searchBoxSty svg {position: absolute; left: 18px; top: 16px;}
.searchBoxSty input {width: 100%;}
.userSettingRT {position: relative; line-height: 0; right: auto; top: auto;}
.theme-switch-wrapper {left:-170px; bottom:-48px;}
.pg_my_feeds .theme-switch-wrapper, .pg_bundles .theme-switch-wrapper{left:-40px;}
.tab-nav {white-space: nowrap; overflow: auto; display: block; margin: 20px 0 0;}
.tab-nav-item {margin-right: 25px; display: inline-block;}
.tab-content {padding-bottom:50px;}
.news-articles {display: block;}
.news-articles-item:first-child {width: auto;}
.news-articles-item:nth-child(n+3) {border-top: 1px solid var(--line-bg-color); margin-top: 15px; padding-top: 15px; display: flex; align-items: flex-start; justify-content: space-between;}
.news-articles-item:nth-child(n+3) .news-header {flex:1;}
.mobile-parent {overflow: auto; display: block; white-space: nowrap;}
.mobile-parent .news-articles-item {width: 300px; display: inline-block; margin-right: 20px;}
.mobile-parent .news-articles-item:last-child {margin-right: 5px;}
.mobile-parent .news-articles-item h2 {white-space: normal; font-size: 14px; line-height: 17px;}
.feedsList {padding-bottom:70px;}

}

/* Bundle Page CSS Start */
.pg_bundles .header-main {height: 80px; align-items: center; margin-top: 0;}
.pg_bundles .header-main .siteLogo {width: 1px;}
.pg_bundles main {align-items: stretch;}
.pg_bundles .contentMain {height: calc(100% - 130px);}
.createNew-bundle {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;}
.createNew-bundle h2 {margin: 40px 0;}
/* Bundle Page CSS End */

/* My Feed Page CSS Start */
.generateFeed {margin-top: 30px;}
.generateFeed .inputBoxSty input {width: 580px; margin-right: 20px;}
.generateFeed .inputBoxSty {display: flex; align-items: center;}
.generateFeed .buttonSty {height: 40px;}
.loadingSec {margin-top: 40px;}
.loadingSec li {background: var(--light-gray-News-bg-color); border-radius: 10px; list-style: none; margin-bottom: 15px; display: flex; align-items: center; padding: 10px 15px;}
.loadingSec li span {font-size: 18px;}
.loadingSec li.load-complete {background: var(--sidebar-active-color);}
.circle-loader {border: 2px solid rgba(0, 0, 0, 0.2); margin-right: 15px; border-left-color: #5cb85c; animation: loader-spin 1.2s infinite linear; position: relative; display: inline-block; vertical-align: top; border-radius: 50%; width: 40px; height: 40px;}
.load-complete .circle-loader {-webkit-animation: none; animation: none; border-color: #5cb85c; transition: border 500ms ease-out;}
.checkmark {display: none;}
.load-complete .checkmark {display: block;}
.checkmark.draw:after {animation-duration: 800ms; animation-timing-function: ease; animation-name: checkmark; transform: scaleX(-1) rotate(135deg);}
.checkmark:after {opacity: 1; height: 18px; width: 7px; transform-origin: left top; border-right: 3px solid #5cb85c; border-top: 3px solid #5cb85c; content: ""; left: 7px; top: 19px; position: absolute;}

@keyframes loader-spin {
0%{transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

@keyframes checkmark {
0% {height: 0; width: 0; opacity: 1;}
20% {height: 0; width: 7px; opacity: 1;}
40% {height: 18px; width: 7px; opacity: 1;}
100% {height: 18px; width: 7px; opacity: 1;}
}
/* My Feed Page CSS End */

/* New List Page CSS Start */
.pg_feed_news .header-main {height: 80px; align-items: center; margin-top: 0;}
.pg_feed_news .header-main .siteLogo {width: 1px;}
.pg_feed_news main {align-items: stretch;}
.pg_feed_news .contentMain {height: calc(100% - 130px);}
.pg_feed_news .addbtnHd {width: 140px; height: 35px; margin-right: 85px;}
.pg_feed_news .addbtnHd svg {width: 17px; height: 17px;}
.feedHeadSec {margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--line-bg-color); padding-bottom: 15px;}
.addfeedSec {flex: 1; margin-right: 20px}
.addMyFeedSec {display: flex; justify-content: space-between; align-items: center; background: var(--sidebar-active-color); padding: 10px 15px;height: 68px; border-radius: 10px;}
.addMyFeedSec div {display: flex; align-items: center;}
.addMyFeedSec div svg {width: 24px; height: 24px; margin-right: 15px; fill: var(--dark-text-color);}
.addMyFeedSec span{font-size:20px; line-height:22px; font-weight:500; flex:1;}
.addMyFeedSec .buttonSty {height: 35px; width: 140px;}
.addMyFeedSec .buttonSty svg {width: 17px;height: 17px;}
.feedSetting {width: 280px;}
.feedSiteLogoTxt {width: 36px;height: 36px; font-weight: 500; background: var(--light-gray-News-bg-color); border-radius: 50%; justify-content: center; align-items: center; display: flex; text-transform: uppercase;}
.rssSiteInfoSec {display: flex; align-items: center;}
.siteUrlNameTxt {flex: 1; margin-left: 10px;}
.siteUrlNameTxt a {color: #2196F3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 225px; display: block;}
.actionBtnRSSSite {display: flex; align-items: center; margin-top: 15px;}
.actionBtnRSSSite .buttonSty {width: 110px;}
.actionBtnRSSSite .buttonSty:first-child {margin-right: 10px;}
.feedsList-items.addFeedMain {width: 120px;}
.feedsList-items.addFeedMain:hover {background: #f6fbff;}
.feedsList-items.addFeedMain div {display: flex; cursor: pointer; justify-content: center; align-items: center; flex-direction: column; height: 100%;}
.addFeedMain svg {width: 20px; height: 20px; fill: #2196F3; margin-bottom: 8px;}
.addFeedMain span {color: #2196F3;}
/* New List Page CSS End */

/* Bundle Page CSS Start */
.myFeedsPage .header-main {height: 80px; align-items: center; margin-top: 0;}
.myFeedsPage .header-main .siteLogo {width: 1px;}
.myFeedsPage main {align-items: stretch;}
.myFeedsPage .contentMain {height: calc(100% - 130px);}
/* Bundle Page CSS End */

.feedsList {margin-top: 20px; display: flex; flex-wrap: wrap; margin-left: -15px;}
.feedsList-items {width:256px; border-radius: 10px; background:var(--whiteBgBox); padding: 10px; margin-bottom: 10px; margin-left: 15px; border: 1px solid var(--whiteBgBoxBorder); display: flex; flex-direction: column;}
.feedInfoM {display: flex; align-items: center;}
.feedsList .imageFI {width: 36px; height: 36px; margin-right: 10px; font-weight: 500; background: var(--sidebar-active-color); border-radius: 50%; justify-content: center; align-items: center; display: flex; text-transform: uppercase;}
.urlsFI a {color: #2196F3; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:180px; display: block;}
.catNameFI {font-size: 12px; background-color: #fbf0da; color: #94763b; padding: 3px 8px; border-radius: 6px; align-self: flex-end; margin-top: 10px;}
.feedInfoM .urlsFI{flex:1;}
.feedInfoM .urlsFI span{line-height:18px;}
/* My Feed Page CSS End */
.hidden{display:none !important;}
.domainlogoimg img{width:auto; height:20px;}
.news-header .credit_info {font-size: 12px;}
.news-image img{max-width:100%; height:auto; border-radius:10px;}
.news-articles-desktop .news-articles-item:nth-child(n+6) .news-image img{width:92px; height:auto;}

/* Bundles page css starts */
.popupMain {position: fixed; background:var(--popupOverlay); left: 0; right: 0; top: 0; bottom: 0; z-index: 9; display: flex; justify-content: center; align-items: center;}
.headerPopup {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.headerPopup span svg {width: 16px; height: 16px; cursor: pointer; fill: #D1D3D9;}
.popupMain .contentPopup {background:var(--bg-color); padding: 20px; border-radius: 10px; width: 400px;}
.popupMain .inputFieldPopup label {font-weight: 500; display: block; margin-bottom: 10px;}
.inputFieldPopup.inputBoxSty input {border-radius: 6px; height: 40px;}
.popupMain .btnSec {display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.popupMain .btnSec div:last-child {display: flex;}
.popupMain .btnSec .buttonSty {width: 84px; height: 40px; border-radius: 6px;}
.popupMain .btnSec .buttonSty.cancelBtn {background:var(--btnCancel); color:var(--dark-text-color); margin-right:10px;}
.newBundleList svg {width:18px; height:18px; fill:var(--dark-text-color);}
.newBundleList .cat_items svg {width: 16px; height: 16px;}
.headerNBL {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-bottom: 20px;}
.feedsNBL {color: var(--primary-color); font-weight: 500; text-decoration: underline 2px; text-underline-offset: 8px;}
.newBundleList ul {overflow: auto; max-height: 240px; overflow-x: hidden; padding-right: 5px; margin-right: -10px;}
.newBundleList .tab-nav{margin-top:1px;}
.newBundleList .selectAllNBL{text-align:right;}
.newBundleList .tab-content ul li {border-radius: 6px; background:var(--whiteBgBox); list-style: none; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; padding: 10px; flex-wrap:wrap;}
.cat_subitems{width:100%;}
.newBundleList .tab-content .cat_subitems ul li {padding-left: 18px; padding-right: 5px;}
.newBundleList ul li div:first-child {display: flex; align-items: center; flex:1;}
.newBundleList ul li div:first-child span {display: block; margin-left: 10px; flex:1; margin-right:10px;}
.newBundleList .btnSec {justify-content: flex-end;}
.newBundleList ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1); background-color: #F5F5F5;}
.newBundleList ul::-webkit-scrollbar {width: 5px; background-color: #F5F5F5;}
.newBundleList ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #D1D3D9;}
.selectAllNBL{cursor:pointer;}
.manageBundlesSec {margin-top: 20px;}
.manageBundlesSec ul {margin-left: -10px; display: flex; flex-wrap: wrap;}
.manageBundlesSec li {border-radius: 10px; border: 1px solid var(--whiteBgBoxBorder); background:var(--whiteBgBox); padding:10px; list-style: none; width:260px; margin-left: 10px; margin-bottom: 10px;}
.manageBundlesSec .headerMB {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.manageBundlesSec .titleMB {font-size: 16px; font-weight: 500;}
.manageBundlesSec .headerMB svg{width:16px; height:4px; fill:var(--dark-text-color);}
.feedsAndTimeMB {display: flex; align-items: center; justify-content: space-between;}
.feedsImagesMB {display: flex; align-items: center; flex:1;}
.feedsImagesMB img {margin-left: -10px;}
.feedsImagesMB img:first-child {margin-left: 0;}
.feedsImagesMB span {display: block; margin-left: 10px;}

/* form validation messages css starts */
.validation-message {display: inline-block; margin-left: 20px; font-size: 15px; color: red; margin-top: 10px;}
.success {display:inline-block; width: 100%; background-color: green; color: #fff; font-size: 13px; padding: 8px; border-radius: 5px; margin-bottom: 10px;}
.error {display: inline-block; width: 100%; background-color: red; color: #fff; font-size: 13px; padding: 8px; border-radius: 5px; margin-bottom: 10px; font-weight: 600;}
/* form validations messages css ends */

.dropdnContextMenu {cursor: pointer;}
.dropdnContextMenu .dropdown-menu {padding: 10px; position: absolute; z-index: 1000; float: left; min-width: 100px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); transform: translate(0px, 23px); margin: 0px; transform: translate(-4px, 5px);}
.dropdnContextMenu .dropdown-menu button {padding: 6px; display: block; font-size: 14px; color: #000000; font-weight: normal; text-decoration:none; background-color:#fff; border:none; cursor:pointer;}
.dropdnContextMenu .dropdown-menu button:hover{color:cadetblue;}
.pg_bundles .header-main .addFeedMain {margin-top: 10px;}

@media only screen and (max-width:480px) {
.manageBundlesSec ul {flex-direction: column;}
.manageBundlesSec li {width: 100%;}
}

@media only screen and (max-width:480px) {
.popupMain {align-items: flex-start; padding-top: 100px;}
.popupMain .contentPopup {width: 95%;}
}

/* Bundles page css ends */

.addbtnHd{width: 140px; height: 35px; margin-right: 85px;}
.pg_my_feeds .header-main {height: 80px; align-items: center; margin-top: 0;}

/* Loading Animation CSS Start */
.animationWrap{position:absolute; height:100%; padding:20px 0; background:var(--loading-animation-main-bg-color); width:800px; top:124px;}.animationWrap .column-LA{display:flex;justify-content:center;flex-direction:column;flex:1;}.animationWrap .row-LA{display:flex;justify-content:space-between;align-items:center;}.animationWrap .row-LA ~.column-LA{margin-top:20px;}.animationWrap .line{margin-top:20px;height:20px;width:300px;border-radius:50px;}.animationWrap .line2{width:80%;}.animationWrap .line3{width:70%;}.animationWrap .line4{width:92%;}.animationWrap .line1, .animationWrap .line2, .animationWrap .line3, .animationWrap .line4{margin-left:20px;margin-top:20px;}.animationWrap .line1{width:90%;margin-top:0;}.animationWrap .line5{width:80%;margin-top:10px;}.animationWrap .line6{width:100%;}.animationWrap .line7{width:70%;}.animationWrap .box{height:160px;width:380px;border-radius:10px;}.animationWrap .loading-animation{overflow:hidden; background:var(--loading-animation-bg-color);}.animationWrap .loading-animation::before{content:"";display:block;height:100%;width:100%;animation: loading 1s infinite;background:var(--loading-animation-gradient);}@keyframes loading{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}@media only screen and (max-width:480px){.row-LA .column-LA{display:none;}.animationWrap .box{width:100%;}}
/* Loading Animation CSS End */

.spinning_loader {border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; height: 40px; width: 40px; position: fixed; left: 50%; top: 35%; animation: spin 1s linear infinite;}

@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/* News Details Page CSS Start */
.feedPageNews {padding-bottom: 30px;}
.feedPageNews .news-articles-item:first-child {width: 100%; grid-column-start: 1; grid-column-end: 3; margin-bottom: 20px; grid-row-start: unset; grid-row-end: unset;}
.feedPageNews .news-articles-item:first-child .news-image img {width: auto; height: auto; border-radius: 10px;}
.feedPageNews .news-articles-item.visitFormM {width: 380px !important; grid-row-start: 2; grid-row-end:500; margin-right: 20px; background: transparent !important; padding: 0 !important;}
.feedPageNews .news-articles-item:nth-child(n+6) {grid-column-start: unset; grid-column-end: unset; border-top: none;}
.feedPageNews .news-articles-item:nth-child(n+3) {width: 400px; margin-top: 0; border-radius: 10px; background: var(--light-gray-News-bg-color); padding: 10px; margin-bottom: 10px;}
.feedPageNews .news-articles-item:nth-child(n+2) h2 {font-size: 14px; line-height: 16px;}
.feedPageNews .news-articles-item:nth-child(n+2) .news-image {display: none;}
.feedPageNews .news-articles-item:nth-child(n+6) .news-header {margin-right: 0;}
.news-articles-item.visitFormM .formFieldV {margin-bottom: 10px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; font-size: 15px;}
.news-articles-item.visitFormM .formFieldV:nth-child(4) {border-bottom: none;}
.news-articles-item.visitFormM .formFieldV label {display: block; color: #707070;}
.news-articles-item.visitFormM .formFieldV span {display: block; margin-top: 5px; font-weight: 400;}
.news-articles-item.visitFormM .buttonSty {margin: 0 auto;}
.descriptionTextV {margin: 15px 0 0; font-size: 16px; line-height: 24px;}
/* News Details Page CSS End */

/* Following / Explore(Category) Page CSS Start */
.followingSec {margin-top: 30px;}

.topicsList {margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr;  gap:10px;}
.topicsList .topicsHeading {font-size: 16px; font-weight: 600; line-height: normal; margin-bottom: 15px; display: flex; align-items: flex-start;}
.topicsHeading svg{width:15px; height:15px; margin-right:8px; margin-top:2px; fill:var(--dark-text-color);}
.topicsList li {font-size: 16px; font-weight: 400; line-height: normal; list-style: none; margin-bottom: 10px;}
.pg_explore_feed_data .topicsItems > ul {margin-left: 24px; list-style: disc; margin-bottom: 20px;}
.topicsList .moreBtnT {font-size: 14px; font-weight: 500; line-height: normal; margin-top: 10px;}
.followingSec .topicsList a {text-decoration: none; color:var(--dark-text-color);}
.pageHeadingTitle {position: absolute; top: 80px; left: 0; right: 0; display: flex; justify-content: center; font-size: 20px; font-weight: 500;}
.spinning_pageloader {border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; height: 100px; width: 100px; position: fixed; left: 50%; top: 35%; animation: spin 1s linear infinite;}
.pg_category .header-main {height: 80px; align-items: center; margin-top: 0;}
.show_more, .show_more_bundlenews {grid-column-start: 1; grid-column-end: 3; display: grid; position: static; text-align: center; margin: 20px 0; background: #d5eadb; color: #2cb775; padding: 10px; border-radius: 6px; font-weight:600; text-decoration: none;}
/* Following Explore(Category) Page CSS End */

.detailsNewsSM{width: 400px; grid-column-start: unset; grid-column-end: unset;}
.login_userDetails{float:right; margin-top:2px; margin-right:24px;}
.leftmenu_uname{position: absolute; top: 50px; font-size: 16px; left: 0; right: 0; text-transform: capitalize; font-weight: 500;}
.header-main .userSettingRT img{width:42px;}


.tessss .pageTitle{flex:1; text-align:center; margin-right:73px;}
.topicsList .topicsItems{margin-bottom:20px;}

.remove_feed button{border:none; float:right; background:none; outline:none;}
.remove_feed button svg{fill:var(--dark-text-color); width:15px; height:15px; cursor:pointer;}
.pg_my_feeds .createFeed{max-width:800px; margin:0 auto;}

.lgt_ico{display:none;}

.newBundleList.feedlist input[type=checkbox]{position:relative; border:2px solid var(--checkbox-border-color); border-radius:2px; background:none; cursor:pointer; line-height:0; margin:0 .6em 0 0; outline:0; padding:0 !important; vertical-align:text-top; height:20px; width:20px; appearance:none;}
.newBundleList.feedlist input[type=checkbox]:hover{opacity:1; border-color:#2bb24c;}
.newBundleList.feedlist input[type=checkbox]:checked{background-color:#2bb24c; opacity:1; border-color:#2bb24c;}
.newBundleList.feedlist input[type=checkbox]:before {content:''; position:absolute; right:50%; top:50%; width:4px; height:10px; border: solid transparent; border-width:0 2px 2px 0; margin:-1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index:2;}
.newBundleList.feedlist input[type=checkbox]:checked:before{border-color:#fff;}

.fg-or-submit{position:relative;}
.fg-or-submit .circle-loader.loader{position:absolute; right:0; top:24px; left:90px; margin:0 auto; border:2px solid #000; border-left-color:#fff; width:20px; height:20px;}

.myfeeds_header, .feednews_header{display:flex; justify-content:space-between; align-items:center; position:absolute; left:0; right:15px; top:23px;}
.myfeeds_header .pageTitle, .feednews_header .pageTitle{font-size:20px; font-weight:500; color:var(--dark-text-color);}

.removeNews{position:absolute; right:10px; top:12px; cursor:pointer;}
.removeNews svg{width:18px; height:18px; fill:#686868;}
.rem_cnf_btns{display:flex; justify-content:center; align-items:center; margin-top:30px;}
.rem_cnf_btns a{width:100px;}
.rem_cnf_btns a:first-child{margin-right:15px;}
.popupMain .buttonSty.cancelBtn.btnCancelRemoveNews{background:var(--btnCancel); color:var(--dark-text-color); margin-right:10px;}
.btn-Clear-icon{position:relative; right:0; cursor:pointer; line-height:0; top:2px;}
.btn-Clear-icon svg{width:14px; height:14px; position:absolute; right:20px; top:12px; fill:#858586;}

.popupMain.remove_news_confirm_popup .contentPopup{padding:30px 20px; text-align:center;}

.pg_feeds .news-articles-desktop .news-articles-item:nth-child(n+6) .removeNews {right:10px; top:11px;}

/* Added by Manoj for remove news slide effect starts */
.news-articles-item {
    width: 100% !important;
    display: block !important;
}

.remd_news {
    background-color: #2CB74B !important;
    width: 0px !important;
    height: 80px;
    padding: 0px !important;
    transition: all .10s ease-out;
}
/* Added by Manoj for remove news slide effect ends */


@media only screen and (max-width:480px) {
.topicsList {grid-template-columns: 1fr 1fr; padding-bottom: 70px;}
.pg_my_feeds .header-main, .pg_bundles .header-main, .pg_feed_news .header-main{display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line-bg-color); height: auto; padding-bottom: 15px; padding-top: 17px;}
.pg_my_feeds .header-main .siteLogo, .pg_bundles .header-main .siteLogo, .pg_feed_news .header-main .siteLogo {display: flex; width: auto;}
.pg_my_feeds .userSettingRT, .pg_bundles .userSettingRT, .pg_feed_news .userSettingRT {display: flex; justify-content: flex-end;}
.pg_my_feeds .header-main .pageTitle, .pg_bundles .header-main .pageTitle, .pg_feed_news .header-main .pageTitle {margin-top: 20px;}
.pg_my_feeds .addbtnHd, .pg_bundles .addbtnHd, .pg_feed_news .addbtnHd {margin: 20px 0 0 auto;}



.feedsList-items{width:100%;}
.pageHeadingTitle{position:static; margin-top:15px;}
.followingSec{margin-top:0;}
.pg_bundles .manageBundlesSec ul{margin-left:0;}
.pg_bundles .manageBundlesSec li{margin-left:0;}
.pg_dashboard .news-articles-item:first-child{margin-bottom:20px;}
.generateFeed .inputBoxSty{flex-direction:column;}
.generateFeed .inputBoxSty input{width:100%; margin-right:0; margin-bottom:15px;}
.generateFeed .buttonSty{width:100%;}
.spinning_pageloader{height:50px; width:50px; left:0; right:0; margin:0 auto;}

.dropdnContextMenu .dropdown-menu {transform:translate(-107px, -12px);}
.topicsList .topicsItems li{margin-left:0;}
.userprofimg{display:none;}
.lgt_ico{display:block; margin-left:15px;}
.sidebar-links li:last-child{display:none;}
.animationWrap{position:fixed; width:auto; left:14px; right:14px;}
.newBundleList ul{max-height:350px;}
.manageBundlesSec{padding-bottom:70px;}
.news-articles-desktop .news-articles-item:nth-child(n+2):nth-child(-n+5), .mobile-parent .news-articles-item{width:auto;}
.news-articles-desktop .news-articles-item:nth-child(n+2):nth-child(-n+5) h2{line-height:20px;}
body .loginLRmain .loginsec{width:100%;}
.feedPageNews .news-articles-item:nth-child(n+3){width:auto;}
.pg_feed_news .header-main .siteLogo{width:auto;}
.addfeedSec{margin-right:0;}

.pg_my_feeds .header-main, .pg_feed_news .header-main{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.myfeeds_header, .feednews_header{position:static; border-bottom: 1px solid var(--line-bg-color); margin-top:20px; padding-bottom:15px;}
.myfeeds_header > div, .feednews_header > div{display:none;}
.myfeeds_header .addbtnHd, .feednews_header .addbtnHd{margin:0;}
    /* Added by Manoj start here */
    /* remove news button should not be present on mobile */
.removeNews {display: none;visibility: hidden;}
.remd_news {transition: width 1s;width: none !important;}
    /* Added by Manoj ends */
}