.edge--bottom {
  position: relative;
}
.edge--bottom:after {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  transform: skewY(-20deg);
  transform-origin: 100%;
}
.edge--bottom--reverse {
  position: relative;
}
.edge--bottom--reverse:after {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  bottom: 0;
  transform: skewY(20deg);
  transform-origin: 0 100%;
}
.edge--top {
  position: relative;
}
.edge--top:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(20deg);
  transform-origin: 100% 0;
}
.edge--top--reverse {
  position: relative;
}
.edge--top--reverse:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(-20deg);
  transform-origin: 0 0;
}
.edge--both {
  position: relative;
}
.edge--both:after,
.edge--both:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both:before {
  top: 0;
  transform: skewY(20deg);
  transform-origin: 100% 0;
}
.edge--both:after {
  bottom: 0;
  transform: skewY(-20deg);
  transform-origin: 100%;
}
.edge--both--reverse {
  position: relative;
}
.edge--both--reverse:after,
.edge--both--reverse:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both--reverse:before {
  top: 0;
  transform: skewY(-20deg);
  transform-origin: 0 0;
}
.edge--both--reverse:after {
  bottom: 0;
  transform: skewY(20deg);
  transform-origin: 0 0;
}
body {
  background-color: #fafafa;
}
a {
  color: #000;
}
a:hover {
  color: #ff8889;
  -webkit-text-decoration-color: #ff8889;
  text-decoration-color: #ff8889;
}
::selection {
  background-color: #ff2224;
  color: #fff;
}
.wrapper {
  padding-top: 1vw;
  position: relative;
}
.wrapper:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(20deg);
  transform-origin: 100% 0;
  height: 40vw;
  transform: skewY(-20deg);
  transform-origin: -30% 0;
}
@media (max-width: 575.98px) {
  .wrapper:before {
    height: 50vw;
    transform: skewY(-20deg);
    transform-origin: -50% 0;
  }
}
#loginModal .modal-content:before {
  z-index: 0;
  background: #fff;
}
#loginModal .modal-content .text h2,
#loginModal .modal-content .text p {
  color: #000;
}
section.recent {
  position: relative;
}
section.recent:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  top: 0;
  transform: skewY(20deg);
  transform-origin: 100% 0;
}
.section-articles .card:hover h3 {
  color: #ff8889;
}
.btn-readmore {
  color: #fff;
  background-color: #231fd6;
  box-shadow: 0 0 0 #231fd6;
  border-color: #231fd6;
}
.btn-readmore:hover {
  background-color: #ff2224;
  box-shadow: 0 2px 15px #ff2224;
  color: #fff;
  border-color: #ff2224;
}
.btn-readmore:focus {
  color: #231fd6;
}
.btn-readmore:visited {
  color: #fff;
}
.btn-submit {
  color: #fff;
  background-color: #22b759;
  box-shadow:
    0 0 0 #22b759,
    15%;
  border-color: #22b759;
}
.btn-submit:hover {
  background-color: #48dd7f;
  box-shadow: 0 2px 15px #16763a;
  color: #fff;
}
.btn-submit:focus {
  color: #22b759;
}
.cs-select li,
.description-box--text:before {
  background-color: #231fd6;
}
.cs-select li {
  color: #fff;
}
.cs-select li:hover {
  color: #231fd6;
}
.cs-select li:hover,
.cs-select ul li.cs-focus span,
.cs-select ul li.cs-selected {
  background-color: #fff200;
}
.aotm-artist span {
  background-color: #ff2224;
}
@media (max-width: 767.98px) {
  .aotm-artist span {
    background-color: #ff2224;
  }
}
.aotm-artist span:hover,
.articles-listing-tag {
  background-color: #ff2224;
}
.articles-listing-tag {
  color: #fff;
}
.articles-listing-title:hover {
  color: #ff5557;
}
.article-tag--items a {
  background-color: #ff2224;
  color: #fff;
}
.article-tag--items a:hover {
  color: #fff;
  background-color: #ff6f70;
}
.content-main--category {
  border-bottom: 1px solid #ff2224;
}
.content-main--category:hover {
  color: #ff2224;
  border-bottom: 1px solid transparent;
}
.content-main--special--nav {
  background-color: #ff2224;
}
.content-main--special--nav li a {
  color: #fff;
}
.content-main--special--nav li a.active,
.content-main--special--nav li a:hover {
  color: #fff2f2;
}
.content-main--article .label-source__giphy a,
footer {
  color: #fff;
}
footer {
  background-color: #231fd6;
  border-top: 15px solid #ff2224;
}
footer hr {
  background: #fff;
}
footer a,
footer a:visited {
  color: #fff;
}
footer a:hover {
  color: #fff200;
}
header {
  height: 100px;
}
@media (max-width: 575.98px) {
  header {
    height: 70px;
  }
}
.top-header--center {
  background: linear-gradient(90deg, #231fd6, #231fd6);
}
.top-header--center ul li a {
  color: #fff;
}
.top-header--left,
.top-header--right {
  background: linear-gradient(90deg, #fff, #fff);
}
.search-btn,
.search-btn:focus,
.search-btn:hover,
.search-btn:visited,
.user-login,
.user-login:focus,
.user-login:hover,
.user-login:visited {
  color: #231fd6;
}
.modal-backdrop {
  background-color: #231fd6;
}
.music-player {
  background-color: #fff;
}
.music-player .album-art {
  background-color: #000;
}
.music-player .album-art:before {
  content: "கேட்க click செய்யவும் ";
}
.music-player--fl .bar {
  background: #231fd6;
}
.music-player--fl .container {
  border: 1px solid #231fd6;
}
.music-player--fl .row a {
  color: #000;
  background-color: #fff200;
}
.music-player--fl .row a:hover {
  color: #fff;
  background-color: #ff2224;
}
.nav-main,
.nav-trigger .nav-icon,
.nav-trigger .nav-icon:after,
.nav-trigger .nav-icon:before {
  background-color: #231fd6;
}
.nav-trigger.nav-close .nav-icon {
  background-color: hsla(0, 0%, 100%, 0);
}
.nav-trigger.nav-close .nav-icon:after,
.nav-trigger.nav-close .nav-icon:before {
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .nav-trigger.nav-close .nav-icon:after,
  .nav-trigger.nav-close .nav-icon:before {
    background-color: #231fd6;
  }
}
.nav-item a {
  color: #fff;
}
.nav-item a:hover {
  color: #fff200;
}
.nav-link--parent,
.nav-link--parent.active {
  border-bottom: 1px solid #231fd6;
}
.nav-link--parent.active {
  color: #fff200;
}
.nav-bottom .nav-item a,
.nav-bottom a {
  color: #fff;
}
.nav-bottom .nav-item a:hover {
  color: #fff200;
}
.home-podcast .audioplayer {
  color: gray;
  text-shadow: 0 0 0 #fff;
}
@media (max-width: 575.98px) {
  .home-podcast .audioplayer {
    color: #fff;
  }
}
.home-podcast .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
  background-color: #ff2224;
}
.home-podcast .audioplayer-bar {
  background-color: #b3b3b3;
}
.home-podcast .audioplayer-volume-button a {
  background-color: #000;
}
@media (max-width: 575.98px) {
  .home-podcast .audioplayer-volume-button a {
    background-color: #fff;
  }
}
.home-podcast .audioplayer-volume-button a:before {
  border-right-color: #000;
}
@media (max-width: 575.98px) {
  .home-podcast .audioplayer-volume-button a:before {
    border-right-color: #fff;
  }
}
.home-podcast .audioplayer-volume-button a:after {
  border-color: #000;
}
@media (max-width: 575.98px) {
  .home-podcast .audioplayer-volume-button a:after {
    border-color: #fff;
  }
}
.home-podcast--player {
  background-color: #fff;
}
@media (max-width: 575.98px) {
  .home-podcast--player {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.65) 0,
      rgba(0, 0, 0, 0.65)
    );
  }
}
@media (max-width: 575.98px) {
  .home-podcast--player__details .title {
    color: #fff;
  }
}
.home-podcast--player__details .date,
.home-podcast--player__details .description {
  color: gray;
}
@media (max-width: 575.98px) {
  .home-podcast--player__details .date,
  .home-podcast--player__details .description {
    color: #fff;
  }
}
.home-podcast--list {
  background: #ff2224;
}
.home-podcast--list ul {
  background: linear-gradient(180deg, #ff2224, #fff2f2);
}
.home-podcast--item:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.home-podcast--item p {
  color: #fff;
}
.home-podcast--item__active {
  background-color: #fff;
  border-right: 5px solid #fff2f2;
}
.home-podcast--item__active:hover {
  background-color: #fff;
}
.home-podcast--item__active p {
  color: #ff2224;
}
.podcast-image:before {
  background: linear-gradient(90deg, #ff2224, #fff2f2);
}
.podcast-text {
  color: #fff;
}
.podcast--player__details .date,
.podcast--player__details .description {
  color: #b3b3b3;
}
.podcast--player__list {
  background-color: #fff;
}
.podcast--item p {
  color: #b3b3b3;
}
.podcast--item__active {
  color: #ff2224;
  background-color: #ff2224;
}
.podcast--item__active p {
  color: #fff;
}
.podcast .audioplayer {
  color: gray;
  text-shadow: 0 0 0 #fff;
}
.podcast .audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
  background-color: #ff2224;
}
.podcast .audioplayer-bar {
  background-color: #b3b3b3;
}
.podcast .audioplayer-volume-button a {
  background-color: #000;
}
.podcast .audioplayer-volume-button a:before {
  border-right-color: #000;
}
.podcast .audioplayer-volume-button a:after {
  border-color: #000;
}
.chart-listing--vote {
  background-color: #ccc;
  color: #000;
}
@media (max-width: 767.98px) {
  .chart-listing--vote {
    background-color: #22b759;
    color: #fff;
  }
  .chart-listing--vote:hover {
    color: #fff !important;
  }
}
.chart-listing--vote:hover {
  background-color: #22b759;
  color: #fff !important;
}
.chart-listing--items:hover .chart-listing--vote {
  color: #fff;
}
@media (max-width: 767.98px) {
  .chart-listing--items:hover .chart-listing--vote {
    color: #fff;
  }
}
.chart-listing--position {
  color: #fff2f2;
}
.chart-listing--image {
  background-color: #000;
}
.section-title--neon {
  color: #ff2224;
}
.section-title--white {
  color: #fff;
}
.articles-featured-title span {
  background-color: #ff2224;
}
@media (max-width: 767.98px) {
  .articles-featured-title span {
    background-color: #ff2224;
  }
}
.articles-featured-title span:hover {
  background-color: #ff2224;
}
.carousel-nav:hover i {
  color: #ff2224;
}
.shows-navigation {
  background: linear-gradient(90deg, #231fd6, #231fd6);
}
.shows-navigation ul li a {
  color: #fff;
}
.shows-navigation ul li a.active,
.shows-navigation ul li a:hover {
  color: #fff200;
}
section.video {
  background: linear-gradient(180deg, #fff2f2, #ff2224);
}
.videos-featured-duration {
  background-color: #ff2224;
  color: #fff;
}
.videos-featured-title {
  color: #fff;
}
.videos-recent-duration {
  background-color: #ff2224;
  color: #fff;
}
.video-category--dropdown,
.videos-recent-time,
.videos-recent-title {
  color: #fff;
}
.videos-category-duration {
  background-color: #ff2224;
  color: #fff;
}
.videos-category-time,
.videos-category-title {
  color: #fff;
}
.video-subscribe {
  border-top: 1px solid #fff;
}
.video-subscribe p {
  color: #fff;
}
.PagerNumberArea span a,
.PagerNumberArea span span {
  background-color: #f2f2f2;
}
.PagerNumberArea span .SelectedPage,
.PagerNumberArea span a:hover,
.PagerNumberArea span span:hover {
  color: #fff;
  background-color: #ff2224;
}
.EditingFormTable .Okay input,
.EditingFormTable .Okay textarea {
  border-color: #22b759;
}
.InfoLabel:before {
  background: #22b759;
}
.news-section {
  background: #eee;
}
.news-social {
  background: #ff2224;
  color: #fff;
}
.newsPodcast-list {
  background: #fff;
}
.newsPodcast-list-item a {
  color: ligthen(#000, 15%);
}
.newsPodcast-list-item.active {
  background: #ff2224;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}
.newsPodcast-list-item.active a {
  color: #fff;
}
.news-featured:after {
  background-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.4),
    #000
  );
}
.news-featured-body,
.news-featured-title {
  color: #fff;
}