@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,400;0,600;0,700;0,800;1,300;1,700&display=swap');
:root {
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
   --bs-body-color: #ffffff;
   --bs-body-bg: #000;
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #dee2e6;
   --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
   --bs-border-radius: 0.375rem;
   --bs-border-radius-sm: 0.25rem;
   --bs-border-radius-lg: 0.5rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-pill: 50rem;
   --bs-link-color: #0d6efd;
   --bs-link-hover-color: #0a58ca;
   --bs-code-color: #d63384;
   --bs-highlight-bg: #fff3cd;
}
@font-face {
    font-family: Source Sans Pro;
    src: url(../fonts/source-sans-pro/SourceSansPro-Regular.ttf);
  }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto Condensed","Arial Narrow","Archivo Narrow",Roboto,"Helvetica Neue",Helvetica,sans-serif;
    scroll-behavior: smooth;
    font-size: calc(.9rem + 1.1vw);
    font-size: 18px;
}
.bg-normal{
   background: linear-gradient(45deg, #e82429, #e82429);
}
.btn-danger {
   --bs-btn-bg: #e82429;
   --bs-btn-border-color: #e82429;
}
a {
   color: #e82429;
   text-decoration: underline;
}
.bg-light-kiss {
   --bs-bg-opacity: 1;
   background-color: #32b2c324;
}
.card .card-img-overlay{
   border-radius: 0;
}

.text-normal{
   color: #33002e;
} .dropdown-toggle::after{
   display: none;
}
.bottom-posts .card .overlay {
   position: absolute;
   background-color: #ffffff00 !important;
   width: 100%;
   height: 300px;
   display: inline;
   cursor: pointer;
}
.bottom-posts .card:hover .overlay {
   height: 300px;
}
figcaption{
   background: #32b2c324;
   padding: 3px 9px;
   color: white;
   font-style: oblique;
   position: relative;
   top: -30px;
}
.h222 img {
   height: 145px;
   object-fit: cover;
   object-position: top;
}
.catt.bottom-posts .title-2 {
   font-size: 24px;
   font-weight: 500;
   min-height: 4px !important;
}
.h222
.title-2 {
   font-size: 18px;
   min-height: 40px;
}
.bottom-posts
.overlay i {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: 0;
   opacity: 1;
   border: 3px solid;
   border-radius: 50%;
   padding: 20px 25px;
   display: inline;
   color: white;
   font-size: xx-large;
}
.bottom-posts.h300  .time {
   top: 275px;
}
.more {
   position: absolute;
   z-index: 1;
   width: fit-content;
   border: 1px solid black;
   padding: 3px 30px;
   left: 47%;
   border-radius: 18px;
}
.hero .dot{
   right: 18px;
   position: absolute;
   top: 11px;
}
.breadcrumb
a {
   color: #8d9197;
   text-decoration: none;
}
.shadow {
   box-shadow: rgb(0 0 0 / 17%) 0px -23px 25px 0px inset, rgb(0 0 0 / 15%) 0px -36px 30px 0px inset, rgb(0 0 0 / 10%) 0px -79px 40px 0px inset, rgb(0 0 0 / 6%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;
}
.alicen ,
.alicen  a{
   align-self: center;
}
.hero img{
   border-radius: 0 0 180px 180px;
   height: 254px;
   object-fit: cover;
   box-shadow: 1px 25px 14px -9px rgba(0,120,173,0.6);
-webkit-box-shadow: 1px 25px 14px -9px rgba(0,120,173,0.6);
-moz-box-shadow: 1px 25px 14px -9px rgba(0,120,173,0.6);
}
.carousel-caption {
   top: 0 !important;
   background: linear-gradient(45deg, #004564, #004564f2, #00456480, transparent);
   bottom: 0;
   left: 0;
   padding: 35px 2rem;
   right: 0;
   text-align: left;
}
.carousel-caption
p {
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 17px;
   line-height: 1;
}
.bg-img img{
   height: 300px;
   object-fit: cover;
   object-position: top;
}
.nav-link.active {
   color: rgb(255 255 255 / 86%);
   border-bottom: 2px solid;
}
.search i {
   position: absolute;
   padding: 10px;
   color: #000000;
   background: #b4b4b4;
   border: 2px solid #575757;
}
.search input {
   background: #e4e4e4;
   border: 2px solid #676767;
   color: beige;
}
.fs-30{
   font-size: 24px;
}
.bg-danger {
   background-color: #e82429 !important;
}
.text-normal .nav-link {
   color: #000000;
}
.title {
   font-weight: 700;
}
.nav-link {
   position: relative;
   display: inline-block;
   padding: 0;
   /* line-height: 50px; */
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   color: #fff;
   text-transform: uppercase;
   -webkit-text-decoration: none;
   text-decoration: none;
   text-shadow: 0 0 10px #e82429;
   font-weight: 700;
   align-self: center;
   text-transform: uppercase;
   font-size: 22px;
   border-top: 2px solid transparent;
}
.bg-normal
.nav-link:hover {
   color: rgb(255, 255, 255);
   border-top: 2px solid;
}
.bg-normal
.nav-link.search:hover {
   color: rgb(255, 255, 255);
   border-bottom: none;
}
.nav-item{
   align-self: center;
}
.play{
   position: absolute;
   height: 300px;
}
.stations .owl-carousel .owl-nav button.owl-prev {
   top: -55px;
   background: #dddddd;
   right: 34px;
   left: auto;
}
.stations .owl-carousel .owl-nav button.owl-next {
   top: -55px;
}
.item .card-img-overlay h5 {
   color: #ffffff;
   font-size: larger;
}
.card:hover
.play i {
   position: absolute;
   top: 139px;
   font-size: 38px;
   background: #e82429;
   left: 40%;
   border-radius: 50%;
   padding: 2px;
}
.item h5 {
   margin-top: 10px;
   font-size: 16px;
   font-weight: 600;
   color: #41464b;
}
.play i{
   position: absolute;
   top: 140px;
   font-size: 38px;
   background: #e82429;
   left: 41%;
   border-radius: 50%;
}
.round *{
   border-radius: 15px;
} .owl-carousel .owl-nav button.owl-prev
{
   position: absolute;
   top: 140px;
   background: aliceblue;
   padding: 0 9px 5px !important;
   font-size: 24px;
   border-radius: 50%;
   line-height: 1;
   left: 0;
}.owl-carousel .owl-nav button.owl-next
{
   position: absolute;
   top: 140px;
   background: aliceblue;
   padding: 0 9px 5px !important;
   font-size: 24px;
   border-radius: 50%;
   line-height: 1;
   right:  0;
}
.ratio16{
   aspect-ratio: 16/9;
   object-fit: cover;
   height: auto;
   object-position: top;
}
.topic .ratio16{
   height: auto;
}
.number{
   font-size: 39px;
   align-self: center;
   font-style: italic;
   margin-right: 8px;
   color: #30b2c16b;
}
.descr {
   font-size: 26px;
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel button.owl-dot:hover{
   background-color: #e82429;
   color: white;
}
.stations small{
   font-size: 11px;
}
.stations .round, .stations .owl-carousel .owl-item img {
   display: block;
   width: 100%;
   height: 70px;
   object-fit: cover;
   border-radius: 50%;
}
.item{
   margin-bottom: 10px;
}
h2.card-title b{
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 35px;
}
.menu::-webkit-scrollbar {
   width: 0;
   height: 0;
 }
.card-img-overlay {
   position: absolute;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem;
   background: linear-gradient(180deg,transparent,#0000008f,#000000b0,#000000b3,#000000cc);
   /* background: linear-gradient(180deg,transparent,#00000021,#00000059,#00000057,#00000073); */
}
.live {
   position: absolute;
   top: 8px;
   border-radius: 12px;
   right: 8px;
   padding: 0 4px;
   font-size: 12px;
}
.nav-item {
   align-self: center;
   min-width: fit-content;
   padding: 7px;
}
.time{
   position: absolute;
   top: 176px;
   border-radius: 12px;
   right: 8px;
   padding: 0 4px;
   font-size: 12px;
}.menu
{
   list-style: none;
   overflow-x: auto;
}
.byline .circled {
   height: 40px;
   width: 40px !important;
}
.social a {
   color: white;
   padding: 7px;
   font-size: 14px;
   text-decoration: none;
}
.social a i
{
    vertical-align: text-top;
}

.h80 img {
   height: 80px;
   object-fit: cover;
   object-position: top;
}
.sidebar .title-2 {
   min-height: 50px;
}
.next h6 {
   text-transform: uppercase;
   font-size: 11px;
}
.topic img {
   height: 250px;
   object-fit: cover;
   object-position: top;
}
.topic
.cat {
   left: 44% !important;
}
.tags span {
   background: #09191bd1;
   border: 1px solid #505050;
   padding: 3px 11px;
   margin-bottom: 5px;
   color: white;
}
.tags span:hover{
   background: #e82429;
   border: 1px solid #e82429;
   color: white;
}
.article .cat:before {
   left: -8.4px;
   margin-top: 17px;
}
.social a:hover {
   color: white;
   background: #960296;
}
.bg-fb{
   background: #025b96;
}
.bg-twitter{
   background: #0082d9;
}
.bg-whatsapp{
   background: #00d97f;
}
.bg-linkedin{
   background: #0048d9;
}
.bg-instagram{
   background: #d98200;
}
.bell {
   position: absolute;
   top: 143px;
   border-radius: 8px 0 8px;
   right: 0;
   padding: 0 4px;
   font-size: 18px;
}
.h-auto img{
   height: auto !important;
   object-fit: cover;
   object-position: top;
}
.h300 img{
   height: 300px;
   object-fit: cover;
   object-position: top;
}
.main-post img {
   aspect-ratio: 1/1;
   object-fit: cover;
   object-position: top;
}
.cat {
   display: inline-block;
   margin-bottom: 1.25vw;
   padding: 0.125rem 0.75rem 0.0625rem 0.625rem;
   font-family: ProximaNovaExCn_Black,Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-weight: 400;
   font-style: italic;
   line-height: 1.25;
   text-transform: uppercase;
   color: #fff;
   background-color: #e82429;
   font-size: 1.5rem;
   height: max-content;
}   .card-img-overlay {
     text-align: center;
 }
.right-posts
.cat:before {
   left: -8.6px;
   margin-top: 17.6px;
}
.sidebar .col-9 {
   align-self: center;
}
.circled {
   height: 100px;
   border-radius: 50%;
   object-fit: cover;
   width: 100px !important;
}
.right-posts .cat {
   position: absolute;
   bottom: auto;
   top: 286px;
   left: 28%;
}
.no {
   position: absolute;
   background-image: url(../img/bg_list_num.webp);
   width: 40px;
   height: 40px;
   background-position: left;
   padding: 7px 0 0 18px;
   color: white;
   font-size: 18px;
   font-weight: 400;
   bottom: 9px;
   font-family: fantasy;
   left: -9px;
}
.left-decor span,
.right-decor {
   display: inline-block;
   vertical-align: middle;
   margin-left: 5px;
}
.left-decor span,
.right-decor span {
   background-color: #e82429;
}
.right-decor span:nth-child(4) {
   opacity: .6;
}
.right-decor span:nth-child(5) {
   opacity: .4;
}
.right-decor span:nth-child(6) {
   opacity: .2;
}
.left-decor span:nth-child(3) {
   opacity: .6;
}
.left-decor span:nth-child(2) {
   opacity: .4;
}
.left-decor span:nth-child(1) {
   opacity: .2;
} .left-decor span,  .right-decor span {
   display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   vertical-align: middle;
   margin-top: -0.15em;
}
.right-decor span+span {
   margin-left: 6px;
}
.card:hover
.overlay {
   position: absolute;
   background-color: #00000087 !important;
   width: 100%;
   height: 100%;
   display: inline;
   cursor: pointer;
}
.rotate {
   position: absolute;
   left: 245px;
   -webkit-transform: rotate(-90deg);
   top: 160px;
}
.rotate.section-title h4 {
   font-size: 35px;
   font-weight: 600;
   text-transform: uppercase;
   opacity: .5;
}
.card:hover
.overlay i{
   position: absolute;
   top: 40%;
   left: 50%;
   transform: translate(-50%, -50%);
   margin: 0;
   opacity: 1;
   display: inline;
   font-size: xx-large;
}
.overlay, .overlay i {
   display: none;
}
.videos {
   height: 400px;
   background-color: #343434;
   overflow-y: visible;
   margin-bottom: 190px !important;
}
.h300 .h100 img {
   height: 100px;
}
.card:hover
.plays{
   display: none;
}
   .plays{
   position: absolute;
   right: 15px;
   top: 15px;
   font-size: 26px;
   color: white;
   border: 3px solid;
   padding: 17px 17px;
   border-radius: 50%;
   line-height: 1;
}
.col-md-3 .plays {
   font-size: 18px;
   padding: 10px 10px;
}
.videos .main-post img {
   object-position: center;
   height: 400px;
}
.left-decor span,  .right-decor span {
   display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   vertical-align: middle;
   margin-top: -0.15em;
}
.section-title h4{
   font-size: 30px;
   font-weight: 600;
}
.title-3 {
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 1em;
   font-weight: 500;
   font-style: normal;
   line-height: 1.4em;
   text-decoration: none;
   text-transform: none;
   letter-spacing: -.016em;
}
.title-2 {
   margin-bottom: var(--bs-card-title-spacer-y);
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   margin: 4px 0 0.25em;
   letter-spacing: -1px;
   line-height: 1.12em;
   font-size: 24px;
   font-weight: 600;
   min-height: 82px;
}
.bottom-posts .cat {
   position: absolute;
   bottom: auto;
   top: 0;
   left: 28%;
}
.bottom-posts
.cat:before {
   left: -8.4px;
   margin-top: 17px;
}
.bottom-posts
.title-2 {
   margin-bottom: var(--bs-card-title-spacer-y);
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   margin: 4px 0 0.25em;
   letter-spacing: -1px;
   line-height: 1.12em;
   font-size: 24px;
   font-weight: 700;
   min-height: 4px !important;
}
.border-left{
   border-left: 1px solid gainsboro;
}
.item h5{
   margin-top: 10px;
}
.h170 img{
   height: 170px;
   object-fit: cover;
   object-position: top;
}
.h200 img{
   height: 200px;
   object-fit: cover;
   object-position: top;
}
.logo{
   height: 90px;
   object-fit: cover;
}.navbar {
   padding:0rem;
   margin-bottom:2rem;
 }
 .h350 .scroll .time {
   top: 75px;
}
.h300  .time {
 top: 200px;
}
 .dropdown .dropdown-menu {
   border-radius:0;
  }
.scroll .px-2 {
   width: 170px;
}
.scroll .card {
   display: inline-table;
}
.card {
   background: transparent;
}
.ms-3:first-child {
   margin-left: 0!important;
}
.h350 .scroll img {
   height: 100px;
   object-fit: cover;
   object-position: top;
   border-radius: 5px;
}
.scroll {
   width: 100%;
   overflow-x: scroll;
}
  .accordion-button:not(.collapsed){
   color: #e82429;
  }
  .accordion .btn{
   border-radius: 19px;
   padding: 3px 15px;
}
.h350 img{
   height: 260px;
   object-fit: cover;
   object-position: top;
}
.h350
.time {
   top: 170px;
}
.h350
.card-img-overlay {
   padding: 0.5rem;
   background: linear-gradient(180deg,transparent,#0000008f,#000000b0,#000000b3,#000000cc);
}
 @media (min-width: 768px) {
 .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0;
   border-radius:0;
  }
 }

 /* blinking */
 @keyframes up-right {
   0% {
       transform: scale(1);
       opacity: .25
   }
   50% {
       transform: scale (1, 5);
       opacity: 1;
   }
   100% {
       transform: scale(1);
       opacity: .25;
   }
}

.dot:before{
   content:' ';
   position: absolute;
   z-index:2;
   left:0;
   top:0;
   width:10px;
   height:10px;
   background-color: #e82429;
   border-radius: 50%;
 }

 .dot:after {
   content:' ';
   position: absolute;
   z-index:1;
   width:10px;
   height:10px;
   background-color: #e82429;
   border-radius: 50%;
   box-shadow: 0 0 10px rgba(0,0,0,.3) inset;
   -webkit-animation-name:'ripple';
   -webkit-animation-duration: 1s;
   -webkit-animation-timing-function: ease;
   -webkit-animation-delay: 0s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: normal;
 }

 @keyframes ripple {
    0% {
     left:5px;
     top:5px;
     opcity:75;
     width:0;
     height:0;
   }
   100% {
     left:-20px;
     top:-20px;
     opacity: 0;
     width:50px;
     height:50px;
   }
 }

.sidenav {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   background-color: #0a4464;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 60px;
 }

 .sidenav a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 25px;
   color: #f5f5f5;
   display: block;
   transition: 0.3s;
 }

 .sidenav a:hover {
   color: #f1f1f1;
 }

 .sidenav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
 }

 @media screen and (max-height: 450px) {
   .sidenav {padding-top: 15px;}
   .sidenav a {font-size: 18px;}
 }
 .h300 .title-2 {
   min-height: 50px;
}
a{
   cursor: pointer;
   color: initial;
   text-decoration: none;
}
a:hover{
   cursor: pointer;
   color: #30b2c1;
   text-decoration: none;
}
.top .card-img-overlay {
   padding: 0.5rem;
   background: linear-gradient(180deg,transparent,#0000008f,#000000b0,#000000b3,#000000cc);
}
.top img{
   height: 150px;
   object-fit: cover;
   object-position: top;
}
.top
.card-title {
   font-size: 15px;
   text-transform: uppercase;
   text-align: center;
}
h2 {
   font-size: 25px;
   text-transform: uppercase;
   text-align: center;
}
.text-danger {
   color: #e82429 !important;
}
.h400 img{
   height: 435px;
   object-fit: cover;
   object-position: top;
}
.scrolling  {
   overflow-y: scroll;
   height: 435px;
}
.bg-black {
   --bs-bg-opacity: 1;
   background-color: black;
}

.scrolling::-webkit-scrollbar,
.slider::-webkit-scrollbar {
   width: 0;
 }
 .h200 img{
   height: 200px;
   object-fit: cover;
}
header
{
   z-index: 9990 !important;
}
.item img{
   width: 300px !important;
}
.item{
   margin-right: 10px;
   width: 300px !important;
}
.slider{
   overflow-x: scroll;
}.h81 img {
   height: 80px;
   object-fit: cover;
   object-position: top;
}
.section-title hr {
   position: relative;
   top: -14px;
   margin: 0;
   border-top: 2px solid #e82429;
   opacity: .8;
}
/* .section-title h5 {
   z-index: 1;
   background: white;
   padding: 0 14px;
   position: relative;
   width: fit-content;
   margin: auto;
   font-style: italic;
   font-family: Lato;
   font-weight: 700;
} */
.section-title h5 {
   z-index: 1;
   background: #e82429;
   padding: 3px 14px;
   position: relative;
   width: fit-content;
   margin: auto;
   font-style: italic;
   font-family: Lato;
   font-weight: 700;
   color: white;
   overflow: hidden;
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   letter-spacing: .026em;
   font-size: large;
}

.title-3, .top .card-title b {
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 35px;
   font-size: 1.1em;
   font-weight: 500;
   line-height: 1.2em;
   letter-spacing: .026em;
}.bottom-posts .title-2 {
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 35px;
   font-size: 1.6em;
   font-weight: 500;
   line-height: 1.2em;
   letter-spacing: .026em;
}
.title {
   font-weight: 700;
   font-family: "Proxima Nova Extra Condensed Black",Impact,"Roboto Condensed","Arial Narrow",sans-serif;
   font-size: 3em;
}
.content-body p {
    font-family: 'Source Sans 3', sans-serif !important;
   font-weight: 400;
   font-size: 18px;
}
a{
   color: #30b2c1;
}
.h80.opinions .col-3 img {
    border-radius: 50%;
    width: 80px !important;
}
.h400 .overlay {
    position: absolute;
    background-color: #ffffff00 !important;
    width: 100%;
    height: 435px;
    display: inline;
    cursor: pointer;
}
.h400 .overlay i {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    opacity: 1;
    border: 3px solid;
    border-radius: 50%;
    padding: 20px 25px;
    display: inline;
    color: white;
    font-size: xx-large;
}
.dropdown .dropdown-menu {
    border-radius: 0;
    z-index: 55555555;
    position: fixed;
}
.story-link {
    text-decoration: none; /* Removes underline from links */
    color: inherit; /* Inherits the color from the parent element */
}
.content-body img
{
    width: 100% !important;
    object-fit: cover;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
   background: #32b2c4;
}
.plyr__volume input[type=range] {
   color: #32b2c4;
}
footer a {
    color: #ffffff;
}

.videos .right-posts .cat {
   top: -11px;
}
.right-posts .cat {
   left: 50%;
   transform: translate(-50%, -50%);
}
.btn-outline-secondary {
   text-wrap: nowrap;
}
.more-on__link{
   font-size: 17px;
   color: inherit;
   font-style: oblique;
}
.more-on li::marker{
   color: #30b2c3;
   font-size: 22px;
}
.opinions .title-3 a{
   text-decoration: auto;
   color: inherit;
   font-style: oblique;
   font-family: none;
}
.livestream .time {
   bottom: 10px;
   right: 10px;
   line-height: normal;
   height: fit-content;
   padding: 2px 7px;
   top: auto;
}


.news-container {
    top: 0;
    left: 0;
    right: 0;
    font-family: "Roboto", sans-serif;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.3);
    background: #0c0c0c;
    width: 100%;
    overflow-x: hidden;
}

.news-container .title {
    position: absolute;
    background: #0c0c0c;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 12px;
    color: #e82429;
    font-weight: bold;
    z-index: 200;
    height: max-content;
    width: max-content;
    font-size: 1.2em;
}

.news-container ul {
    display: flex;
    list-style: none;
    margin: 0;
    animation: scroll 25s infinite linear;
}

.news-container ul li {
    padding: 10px 24px;
    position: relative;
    font-family: Cousine,"Liberation Mono","Roboto Mono",Monaco,"Lucida Console",monospace;
    color: #9b9b9b;
    margin: 0;
    font-size: 15px;
    white-space: nowrap;
}

.news-container ul li::after {
    content:"";
    width: 1px;
    height: 100%;
    background: #2f2f2f;
    position: absolute;
    top: 0;
    right: 0;
}

.news-container ul li:last-child::after {
    display: none;
}
.hero-bar__trending-icon {
    top: 8px;
    height: 17px;
    width: 26px;
}
@keyframes scroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-1083px);
    }
}

.bg-email
{
    background: #e82429;
}

.bg-pinterest
{
    background: rgb(17, 17, 17);
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: rgb(182, 182, 182);
}

.list-group-top {
    border-radius: 0;
    --bs-list-group-bg: inherit !important;
    --bs-list-group-color: inherit;
    --bs-list-group-border-color: #2f2f2f;
}
.list-group-flush>.list-group-item:last-child {
    border-bottom: 1px solid #2f2f2f;
}
.list-group-flush>.list-group-item:first-child {
    border-top: 1px solid #2f2f2f;
}
.h111
 img
 {
    height: 111px;
    object-fit: cover;
    object-position: top;
}
.h111 h5 {
    margin-bottom: 0.675rem;
    font-family: proxima nova extra condensed black,Impact,roboto condensed,arial narrow,sans-serif;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    font-size: 5.25vw;
}
.h111 .numbers {
    position: absolute;
    top: 80px;
    left: 7px;
    width: 30px;
    text-align: center;
    font-family: ProximaNovaExCn_Black,Impact,roboto condensed,arial narrow,sans-serif;
    font-size: 1.17rem;
    font-style: italic;
    background-color: #e82429;
    color: #fff;
}
.whatsapp-follow {
    position: fixed;
    bottom: 10px;
    left: 10px; /* This positions the button on the left side */
    z-index: 1000;
    padding: 10px 20px;
    background-color: #25D366; /* Official WhatsApp color */
    color: white;
    border-radius: 20px; /* Rounded corners */
    text-align: center;
    font-size: 16px; /* Adjust size as needed */
    font-weight: bold; /* Bold font for visibility */
    text-decoration: none; /* Remove underline from the anchor tag */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
    }

.whatsapp-follow i {
    margin-right: 5px;
}

.whatsapp-follow:hover {
    text-decoration: none;
color: white;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
transform: translateY(-2px);
}

.content-body, .story-text-class {
    font-family: Source Sans Pro !important;
   font-weight: 400;
   font-size: 18px;
}
@media (max-width: 768px){

.nav-link {
    color: inherit!important;
    text-shadow: none;
    color: aliceblue !important;
}

}