html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    
}

body,
html {

    margin: 0;
    padding: 0;
    font-size: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #22419B;
    font-weight: 600;

}





a:hover {
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

strong {
    font-family: var(--body-font);
}


::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(18, 18, 19, 0.50);
    font-family: var(--body-font);
    font-size: 15px;
    font-weight: 400;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(18, 18, 19, 0.50);
    font-family: var(--body-font);
    font-size: 15px;
    font-weight: 400;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(18, 18, 19, 0.50);
    font-family: var(--body-font);
    font-size: 15px;
    font-weight: 400;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(18, 18, 19, 0.50);
    font-family: var(--body-font);
    font-size: 15px;
    font-weight: 400;
}


input,
select {
    vertical-align: middle;
}

body {
    background: #fff;
    font-family: var(--body-font);
    margin: 0;
    padding: 0;
    color: #121213;
    font-size: 16px;
    font-weight: 300;
}

h1 {
    font-family: var(--body-font);
}

h2,
h3 {
    font-weight: normal;
    font-family: var(--body-font);
    color: #121213;
}

h2 {
    color: #121213;
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 13px;
}



p {
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #21409A;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mr-40 {
    margin-right: 40px;
}


ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

label {
    font-size: 14px;
    color: #000;
    margin: 0 0 10px;
}

img {
    max-width: 100%;
}

.main input, .main button {
  height: inherit;
  margin: 0;
  padding: inherit;
  border-radius: inherit;
  font-family: inherit;
  font-size: 100%;
  color: inherit; }
  input[disabled], button[disabled] {
    background-color: #eee; }

.main input, .main select {
  border:inherit;
  width: inherit; }



:root {
    --primary-color: #EB0303;
    --secondary-color: #c30000;
    --logo-space: 370px;
    --logo-width: 350px;
    --primary-font: 'Roboto', sans-serif;
    --body-font: 'Roboto', sans-serif;

}

.container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.header {
    padding: 0;
    display: block;
    position: sticky;
    top: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: var(--primary-color);
}
.fixed-header .header {
    height: 72px;
}
.header .navi {
    justify-content: flex-end;
    align-items: center;

}

.header .navi {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    margin-right: 0;
    gap: 16px
}

.header .navi > li > a {
    color: #fff;
    text-decoration: none;
    padding: 28px 4px;
    font-family: var(--body-font);
    font-size: 15px;
    transition: all .5s ease;
    position: relative;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 28px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.header .navi li a i {
    font-size: 12px;
}

.header .navi .toogleMenuMain:hover a {
    color: var(--primary-color);
    background: #fff;
}
.header .navi li.active a {
    color: var(--primary-color);
}

.header.bluebg .navi li a:hover:before {
    background: #f7ce3c;
}

.header .navi li:hover > .dropdown-details-menu {
    display: block;
}


.navigation-section .logo {
    display: flex;
    align-items: center;
    width: var(--logo-width);
    padding: 16px 20px;
    position: absolute;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.10);
    transition: all .3s ease;
}

.navigation-section .logo .mobile-logo {
    display: none;
}

.navigation-section .logo img {
    max-width: 100%;width:100%;
    transition: all .5s ease;
}
.content-section .topbanner img {
    margin-bottom: 40px;
}

.navigation-section .logo a {
    display: block; width:100%;
}

.navigation-section {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}

.white-overlay {
    display: none;
}

.dropdown-mobile {
    display: none;
}

.header ul.navi li .dropdown-mobile {
    padding: 0 0 30px 0;
}

.header ul.navi li .dropdown-mobile li a {
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
}

.header ul.navi li .dropdown-mobile li {
    border: 0 !important;
}

.sidebar-menu-header {
    background: #E6E6E6;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.sidebar-menu-header .logo img {
    height: 24px !important;
    width: auto !important;
}

.sidebar-menu-header .closebtn {
    cursor: pointer;
}

.sidebar-menu-header .closebtn span {
    font-size: 15px;
    font-weight: 600;
    color: #F22800;
}

.sidebar-menu-header .closebtn i {
    padding-left: 5px;
    color: #F22800;
}

.mobile-menu-contact-info {
    display: none;
}

ul.bullet-list {
    list-style: none;
    margin-top: 20px;
    margin-left: 10px;
}

ul.bullet-list li {
    list-style: none;
    position: relative;
    display: block;
    margin: 0 0 15px 0;
    color: #21409A;
    padding-left: 15px;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

ul.bullet-list li:before {
    content: "";
    background: #21409A;
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
}


.navigation-section .header-contact-info-section {
    order: 1;
    padding-left: var(--logo-space);
}

.main-nav {
    order: 2;
    width: 100%;
   
}




.navigation-section .button-section {
    order: 3;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.search-section-mob{display: none;}


.btn {
    background: var(--primary-color);
    color: #fff;
    padding: 12px 34px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex;
    font-weight: 600;
    justify-content: space-between;
    transition: all .3s ease;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    transition: all .5s ease;
    white-space: nowrap;
    box-shadow: 0 5px 0 0 rgba(195, 0, 1, 1);
    border:0;

}

.btn i, .btn svg {
    margin-right: 6px;
    transition: all .5s ease;
}
.btn svg {
    margin-top: -1px;
}
.btn:hover {
    background: #ff3838;
    color: #fff;
}


.btn-regular {
    background: var(--primary-color);
    color: #fff;
    padding: 12px 15px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

}



.button-center-section {
    display: flex;
    justify-content: center;
    margin-top: 45px;
}


.btn-header {
    background: #fff;
    padding: 11px 13px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-family: var(--body-font);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    font-weight: 400;
    line-height: 16px;
    display: inline-flex;
    font-weight: 600;
    justify-content: space-between;
    transition: all .3s ease;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    transition: all .3s ease;
    white-space: nowrap;
    color: var(--primary-color);
    text-transform: uppercase;

}

.btn-header i {
    margin-right: 10px;
    transition: all .3s ease;
    font-size: 16px;
}

.btn-header:hover {
    background: #000;
    color: #fff;
}

.btn-header:hover i {
    color: #fff;
}


.btn-shine {
    position: relative;
    overflow: hidden;
}

.btn-shine:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, hsl(0deg 0% 100% / 25%), transparent);
    transform: translateX(-100%);
    transition: all 1s ease;
    z-index: 1;
}

.btn-shine:hover::after {
    transform: translateX(100%);
}



.bottom-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: var(--logo-space); */
    margin-top: 1px;
    margin-bottom: 1px;
}
.bottom-header-section .topbanner {
    margin-right: 0px;
    margin-left: 0px;
}
.bottom-header-section .topbanner img, .bottom-header-section .ads-widget-top img {
    min-width: 965px;
    max-height: 100px;
    min-height: 100px;
    max-width: 965px;
    margin-bottom: 0px;
}

.bottom-header-section img {
    max-width: 100%;
}

.weather-section {
    margin-right: 30px;
}

.banner-section-ads {
    margin-right: 30px;
    margin-left: 30px;
    display: flex;
}

.search-section {
    min-width: 186px;
    margin-left: 30px;
}

.search-panel {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 5px;
}

.search-panel input {
    padding: 12px 0;
    padding-left: 10px;
    padding-right: 0;
    width: 100%;
    border: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    padding-right: 45px;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
    line-height:normal;
}

.search-panel {
    display: flex;
}

.search-panel a {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    min-width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: normal;
}

.search-panel a:hover svg path {
    stroke: #000;
}

.search-panel a:hover svg circle {
    stroke: #000;
}

.main-banner-section .flex-col {
    display: flex;
    column-gap: 30px;
}

.main-banner-section {
    background: #E6E6E6;
    padding: 40px 0;
    border-top: 1px solid #121213;
}

.main-banner-section a{
    text-decoration: none;
    position: relative;
    transition: all .5s ease;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

.main-banner-section a:after{
    content:""; position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .1);
    z-index: 5; opacity:0; transition: all .5s ease;
}

.main-banner-section a:hover h1, .main-banner-section a:hover h3{
    text-decoration: underline;
}

.main-banner-section a:hover:after{opacity: 1;}

.main-banner-section .flex-col .left-col-banner {
    width: 50%;
}


.regular-banner {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.regular-banner h1 {
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
}

.regular-banner h3 {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
}

.regular-banner p {
    font-size: 13px;
    color: #fff;
    margin-top: 1px;
}
.main-banner-section .flex-col .right-col-banner {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.flex-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    width: 100%;
}
.flex-three-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    width: 100%;
}
.regular-banner .text-section {
    position: relative;
    z-index: 2;
    padding: 0 20px 15px 20px;
}
.regular-banner.small .text-section {
    padding: 0 10px 10px 10px; position: relative; z-index: 6;
}
.regular-banner.large {
    height: 471px;
}
.regular-banner.small {
    height: 226px;
    border-radius: 10px;
    background: url("../../../img/frontend-new/banner-large.png") no-repeat left top;
    background-size: cover;
    overflow: hidden;
    position: relative; 
}
.banner-home-mobile .item a {position: relative;}
.regular-banner:before, .banner-home-mobile .item a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 150px;
    background: linear-gradient(180deg, rgba(18, 18, 19, 0.00) 0%, #121213 100%);
    z-index: 1;
}
.small-banner-section {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 30px;
    margin: 40px 0 0;
}
.small-banner-section .left-col {
    width: 50%;
}

.small-banner-section .right-col {
    width: 50%;
}

.small-banner-section a{
    text-decoration: none;
}

.view-our-status {
    height: 126px;
    border-radius: 10px;
    background: url("../../../img/frontend-new/banner-bg-dotted.png") no-repeat left top;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.view-our-status .left-image-section {
    margin-right: 20px;

}

.view-our-status .left-image-section .rounded-image-section {
    /* background: url("../../../img/frontend-new/dotted-circle.svg") no-repeat center center; */
    background-size: cover;
    width: 95px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    position: relative;
}

.rounded-image-section img {
    max-width: 100%;
    border-radius: 100%;
}

.view-our-status p {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}

.view-our-status h3 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 5px 0;
}

.view-our-status .date {
    font-size: 13px;
    font-weight: 300;
    opacity: .7;
    color: #fff;
}

.total-numbers {
    width: 23px;
    height: 23px;
    min-width: 23px;
    min-height: 23px;
    border-radius: 100%;
    background: #fff;
    color: #000;
    border: 2px solid var(--primary-color);
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 20px;
}

.music-world-banner-section{display:flex;justify-content:space-between;align-items:center;grid-column-gap:4px;}
.music-world-banner-section .flex-col-section{display:flex;justify-content:space-between;align-items:center;width:100%;}
.left-section-video{height:96px;display:flex;align-items:center;padding:15px;border-top-left-radius:10px;border-bottom-left-radius:10px;background:#000 url(../../../img/frontend-new/music-banner-bg.png) no-repeat center center;background-size:cover;padding-right:40px;box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial;}
.left-section-video .video-thumb{width:95px;height:95px;min-width:95px;min-height:95px;margin-right:20px;display:flex;justify-content:center;align-items:center;border-radius:10px;}
.left-section-video .video-thumb .videoBtn i{font-size:48px;color:#fff;}
.music-player-section{min-width:256px;background:#000 url(../../../img/frontend-new/music-player-bg.png) no-repeat center center;background-size:cover;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:20px;height:86px;box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial;}
.post-sidebar .music-player-section {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.song-section{display:flex;align-items:center;}
.music-player-section h3{font-size:12px;font-weight:500;color:#fff;margin:0 0 10px;text-transform:uppercase;}
.music-player-section .song-name{font-size:15px;font-weight:500;color:#fff;line-height:20px;}
.music-player-section .song-image{width:54px;height:44px;min-width:54px;min-height:44px;margin-right:11px;display:flex;justify-content:center;align-items:center;border-radius:6px;background:var(--primary-color);position:relative;}
.music-player-section .videoBtn i{font-size:32px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.music-player-section .videoBtn .pause-icon{opacity:0;visibility:hidden;;}
.music-player-section .videoBtn.playing .pause-icon{opacity:1;visibility:visible;}
.music-player-section .videoBtn.playing .play-icon{opacity:0;visibility:hidden;}
.music-player-btn .pause-icon{display:none;}
.music-player-btn .playing .pause-icon{display:block;}
.music-player-btn .playing .play-icon{display:none;}
.player-section{display:flex;width:100%;padding:6px 0 0;align-items:center;}
.enron_slider{-webkit-appearance:none;appearance:none;width:100%;background:#fff;outline:none;opacity:1;-webkit-transition:.2s;transition:opacity .2s;height:2px!important;padding:0!important;background:#fff;border-radius:2px!important;}
.song-progress-bar{width:100%;}
.audio-on-off{width:18px;height:14px;min-width:18px;min-height:14px px;display:flex;justify-content:flex-end;color:#fff;position:relative;align-items:center;margin-left:8px;position:relative;}
.audio-on-off a{display:flex;display:flex;color:#fff;width: 100%;}
.audio-on-off .fa-volume-off {margin-left: 1px;}
.small-video-player.full-screen-video-player .sound-icon .sound-on,.small-video-player.full-screen-video-player .sound-icon .sound-off{transform:translateY(96%);}
.sound-icons .sound-off{display:none;}
.sound-icons.off-sound .sound-off{display:block;}
.sound-icons.off-sound .sound-on{display:none;}
/* Rang Input */
input[type="range"]{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px!important;height:10px!important;background:var(--primary-color);cursor:pointer;border-radius:100%;border:1px solid #fff;}
input[type="range"]::-moz-range-thumb{width:10px!important;height:10px!important;background:var(--primary-color);cursor:pointer;border-radius:100%;border:1px solid #fff;}

.main-content-body{display:flex;justify-content:space-between;grid-column-gap:30px;margin:40px 0 0;}
.sidebar-right{min-width:296px;max-width:296px;}
.content-section{width:100%;}

/* ======================
 Sidebar-left
====================== */
.sidebar-left{min-width:296px;max-width:296px;}
.trending-new-section{margin-top:0;}
.news-listing{border-bottom:1px solid #E5E5E5;padding:20px 8px 20px 0;}
.news-listing:last-child{border:0;}
.trending-news-list p{font-size:14px;font-weight:600;}
.trending-news-list .date{opacity:.5;color:#121213;font-size:12px;font-weight:400;line-height:130%;}
.heading-section{border-bottom:1px solid #E5E5E5;padding-bottom:7px;}
.heading-section h2{font-size:20px;font-weight:600;}
.heading-section h2 span{color:var(--primary-color);font-weight:400;}
.trending-news-list .news-listing:first-child{padding-top:0;}
.trending-news-list .news-listing:last-child{padding-bottom:0;border-bottom:none;}
.trending-new-section .content-section-sidebar{height:444px;overflow:hidden;}
.trending-new-section .trending-news-list{position:relative;}
.trending-new-section .trending-news-list::-webkit-scrollbar{width:4px;}
.trending-new-section .trending-news-list::-webkit-scrollbar-track{box-shadow:inset 0 0 5px 0;border-radius:10px;}
.trending-new-section .trending-news-list::-webkit-scrollbar-thumb{border-radius:6px;opacity:.3;background:#121213;}
.trending-new-section .trending-news-list::-webkit-scrollbar-thumb:hover{background:#121213;}
.signup-form-section{margin-bottom:25px;}
.heading-section-sidebar{background:var(--primary-color);font-size:16px;font-weight:600;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;padding:13px;}
.content-section-sidebar{padding:20px 20px 24px 20px;background:#F9F9F9;border:1px solid #E5E5E5;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.input-section-panel{position:relative;border:1px solid #D3D7DA;border-radius:6px;}
.input-section-panel input{padding:6px 0;padding-left:10px;padding-right:0;width:100%;border:0;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-width:100%;padding-right:10px;border-radius:5px;font-size:15px;color:#000;line-height:normal;}
.input-section-panel{display:flex;padding:5px;align-items:center;height:100%;background:#fff;}
.input-section-panel a{display:flex;justify-content:center;align-items:center;text-decoration:none;font-weight:400;display:block;white-space:nowrap;}
.input-section-panel a i{stroke:#000;margin-right:6px;}
.input-section-panel .sendBtn { background: var(--primary-color); padding: 10px; display: block; border-radius: 5px; height: 100%; box-shadow: none!important; color: #FFF; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: 130%; }
.input-section-panel > form{display:flex;width:100%;}
.input-section-panel .sendBtn:hover{background:#ff3838;}
.input-section-panel .form-group{width:100%;padding-left:10px;margin:0!important;font-size:inherit;}
.subscribe-newsletter{margin:0 0 20px;}
.signup-newsletter h3{font-size:14px;font-weight:500;color:#121213;margin:0 0 8px;}
.signup-newsletter h3 span{color:var(--primary-color);font-weight:400;}
p.message-text{font-size:13px;line-height:18px;margin-top:10px;color:#121213;}
.iti--separate-dial-code .iti__selected-dial-code{display:none;}
.iti__selected-flag{padding:0;}
.iti--separate-dial-code .iti__selected-flag{background:none;}
#mobile_code{padding-left:45px!important;}

/* ======================
 Sidebar-Right
====================== */
.latest-news-section{margin:0;}
.news-two-col-list{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}
.news-two-col-list a{text-decoration:none;}
.news-two-col-list a:hover h3{text-decoration:underline;}
.latest-news-list{display:flex;}
.latest-news-list .news-image{width:184px;min-width:184px;}
.news-text-section{margin-left:16px;width:100%;}
.latest-news-list .news-image img{border-radius:6px;}
.tab-content .media.post-block a {overflow: hidden; border-radius: 6px;}
.videos_section .axil-img-container.flex-height-container {border-radius: 10px;}
.videos_section .axil-img-container>a .grad-overlay {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.news-text-section .news-sub-heading{background:#333;color:#fff;display:inline-block;padding:3px 12px;border-radius:3px;font-size:10px;text-transform:uppercase;margin:0 0 10px;font-weight:400;}
.news-text-section h3{font-size:14px;color:#121213;font-weight:500;min-height:50px;}
.news-text-section .date{color:#121213;opacity:.5;font-size:13px;font-weight:400;cursor:default;}
.sidebar-menu{min-width:202px;margin-right:30px;background:#F8F8F8;border-bottom-left-radius:10px;}
.dropdown-wrapper{position:absolute;left:0;top:100%;background:#fff;display:none;box-shadow:0 10px 10px rgba(0,0,0,.1);border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:all .5s ease;}
.dropdown-details-menu{display:flex;justify-content:space-between;}
.header .navi li:hover > .dropdown-wrapper{display:block;}
.menu-list-wrapper{padding-left:15px;padding-top:35px;}
.menu-list-wrapper .listing{margin:0 0 10px;}
.header .navi .toogleMenuMain .menu-list-wrapper .listing a{text-decoration:none;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:400;color:#121213;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;line-height:22px;font-size:16px;}
.menu-list-wrapper .listing a i{font-size:13px;font-weight:400;opacity:0;visibility:hidden;}
.header .navi .toogleMenuMain .menu-list-wrapper .listing a.active{font-weight:600;color:var(--primary-color);background:#fff;}
.menu-list-wrapper .listing a.active i{opacity:1;visibility:visible;}
.header .navi .toogleMenuMain .menu-list-wrapper .listing a:hover{color:var(--primary-color);background:#fff;}
.menu-list-wrapper .listing a:hover i{opacity:1;visibility:visible;}
.details-info-wrapper h3{font-size:16px;line-height:21px;color:#121213;font-weight:700;min-height:50px;white-space:normal;}
.details-info-wrapper .date{color:#121213;opacity:.5;font-size:12px;font-weight:300;cursor:default;}
.details-info-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:30px;padding-top:30px;padding-right:30px;padding-bottom:30px;}
.details-info-wrapper img{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 10px;border-radius:10px;}
.details-info-wrapper .info-list a{text-decoration:none;}
.hide-nav{display:none;}
#latestNews{display:block;}
.details-info-wrapper .info-list > a:hover img{box-shadow:0 0 10px rgba(0,0,0,.1);}
.details-info-wrapper .info-list > a:hover h3{text-decoration:underline;}

/* Status Bar Popup */
.video-popup-container{max-width:1101px;}
.video-content-wrapper{overflow:hidden;margin:0 auto;border-radius:6px;border:3px solid #2E3CC7;background:#FFF;max-height:748px;}
.video-ads-section{display:flex;align-items:flex-start;flex-direction:row-reverse;}
.video-ads-section .story-wrapper-video,.video-content-section-popup{width:100%;}
.story-wrapper-video { background: linear-gradient(135deg,#788897 0%,#383332 100%); height: 742px; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column; }
.video-content-wrapper .video-section{background:#ECECEC;padding:25px;}
.video-content-wrapper .video-section .video-info-list{width:100%;}
.video-info-list > ul{display:flex;}
.video-info-list > ul > li{border-right:1px solid #d8d8d8;position:relative;width:100%;}
.video-info-list > ul > li:last-child{border:0;}
.video-info-list > ul > li > a{text-decoration:none;padding:5px 17px 4px 10px;font-size:14px;font-weight:400;color:#000;line-height:24px;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;}
.video-info-list > ul > li > a.selectDate{border-radius:6px;border:1px solid #D3D7DA;background:#FFF;}
.video-info-list > ul > li > a:hover{background:#E6E6E6;}
.video-info-list > ul > li > a.active{font-weight:600;color:var(--primary-color);background:#E6E6E6;}
ul.calender-info-list{margin:0;padding:0;list-style:none;overflow-x:auto;min-height:90px;max-height:200px;}
ul.calender-info-list li:last-child{border:0;}
ul.calender-info-list li a{text-decoration:none;padding:10px;display:block;font-size:15px;font-weight:400;color:#000;display:flex;justify-content:space-between;align-items:flex-start;font-size:14px;border-bottom:1px solid #E5E5E5;line-height:24px;}
ul.calender-info-list li a:hover{background:#E5E5E5;}
ul.calender-info-list li a:hover span{color:var(--primary-color);}
.video-info-list .status-filter{display:none;}
.calender-info-list .status-filter{display:block;}
.select-date-dropdown-menu{background:rgba(217,217,217,0.30);background:#fff;width:210px;min-width:190px;border-radius:10px;border:1px solid #e5e5e5;padding:0;top:100%;position:absolute;z-index:99999;left:0;overflow:hidden;display:none;}
ul.calender-info-list li span{font-weight:500;}
ul.calender-info-list li span.day{font-weight:300;}
ul.calender-info-list li:last-child a{border-bottom:0;}
ul.calender-info-list li a:hover span.day{color:#000;}
.signup-newsletter ul {
    font-size: 100%;
    line-height: normal;
}
/* Status-popup end */
.form-control {
    display: block;
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #121213;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 0;
    background: #fff;
    box-shadow: none;
    outline: none;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 5px;
    font-family: var(--body-font);
    line-height: 20px;
}
.form-control:focus {
    box-shadow: 0 0 10px rgba(102, 102, 102, .1)
}
.calender-inputbox {
    position: relative;
    padding: 10px;
}
.calender-inputbox .form-control {
    font-size: 13px;
    padding: 8px 10px;
    padding-right: 40px;
}
.video-listing-section {
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top:20px;
     padding-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    grid-column-gap: 10px;

}
.video-player-list {
    width: 160px;
    height: 160px;
    min-width: 160px;
    min-height: 160px;
    border-radius: 100%;
    position: relative;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    background: #ccc;
    padding: 0;

}
.video-player-list:after {
    content: "";
    border: 5px inset #9758FF;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    z-index: 3;
    transform: translate(-50%, -50%);
}
.video-player-list:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .3);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 2;
}
.video-player-list.completed:before{display: none;} 
.video-player-list.completed:after{border: 8px solid #fff; z-index: 9;}
.video-player-list .time {
    padding-bottom: 10px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 99;
}
.video-player-list .time p {
    color: #fff;
}
.video-form-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    max-width: 100%;
}
.video-form-list .form-group {
    position: relative;
}
.progressbar {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-left: -2px;
    z-index: 4;
}
.progressbar:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .3);
    left: 50%;
    bottom: -30px;
    width: 114px;
    height: 29px;
    border-radius: 100%;
    z-index: 2;
    transform: translateX(-50%);
    background: url("../../../img/frontend-new/loader-shadow.png") no-repeat center bottom;
}
.circle {
    width: 161px;
    height: 161px;
    margin: 0 auto;
    margin-top: 0;
    display: inline-block;
    position: relative;
    text-align: center;
}
.circle canvas {
    vertical-align: middle;
    border-radius: 50%;
}
.circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 31px;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
}
.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.circle span {
    display: block;
    color: white;
    margin-top: 12px;
}



.ui-datepicker {
    z-index: 9999 !important;
}
.ui-datepicker-trigger {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.ui-selectmenu-button.ui-button {
    padding: 10px 10px;
    font-size: 14px;
    background: #fff;
    border-color: #DDDDDD;
    font-family: var(--body-font);
    border-radius: 5px;
    font-weight: 400;
    color: #121213;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#TodayInput-button.ui-selectmenu-button.ui-button {
    width: 100%;
}
.ui-menu .ui-menu-item-wrapper {
    font-size: 14px;
}
.ui-button .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background: url("../../../img/frontend-new/arrow-down.svg") no-repeat right center;
}
.page-wrapper {
    border-top: 2px solid #000;
    width: 100%;
    padding: 30px 0 0 0;
}
.page-flex-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    grid-column-gap: 30px;
}
.page-flex-container .page-content {
    width: 80%;
}
.page-flex-container .page-sidebar {
    width: 20%;
    min-width: 296px;
}
.page-sidebar .ads-section {
    display: flex;
    margin: 0 0 28px 0;
}
.section-content {
    background: #F9F9F9;
    border: 1px solid #E5E5E5;
    padding: 30px;
    padding-top: 7px;
    display: block;
    margin: 0 0 30px 0;
    border-radius: 6px;
}
.page-wrapper .title-section {
    display: block;
    margin: 0 0 20px 0;
}
h1 {
    font-size: 26px;
}
.section-content .heading-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
}
.heading-section .flex-col-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.view-all-btn a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #EE5044;
    font-size: 16px;
    white-space: nowrap;
    margin: 0 0 0 20px;
    font-weight: 500;
    transition: all .5s ease;
}
.view-all-btn a i {
    margin-left: 6px;
    font-size: 13px;
    font-weight: 400;
}
.view-all-btn a:hover, .view-all-btn a:hover i{color:#121213;}

#latestNewsInput {
    width: 153px;
}


#latestNewsInput-button .ui-selectmenu-text {
    text-transform: uppercase;
}

#latestNewsInput-button.ui-selectmenu-button.ui-button {
    width: 153px;
}

#latestNewsInput2 {
    width: 153px;
}


#latestNewsInput2-button .ui-selectmenu-text {
    text-transform: uppercase;
}

#latestNewsInput2-button.ui-selectmenu-button.ui-button {
    width: 153px;
}



.card-list .image-panel {
    margin: 0 0 20px 0;
    display: flex;
    position: relative;
}

.card-list .image-panel img {
    border-radius: 6px;
}

.card-list .image-panel .play-video-btn i{
    font-size:76px; color:rgba(255, 255, 255, .7);
}

.card-list .image-panel .play-video-btn{position: absolute; left:0; top:0; width:100%;height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all .5s ease;}

.card-list a:hover .play-video-btn{opacity: 1; visibility: visible;} 


.card-list a {
    text-decoration: none;
}

.card-list h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 10px 0;
    min-height: 38px;
}

.card-list .date {
    color: rgba(18, 18, 19, 0.50);
    font-size: 13px;
    font-weight: 400;
}

.card-list a:hover h3 {
    text-decoration: underline;
    font-weight: 700;
}

.artist-info a {
    display: flex;
    align-items: center;
    margin-top: 20px;
    text-decoration: none;
    color: #121213;
}

.artist-info .artist-image {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 10px 0 0;
}

.artist-info .artist-image img {
    max-width: 100%;
}

.artist-info .artist-name {
    font-size: 14px;
    font-weight: 600;
}

.card-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(221px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 50px;
}


.button-section-load-all {
    display: none;
    justify-content: center;
    padding: 30px 0 30px 0;
}



.carousel-wrapper {
    max-width: 1169px;
}

.artist-wrapper {
    display: inline-block;
    text-align: center;
    
}

.artist-slider .owl-stage{padding-left: 0!important;}
.video-listing-section  .owl-stage{padding-left: 0!important;}


.artist-wrapper .artist-image {
    /*width:135px; height: 135px;*/
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 15px;
  
}

.artist-wrapper .artist-name {
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    color: #121213;
}

.artist-wrapper a{
    text-decoration: none;
}
.artist-wrapper a:hover {
    text-decoration: underline;
    color: #121213;
}

.artist-slider .owl-nav .owl-next,
.artist-slider .owl-nav .owl-prev {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
}

.artist-slider .owl-nav .owl-next {
    right: 0;
    display: flex;
    margin-right: 0;
    font-size: 25px !important;
}

.artist-slider .owl-nav .owl-prev {
    left: 0;
    display: flex;
    margin-left: 0;
    font-size: 25px !important;
}

.artist-slider .owl-nav .owl-next i,
.artist-slider .owl-nav .owl-prev i {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
}

.artist-slider .owl-nav .owl-next:hover i,
.artist-slider .owl-nav .owl-prev:hover i {
    color: var(--primary-color);
}




.common-slider .owl-nav .owl-next,
.common-slider .owl-nav .owl-prev {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    background: rgba(0, 0, 0, .15) !important;

}

.common-slider .owl-nav .owl-next {
    right: 0;
    display: flex;
    margin-right: 0;
    font-size: 25px !important;
}

.common-slider .owl-nav .owl-prev {
    left: 0;
    display: flex;
    margin-left: 0;
    font-size: 25px !important;

}

.common-slider .owl-nav .owl-next:hover,
.common-slider .owl-nav .owl-prev:hover {
    background: rgba(0, 0, 0, .3) !important;
}

.common-slider .owl-nav .owl-next i,
.common-slider .owl-nav .owl-prev i {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
}

.common-slider .owl-nav .owl-next:hover i,
.common-slider .owl-nav .owl-prev:hover i {
    color: #fff;
}

.common-slider .owl-nav .disabled {
    opacity: 0;
    pointer-events: none;
}




.center-arrow-slider .owl-nav .owl-next,
.center-arrow-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    

}

.center-arrow-slider .owl-nav .owl-next {
    right: 0;
    display: flex;
    margin-right: 0;
    font-size: 25px !important;
}

.center-arrow-slider .owl-nav .owl-prev {
    left: 0;
    display: flex;
    margin-left: 0;
    font-size: 25px !important;

}

.center-arrow-slider .owl-nav .owl-next i,
.center-arrow-slider .owl-nav .owl-prev i {
    color: #999;
    font-weight: 400;
    font-size: 20px;
}

.center-arrow-slider .owl-nav .owl-next:hover i,
.center-arrow-slider .owl-nav .owl-prev:hover i {
    color: #ff3838;
}

.center-arrow-slider .owl-nav .disabled {
    opacity: .3;
    pointer-events: none;
}

.button-music-world {
    background: #484848;
    display: none;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
}

.button-music-world a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: flex; align-items: center;
   
   
}

.button-music-world span{display: inline-block; vertical-align: middle;}

.button-music-world a i {
    color: #fff;
    font-size: 16px;
     vertical-align: middle;
    margin-left:7px;
    display: flex; line-height: 15px;
}

.button-music-world a:hover {
    color: var(--primary-color);
}

.button-music-world a:hover i {
    color: var(--primary-color);
}
 


.home-carousel .owl-dots {
    position: absolute;
    left: 1%;
    width: 98%;
    bottom: 1px;
    height: 3px;
    display: flex;
    justify-content: space-between;
    grid-gap: 2px;
}

.home-carousel.owl-carousel button.owl-dot {
    width: 100%;
    background: rgba(255, 255, 255, 0.80);
    height: auto;
}

.home-carousel.owl-carousel button.owl-dot.active {
    background: var(--primary-color);
    height: auto;
}

.home-carousel.owl-carousel button.owl-dot:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.home-carousel.owl-carousel button.owl-dot:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.video-ads-carousel .owl-dots {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    
    display: flex;
    justify-content: space-between;
    grid-gap: 0;
}

.video-ads-carousel .owl-dots  button{
   line-height: 4px!important; height: 4px!important; 
}

.video-ads-carousel.owl-carousel button.owl-dot {
    width: 100%;
    background: rgba(255, 255, 255, .3);
    
}

.video-ads-carousel.owl-carousel button.owl-dot.active {
    background: rgba(255, 255, 255, .7);
}

.video-ads-carousel.owl-carousel button.owl-dot:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.video-ads-carousel.owl-carousel button.owl-dot:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}


.banner-home-text {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100vw;
    z-index: 2;
}

.banner-home-text h1 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-left: 10px;
}

.banner-home-text p {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding-left: 10px;
}

.banner-home-mobile {
    display: none;
}

.full-video-player {
    border-radius: 8px;
    position: relative;
}

.video-player-control-wrapper {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.94) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.video-player-controls-section {
    padding: 20px 20px 10px;
}


.video-player-controls-section .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
    margin-top: 0;
}

.video-player-controls-section .controls .left-controls ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 250px;
}

.video-player-controls-section .controls .left-controls a {
    display: flex;
}

.video-player-controls-section .controls .right-controls ul {
    display: flex;
    align-items: flex-start;
    height: 48px;
}

.video-player-controls-section .duration {
    margin: 0 0 0 10px;
}

.video-player-controls-section .duration {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}

.video-player-controls-section .sound-icon {
    margin-right: 5px;
}

.seek-bar-big .enron_slider {
    cursor: pointer;
    width: 100%;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 40%, rgb(228 228 228 / 30%) 40%, rgb(228 228 228 / 30%) 100%);
    height: 3px!important;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    border: none;
}
.video-player-controls-section input[type="range"]::-webkit-slider-thumb {
    background: #fff;
}

.play-pause-btn {
    position: relative;
    width: 50px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playBtn,
.PauseBtn {
    position: absolute;
}

 .small-video-player .sound-icon .sound-on, .small-video-player .sound-icon .sound-off {
    position: absolute;
    top: 50%;
    transform: translateY(-48%);
    left: -20px;
} 
.small-video-player .video-player-controls-section .controls .right-controls ul {
    align-items: center;
}
.full-screen-video-player .video-player-controls-section .controls .right-controls ul {
    align-items: flex-start;
}
.seek-sound-bar {
    width: 50px;
    height: 53px;
}
.fullScreen .left-controls {
    margin-top: -12px!important;
}
.video-player-controls-section .sound-icon a {
    display: flex;
}

.player-zoom-out {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

.closeBtnPopup {
    width: 33px;
    height: 33px;
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: red;
    border-radius: 100%;
    cursor: pointer;
}

.closeBtnPopup i {
    font-size: 20px;
    color: #fff;
}


.closeBtnPopup:hover {
    background: #D00B0B;
}

.selectDate span {
    margin-right: 5px;
}
.select-date-input {
    cursor: pointer;
    color: #121213;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
}
.select-date-input input {
    text-decoration: none;
    padding: 5px 30px 5px 18px;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #000;
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;


}

.select-date-input input:focus {
    cursor: pointer;
}

.select-date-input i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: all .5s ease;
}

.select-date-input.selected i {
    transform: translateY(-50%) rotate(180deg);
}

.select-date-input input::-webkit-input-placeholder {
    color: #000;
}


.select-date-input.mobile {
    display: none;
}

.staus-ads-mobile {
    display: none;
}


.fixed-header .logo img.desktop-logo {
    height: 47px;
}

.fixed-header .navigation-section .logo {
    width: 218px;
     padding: 11px 15px;
}


.fixed-header .navigation-section .header-contact-info-section {
    order: 1;
    padding-left: 230px;
}

.fixed-header .navigation-section {
    justify-content: flex-start;
}

.fixed-header .navigation-section .button-section {
    position: absolute;
    right: 0;
}

.fixed-header  .header .navi > li > a{padding-top: 22px; padding-bottom: 22px; }


.marquee {
    color: #121213;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 6px;
}

.marquee a {
    display: inline-block;
    text-decoration: none;
    color: #121213;
    font-size: 14px;
    font-weight: 500;
}
.marquee a:hover{
  text-decoration: underline; cursor: pointer;  
}
.marquee .story img {
    float: left;
    width: 78px;
    height: 68px;
    border-radius: 6px;
    margin-right: 6px;
}
.trending-new-section .content-section-sidebar .news-listing {
    display: flex;
    flex-direction: column;
}
.small-video-player:not(.full-screen-video-player) .video-player-controls-section .controls .left-controls ul {
    width: 150px;
}

.small-video-player:not(.full-screen-video-player) .video-player-controls-section .duration {
    font-size: 14px;
}

.small-video-player:not(.full-screen-video-player) .play-pause-btn {
    width: 20px;
}

.small-video-player:not(.full-screen-video-player) .backward-btn svg {
    height: 10px;
}

.small-video-player:not(.full-screen-video-player) .prev-btn svg {
    height: 13px;
}

.small-video-player:not(.full-screen-video-player) .play-pause-btn svg {
    height: 14px;
}

.small-video-player:not(.full-screen-video-player) .next-btn svg {
    height: 13px;
}

.small-video-player:not(.full-screen-video-player) .forward-btn svg {
    height: 10px;
}

.small-video-player:not(.full-screen-video-player) .video-player-controls-section .controls {
    height: 40px;
    margin-top: 0;
}

.small-video-player:not(.full-screen-video-player) .video-player-controls-section {
    padding: 10px 10px 0;
}

.small-video-player:not(.full-screen-video-player) .play-pause-btn {
    height: 20px;
    margin-left: 14px;
}
.small-video-player:not(.full-screen-video-player) .video-content-section-popup {
    padding: 0 16px;
}

.small-video-player:not(.full-screen-video-player) .full-video-player {
    border-radius: 0;
}

.small-video-player:not(.full-screen-video-player) .video-player-controls-section .sound-icon svg {
    height: 16px;
}

.small-video-player:not(.full-screen-video-player) .player-zoom-out {
    width: 48px;
    height: 48px;
}

.small-video-player:not(.full-screen-video-player) .player-zoom-out svg {
    height: 13px;
}

.small-video-player:not(.full-screen-video-player) .left-controls ul li:nth-child(2) {
    margin: 0px 9px 0px 25px;
}
.small-video-player:not(.full-screen-video-player) .left-controls ul li:nth-child(4) {
    margin: 0px 14px 0px 25px;
}

.video-player-wrapper {
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden;
    max-width: 444px;
    min-width: 444px;
}

.player-toogle-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ECECEC;
    padding: 15px 18px;
}


.player-toogle-section span i {
    margin-right: 10px;
}

.player-toogle-section span {
    font-size: 16px;
    font-weight: 500;
    color: #121213;
}

.player-song-listing {
    background: #fff;
    overflow-y: scroll;
    height: 440px;
    
}
.player-toogle-section a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.player-toogle-section .fa-list-ul {
    margin-right: 9px;
}

.player-wrapper .player-toogle-section .expandBtn {
    color: #000;
}

.player-wrapper .player-toogle-section .expandBtn i {
    color: #000;
    transition: all .5s ease;
}

.album-listing-section.expand-list .player-toogle-section .expandBtn i {
    transform: rotate(180deg);
}

.player-wrapper .player-toogle-section a:hover i {
    color: rgba(0, 0, 0, .7);
}

.player-song-listing .song-list a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
    text-decoration: none;
    position: relative;
    transition: all .5s ease;
}

.player-song-listing .song-list a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    width: 100%;
    height: 1px;
    background: var(--primary-color);
    opacity: 0;
    transition: all .5s ease;
}

.player-song-listing .song-list .song-image img {
    display: flex;
    width: 100%;
}

.player-song-listing .song-list .song-image {
    width: 76px;
    height: 62px;
    min-width: 76px;
    min-height: 62px;
    margin-right: 15px;
    position: relative;
}

.player-song-listing .song-info {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    padding-right: 70px;
    color: #121213;
}



.player-song-listing .song-list .song-image i {
    font-size: 28px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
}


.player-song-listing .song-list a:hover, .player-song-listing .song-list a.active {
    background: #FFF1F1;
    border-color: var(--primary-color);
    font-weight: 700;
    text-decoration: underline;
}

.player-song-listing .song-list a:hover:before, .player-song-listing .song-list a.active:before {
    opacity: 1;
    top: -1px;
}



.player-song-listing .song-list a:hover .song-image i, .player-song-listing .song-list a.active .song-image i  {
    opacity: 1;
}









.player-wrapper {
    max-width: 444px;
    position: relative;
    z-index: 999;
}

.small-player {
    width: 100%;
    background: var(--primary-color);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 5px;
    max-width: 444px;
    min-width: 444px;

}

.player-content-wrappers{
  position: fixed;
    right: 0;
    bottom: 10px;   
    max-width: 444px;
    min-width: 444px;
}

.full-screen-video-player .player-content-wrappers{
    bottom: inherit; top:0;   
    
}


.small-player .album-info {
    width: 100%;
}


.song-progress-bar input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 5px;
  height: 5px;
}


.small-player .album-info .song-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 18px;
    cursor: pointer;
    padding-top: 7px;

}

.small-player.active .expandBtn i{transform: rotate(180deg);}

.player-wrapper .expandBtn {
    display: flex;
    align-self: flex-end;
    color: #fff;
    text-decoration: none;
}

.player-wrapper .expandBtn i {
    color: #fff;
    font-size: 28px;
    transition: all .5s ease;
}

/* .player-wrapper .expandBtn:hover i {
    transform: rotate(180deg);
} */


.player-wrapper .circle-icon {
    color: #000;
    text-decoration: none;
}

.player-wrapper .circle-icon i {
    color: #000;
    font-size: 28px;
    transition: all .5s ease;
}







.player-wrapper .collapseBtn {
    display: flex;
    align-self: flex-end;
    color: #fff;
    text-decoration: none;
}

.player-wrapper .collapseBtn i {
    color: #fff;
    font-size: 28px;
}

.small-player .album-image {
    width: 76px;
    height: auto;
    min-width: 76px;
    min-height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.player-control .song-seek-section {
    padding-right: 18px;
}

.player-control .song-seek-section .song-progress-bar{
     line-height: 13px;
}
   

.small-player p {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding-top: 4px;
}
.small-player h4 {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.player-control .song-seek-section .enron_slider {
    background: rgba(228, 228, 228, .7);
}

.playBtn {
    color: #fff;
    font-size: 28px;
}

.video-player-wrapper {
    display: none;
}

.video-player-song-name-wrapper {
    display: flex;
    padding: 10px 0;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    background: var(--primary-color);
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.video-player-song-name-wrapper p {
    color: #fff;
    font-size: 17px;
    padding-left: 18px;
    padding-right: 60px;
}

.album-listing-section .circle-icon i {
    transition: all .5s ease;
}



.video-player-song-name-wrapper .collapseBtn {
    margin-right: 18px;
}

.video-player-song-name-wrapper .collapseBtn i{
    transition: all .5s ease;
}

/* .video-player-song-name-wrapper .collapseBtn:hover i{
    transform: rotate(180deg);
} */

.album-listing-section .circle-icon:hover i{
    transform: rotate(170deg);
}




.album-listing-section .player-toogle-section a .circle-icon i{
     transition: all .5s ease;
}

/*.album-listing-section .player-toogle-section a:hover .circle-icon i{
     transform: rotate(180deg);
}

.album-listing-section.expand-list .player-toogle-section a:hover .circle-icon i {
    transform: rotate(0deg); 

}*/

.album-listing-section.expand-list .player-toogle-section a .circle-icon i {
    transform: rotate(180deg); 

}



.album-listing-section .left-col-video {
    display: none;
}

.sound-icon {
    position: relative;
}

.full-screen-video-player .sound-icon .sound-on, .sound-icon .sound-off {
    position: absolute;
    top: 50%;
    transform: translateY(94%);
    left: -20px;
}
.seek-sound-bar input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 100%;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 40%, rgb(228 228 228 / 30%) 40%, rgb(228 228 228 / 30%) 100%);
    height: 3px!important;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    border: none;
    padding: 0;
} 
.sound-icon .sound-off {
    display: none;
}

.sound-icon.off-sound .sound-off {
    display: block;
}

.sound-icon.off-sound .sound-on {
    display: none;
}

.play-pause-btn .PauseBtn {
    display: none;
}

.play-pause-btn.playing .playBtn {
    display: none;
}

.play-pause-btn.playing .PauseBtn {
    display: block;
}

.center-player {
    width: 100%;
    padding: 20px;


}









body.full-screen-video-player {
    overflow-y: hidden;
}

.full-screen-video-player .album-listing-section .left-col-video {
    display: block;
}

.full-screen-video-player .album-listing-section {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
}

.full-screen-video-player .small-player {
    display: none;
}

.full-screen-video-player .video-player-song-name-wrapper {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.full-screen-video-player .player-toogle-section {
    padding: 10px 18px;
}

.full-screen-video-player .player-song-listing {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    background: #fff;
    height: calc(100% - 48px);
    overflow-y: scroll;
    border-top: 1px solid #000;
}

.full-screen-video-player .large-player {
    border-radius: 0;
    position: relative;
    left: 0;
    width: calc(100% - 444px);
    z-index: 99;
    margin-top: 48px;

}

.full-screen-video-player .player-wrapper {
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    background: rgba(0, 0, 0, .9);
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.full-screen-video-player .player-content-wrappers {
    max-width: 100%;
    min-width: 100%;
}


.full-screen-video-player .large-player {
    width: calc(100% - 444px);
}

body.fullScreen.full-screen-video-player .large-player {
    width: 100%;
}

.full-screen-video-player .video-player-wrapper {
    background: #000;
    margin-top: 0;
    position: relative;
}

.full-screen-video-player .left-col-video {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.full-screen-video-player .right-col-video {
    min-width: 444px;
    width: auto;
    max-width: 444px;
    border-left: 2px solid #000;
}

.full-screen-video-player .video-player-song-name-wrapper.small {
    display: none;
}

.full-screen-video-player .video-player-song-name-wrapper {
    height: 48px;
}

.full-screen-video-player .player-toogle-section {
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.full-screen-video-player .video-player-song-name-white {
    height: 48px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    padding: 10px 18px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    background: #fff;
    color: #000;
}

.full-screen-video-player .video-player-song-name-white p {
    color: #000;
    font-size: 22px;
    padding-right: 60px;
    font-weight: 500;
}

.full-screen-video-player .video-player-wrapper,
.full-screen-video-player .small-player {
    position: relative;
    max-width: 100%;
}

.full-screen-video-player .full-video-player .video-player {
    max-height: 100vh;
}

.signup-newsletter input.form-control:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px;
}






.search-wrapper-header{display: none; position: fixed; left:0; width:100%; z-index: 9;}
.search-section-mobile{display: flex; background: #484848; padding: 16px; padding-right: 0; }

.search-section-mobile .search-fn {
    position: relative;
    
    border-radius: 5px;
    display: flex;
    width:100%;
}

.search-section-mobile .search-fn input {
    padding: 12px 0;
    padding-left: 46px;
    padding-right: 0;
    width: 100%;
    border: 0!important;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    border-radius: 5px;
    font-size: 14px;
    color: #121213;
    line-height:normal;
    outline: none;
    box-shadow: none;
}



.search-section-mobile .search-fn a.icon-section {
    position: absolute;
    left: 13px;
    top:50%;
    transform: translateY(-50%);
}

.search-section-mobile .search-fn a.clear-search {
    position: absolute;
    right: 11px;
    top:50%;
    transform: translateY(-50%);
    font-size:12px; font-weight: 400;
    color:#484848;
    text-decoration: underline;
}

.search-section-mobile .search-fn a.clear-search:hover{
    text-decoration: none;
}

.clear-search{display: none;}
.cancel-search a{min-width: 57px; width:57px; display: block; height: 100%;  display: flex; justify-content: center; align-items: center;}


/*.............26-12-2023...............*/

.video-player-tabs{max-width:375px;}
.video-player-tabs ul{margin: 0; padding: 0; list-style: none; display: flex; width:100%; justify-content: flex-end;}
.video-player-tabs ul li{margin: 0; padding: 0; list-style: none; width:35%;}
.video-player-tabs ul li a{background: #ECECEC; color:#121213; padding: 5px 10px; border-top-left-radius:8px; border-top-right-radius:8px;  text-decoration: none; font-size:14px; line-height: 18px; display: flex; align-items: center; justify-content: space-between; height: 46px; }
.video-player-tabs ul li.active{width:65%;}
.video-player-tabs ul li.active a{background: var(--primary-color); color:#fff; border-top-right-radius: 0; margin-right:-5px;padding-right: 15px; }
.video-player-tabs ul li a i{font-size:20px; transition: all .5s ease;}
.video-player-tabs ul li span{display: inline-block; max-width: 172px; padding-right:0; font-size:14px; line-height: 16px;font-weight: 500;}
.video-player-tabs ul li.playing-next a:hover i{transform: rotate(90deg)}
.video-player-tabs ul li.playing-now{width:auto; white-space: nowrap;}
.video-player-tabs ul li.playing-now i{margin-right: 10px;}
.video-player-tabs ul li.playing-next-list{width:100%;}
.video-player-tabs ul li.expand a{
    border-radius: 0; height:32px;
}
.video-player-tabs ul li.collapse a{
    border-radius: 0; border-bottom-left-radius: 10px; height:32px;
}

 .subscribe-newsletter-mob{background: var(--primary-color); padding: 15px 20px; display: none;}
.subscribe-newsletter-mob .newsletter-input-box{position: relative; width: 100%; display: block;}
.subscribe-newsletter-mob input[type="text"]{ background: #fff; font-size:14px; line-height: 18px; font-weight: 400; color:#121213; padding: 0; height: 40px; border-radius: 6px; border:0; outline: none; box-shadow: none; padding-left: 12px; padding-right:60px;}
.subscribe-newsletter-mob button{width:40px; height: 30px; border-radius: 3px; display: flex; justify-content: center; align-items: center; position: absolute; right:5px; top:50%; transform: translateY(-50%); background: var(--primary-color); border:0; outline: none; box-shadow: none;}
.subscribe-newsletter-mob button:hover{background:#ff3838;}

.add-section-wrapper-mobile{margin-bottom: 30px; display: none; padding: 0 16px;}
.add-section-wrapper-mobile img{width:100%; max-width: 100%;}

/*.............02-01-2024..............*/

#ArtistCategoryInput {
    width: 225px;
}

#ArtistCategoryInput-button{width: 225px;}


#ArtistCategoryInput-button .ui-selectmenu-text {
    text-transform: uppercase;
}


#MostPopularInput {
    width: 153px;
}

#MostPopularInput-button{width: 153px;}


.artist-section-list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: center;
}

.artist-section-list .artist-listing a{text-decoration: none; text-align: center;  }
.artist-section-list .artist-listing a .artist-name{color:#121213; font-weight: 500;}



.artist-section-list .artist-listing .artist-image{
    border-radius: 100%; height:176px; width: 176px; overflow: hidden; position: relative; border:5px solid transparent; transition: all .5s ease;
    z-index: 1; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
}

.artist-section-list .artist-listing .artist-image img{
    max-width: 100%; width:100%; height:100%; border-radius: 100%;
}

.artist-section-list .artist-listing a:hover .artist-image{
    border:5px solid var(--primary-color);
}

.artist-section-list .artist-listing a:hover .artist-name{
    color:#121213; font-weight: 700; text-decoration: underline;
}


.artist-section-list .artist-listing .artist-name{
    margin-top:10px;
}


.pagination-section{display: flex; justify-content: center; padding: 20px 0 0; border-top:1px solid #E5E5E5; margin-top:30px;}

.pagination-links .page-link{
    width:40px; height: 34px; border-radius: 5px; border:1px solid #E5E5E5; display:flex; justify-content: center; align-items: center; opacity: .5;
}

.pagination-links .page-link:hover{border-color:#121213;  opacity:1;}

.pagination-section .pagination-links{display: flex; justify-content: center; grid-gap: 16px; align-items: center;}

.pagination-section .pagination-links .page-name{padding: 0 10px;}

.pagination-section .pagination-links .page-info-total{padding-left: 10px; font-weight: 300;}

.pagination-section .pagination-links a{text-decoration: none; color:#121213; font-weight: 400;}




.artist-detail-section{display: flex; }
.artist-detail-section .artist-info-section{min-width: 388px;}

.post-block .axil-post-title {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.axil-content .post-block__small.m-b-xs-30 {
    margin-bottom: 36px!important;
    margin-top: 0;
}
.axil-img-container.flex-height-container {
    height: calc(100% - 25px);
}
.footer_newsletter.section {
    margin-top: 40px;
}
.footer_newsletter .row {
    align-items: center;
}
.post-block {
    margin-bottom: 45px!important;
}
.video-content-section-popup .btn-regular {
    padding: 7px 7px;
    line-height: 21px;
    border-radius: 4px;
}
.player-zoom-out svg { filter: drop-shadow(0px 3px 4px rgb(0 0 0 / 49%)); }
.notification .alert {
    display: none;
}
/* 21/02/2024 */
 .weather-section {
    padding-left: 10px;
    height: 100px;
}
.weatherwidget-io iframe#weatherwidget-io-0 {
    height: 80px!important;
    display: flex!important;
    justify-content: center;
    align-items: flex-start;
    margin-top: 10px;
    transform: scale(0.6);
    transform-origin: left center;
}
.weatherwidget-io .current .weatherInfo {
    display: block!important;
    margin-top: -24px;
}
/* .weather-section .weatherwidget-io {
    height: 50px!important;
}  */

/* 22/02/2024 */
.section-hidden {
    background: #F9F9F9;
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 30px 0;
    border-radius: 10px;
    padding: 30px;
}
.section-hidden .polling-heading {
    color: #121213;
    font-size: 50px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 30px;
}
.section-hidden form h6 {
    color: #121213;
    font-size: 26px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 20px;
}
.polls-answers-wrapper .polls-answers-inner {
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.10);
    padding: 27px 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.polls-answers-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.form-section .error {
    border: 1px solid var(--primary-color);
}
/* .page-wrapper .container {
    max-width: 1180px;
} */
.page-flex-container .page-sidebar {
    width: 20%;
    min-width: 263px;
}
.section_for_polling .page-flex-container .page-sidebar {
    min-width: 263px;
}
.section_for_polling .page-flex-container {
    grid-column-gap: 49px;
}
.polls-wrapper-check i {
    font-size: 37px;
    padding-right: 23px;
}
.polls-wrapper-check span {
    color: #121213;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    width: 531px;
}
.polls-wrapper-check span u {
    text-decoration: none;
    font-weight: 600;
}
.polls-wrapper-check {
    display: flex;
    align-items: center;
}
.polls-wrapper-check.polls-content span {
    width: 510px;
}
.polls-wrapper-check i.fa-thin.fa-thumbs-down {
    transform: rotateY(-178deg) translateX(23px);
}
.radio-check input[type="checkbox"]+label::before, .radio-check input[type="radio"]+label::before  {
    width: 20px;
    height: 20px;
    border: 2px solid #121213;
    background: none;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.radio-check input[type="checkbox"]+label::before {
    border-radius: 0;
}
.radio-check input[type="checkbox"]+label::after, .radio-check input[type="radio"]+label::after {
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    background: #000000;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    opacity: 0;
}
.radio-check input[type="checkbox"]:checked+label::after, .radio-check input[type="radio"]:checked+label::after {
    opacity: 1;
}
.polls-answers-wrapper .polls-answers-inner input[type="checkbox"], .polls-answers-wrapper .polls-answers-inner input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
}
.polls-answers-wrapper .checked_poll {
    border-radius: 10px;
    border: 2px solid var(--primary-color);
    background: #FFF5F5;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.10);
}
.form-section-polling button.btn {
    background: var(--primary-color);
    color: #fff;
    padding: 12px 50px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
    line-height: 16px;
    font-weight: 600;
    outline: none;
    transition: all .5s ease;
    white-space: nowrap;
    box-shadow: 0 5px 0 0 rgba(195, 0, 1, 1);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-field-section {
    display: flex;
    gap: 30px;
    margin-top: 30px;
    align-items: center;
    margin-bottom: 30px;
}
.form-section label, .single-field label {
    margin: 0;
    color: #121213;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 7px;
}
.form-section input {
    border-radius: 6px;
    border: 1px solid #D3D7DA;
    background: #FFF;
    width: 100%;
}
.form-section {
    width: 53.5%;
}
.form-section input {
    border-radius: 6px;
    border: 1px solid #D3D7DA;
    background: #FFF;
    width: 100%;
    padding: 10px 18px;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}
.single-field-section span {
    color: #888889;
    font-size: 16px;
    font-weight: 400;
    padding-top: 30px;
}
.single-field textarea {
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    height: 99px;
    padding: 10px 18px;
}
.single-field-section span svg {
    margin-right: 6px;
}
.form-section-polling .single-field:last-child {
    margin-top: 30px;
}
.single-field label span {
    margin: 0;
    color: #888889;
    font-weight: 400;
}
.form-section input::placeholder, .form-section textarea::placeholder {
    color: #888889;
    font-size: 14px;
    font-weight: 400;
}
.input-section-panel input::placeholder {
    color: #121213;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    opacity: 0.5;
}
.form-section input::placeholder {
    opacity: 0.5;
}
.thnaku-wrapper-content h2, .thnaku-wrapper-content h6  {
    color: #121213;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: 50px;
}
.thnaku-wrapper-content h6 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
}
.thnaku-wrapper-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.thanku-message {
    padding: 60px 0px;
}
.polling_main_section .alert {
    margin-top: 15px;
}
/* 29/02/2024 */
.large-player .full-video-player .video-player {
    background-color: #000;
}
.single-blog-wrapper ul .divider {
    padding: 0px 6px;
}
.ad-widget-btn img {
    margin-bottom: 25px;
}
.single-blog-wrapper .gallery_section .gallery .caption {
    width: 100%;
}
/* portrait popup */
.modal.portrait .modal-dialog {
    height: 100vh;
    margin: 0 auto;
    padding: 20px;
}
.portrait .modal-content {
    border-radius: 12px;
    border: initial;
    color: #fff;
    box-shadow: 1px 1px 14px rgb(0 0 0 / 50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.portrait h3.modal_title {
    flex: 1;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.closebtn {
    justify-content: end;
    display: flex;
    cursor: pointer;
}
.portrait .modal-header svg path {
    fill: #fff;
}
.portrait .modal-header {
    background-color: var(--primary-color);
}
.modal .btn-inner {
    background: var(--primary-color);
    padding: 10px;
    display: block;
    border-radius: 5px;
    height: 100%;
    box-shadow: none !important;
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    margin-top: 20px;
}

/* 03/12/2025 */

.alert-msg-wrapper {
    margin-top: 10px;
    padding: 10px 0px;
    /* border: 1px solid var(--primary-color); */
    border-radius: 6px;
    /* background: #FFF5F5; */
    color: var(--primary-color);
}

/* Shimmer Css here */
.shimmer-bg { background: #f7f7f7; animation: shimmer 3s; animation-iteration-count: infinite; background-image: linear-gradient(to right, #e6e6e6 5%, #cccccc 25%, #e6e6e6 35%); background-image: linear-gradient(to left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%); background-size: 1000px 100%; border-radius: 10px; } @keyframes shimmer { from { background-position: -1000px 0; } to { background-position: 1000px 0; } }
.shimmer-flex .left-col-banner { min-height: 471px; }
.shimmer-main-content .shimmer-flex { display: flex; column-gap: 30px; row-gap: 20px; }
.shimmer-main-content .left-col-banner { width: 50%; }
.shimmer-main-content .right-col-banner { width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; grid-gap: 20px; }



/* Only shimmer @media screen here */
@media(max-width: 1200px) {
    .shimmer-main-content .shimmer-flex { flex-wrap: wrap; }
    .shimmer-main-content .left-col-banner, .shimmer-main-content .right-col-banner {width: 100%;}
}
@media(max-width: 767px) {
    .shimmer-main-content .container { padding: 0; }
    .shimmer-main-content .left-col-banner.shimmer-bg { border-radius: 0px; }
    .shimmer-flex .right-col-banner { display: none; }
}
@media(max-width: 575px) {
    .shimmer-flex .left-col-banner { min-height: 266px; }
}

/* 2/05/2025 */
.footer-newsletter-sec { padding: 19px 30px; background: #393738;}
.newsletter-main-sec {gap: initial; justify-content: space-between;}
.newsletter-left-inner, .news-left-link ul, .newsletter-main-sec, .newsletter-middle-sec, .news-status-img, .newsletter-right-sec, .footer-bottom-sec, .footer-bottom-left, .footer-bottom-right { display: flex;  align-items: center; gap: 30px;}
.news-status-img {gap: initial;}
.newsletter-middle-sec, .newsletter-right-sec {  gap: 10px;}
.news-left-head h4 { font-size: 16px; font-weight: 400;}
.news-status-img .rounded-image-section {  position: relative;}
.news-status-img .rounded-image-section img { padding: 3px;}
.news-status-img .rounded-image-section { position: relative; width: 29px; height: 29px;}
.news-status-content p, .news-status-content p small { color: #FFF; font-size: 12px; font-weight: 400; line-height: 14px;}
.news-status-content p small {font-weight: 100;}
.news-middle-status { display: flex; align-items: center; gap: 10px; border-radius: 4px;  background: linear-gradient(90deg, #2E3CC7 0%, #C632F9 100%); padding: 6px 9px; cursor: pointer;}
.news-middle-status .total-numbers { position: initial; width: 29px; height: 29px; filter: drop-shadow(0px 0px 3.575px rgba(0, 0, 0, 0.25)); margin-left: -6px;  color: #121213; font-size: 16px; letter-spacing: -1.6px;}
.footer-newsletter-sec .news-right-link input[type="submit"] { margin: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: auto; padding: 5px 38px 5px 19px; font-size: 12px;}
.news-right-link .subcribe { position: relative;}
.news-right-link .subcribe span { position: absolute; top: 7px; left: auto; right: 10px;}
.footer-newsletter-sec .news-right-link  input[type="email"] {border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.footer-newsletter-sec .news-right-link  input[type="email"], .footer-newsletter-sec .news-right-link input[type="submit"]  {height: 40px;}
.footer-bottom-sec {justify-content: space-between;}
.footer-bottom-left {gap: 10px;}
.footer-bottom { background: #CDDE60; padding: 9px 0px;}
.footer-bottom-left h4, .footer-bottom-head h4 { color: #121213; font-size: 16px; font-weight: 400;}
.news-status-arrow span { cursor: pointer;}
.footer-bottom-sec .footer-bottom-img ul li.hide { display: none;}
.footer-bottom-sec .footer-bottom-img ul li {  margin: 0;}
/* .footer-bottom-sec .footer-bottom-img ul li:not(:last-child) a::before { position: absolute; top: 0px; left: auto; content: "";  width: 2px; height: 54px; background: #ffffff; right: -4px; bottom: auto;} */
/* .footer-bottom-sec .footer-bottom-img ul li:hover {  border-radius: 4px; border-color: #fff;  transition: all 0.3s ease-in;} */
.footer-bottom-sec .footer-bottom-img ul li {  margin: 0; display: flex;   height: 56px; align-items: center;  position: relative; }
/* .footer-bottom-sec .footer-bottom-img ul li:hover a::before { background: initial;} */
.footer-newsletter-sec {position: sticky; top: auto; left: auto; width: 100%; bottom: 0; z-index: 9;}
.footer-bottom-sec .footer-bottom-img ul li::before {content: unset;}
/*   02/13/2025    */
.signup-whatsapp { display: flex; flex-direction: column; gap: 5px; margin-top: 15px;}
.signup-whatsapp h3, .signup-whatsapp h3 span  { color: #121213; font-size: 14px; font-weight: 500; line-height: 18px;}
.signup-whatsapp h3 span { color: #EB0303; font-weight: 400;}
.whatsapp-main-wrapper span.whatsapp-logo-img {width: 36px; height: 36px;}
.whatsapp-main-wrapper span.whatsapp-logo-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 1px solid #293C2E;}
.whatsapp-main-wrapper a.anchor-wrapper {display: flex; align-items: center; gap: 37px; width: 100%; justify-content: space-between;}
.whatsapp-main-wrapper span, .whatsapp-main-wrapper span i.fa-whatsapp, .whatsapp-main-wrapper i.fa-solid.fa-arrow-right-long {  color: #293C2E; font-size: 16px;  font-weight: 400; line-height: 130%;}
.whatsapp-main-wrapper span i.fa-whatsapp {margin-right: 3px;}
.whatsapp-main-wrapper { border-radius: 36px; border: 1px solid #293C2E; background: #65D072; display: flex; align-items: center; padding: 4px 12px 4px 4px; width: 100%; justify-content: space-between; transition: all 0.4s ease-in-out;}
.whatsapp-main-wrapper:hover i.fa-solid.fa-arrow-right-long { transform: translateX(3px);}
.whatsapp-main-wrapper i.fa-solid.fa-arrow-right-long {  transform: translateX(-8px); transition: all 0.5s ease-in-out;}
.footer-bottom-img ul li a img.daily-monroe-img { height: 49px;}

/* 18/02/2025 */
.footer-bottom-sec .footer-bottom-img ul li.banner-bg::before, .footer-bottom-sec .footer-bottom-img ul li.banner-bg::after, .footer-bottom-sec .footer-bottom-img ul li.banner-bg a::before, .footer-bottom-sec .footer-bottom-img ul li.banner-bg a::after { position: absolute; content: ""; top: 0; right: -2px; width: 2px; height: 100%; background: #ffffff; bottom: auto; margin: 0; transition: width 300ms ease-out 0.75s;}
.footer-bottom-sec .footer-bottom-img ul li.banner-bg::after { bottom: 0; right: 0; width: 0px;  height: 2px; top: auto;  transition: width 300ms ease-out 0.5s; background: #ffffff;}
.footer-bottom-sec .footer-bottom-img ul li.banner-bg a::before {  right: auto;  left: 0; height: 0; top: auto;  bottom: 0; transition: width 300ms ease-out 0.25s; background: #ffffff;}
.footer-bottom-sec .footer-bottom-img ul li.banner-bg a::after { bottom: auto; right: auto; left: 0; top: 0; width: 0px; height: 2px; transition: width 300ms ease-out 0s;  background: #ffffff;}
.footer-bottom-sec .footer-bottom-img ul li a { padding: 8px 25px 8px 25px;  cursor: pointer;}
.footer-bottom-img ul li.banner-bg:hover::after { width: 100%; transition: width 300ms ease-out 0.25s;}
.footer-bottom-img ul li.banner-bg:hover a::before { height: 100%; transition: height 300ms ease-out 0.75s;}
.footer-bottom-img ul li.banner-bg:hover a::after { width: 100%; transition: width 300ms ease-out 1s;}
/* .footer-bottom-sec .footer-bottom-img ul li.banner-bg:last-child::before { content: unset;} */
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:hover:last-child::before {content: "";}

.whatsapp-main-wrapper:hover { background: #293C2E;}
.whatsapp-main-wrapper:hover span i.fa-brands.fa-whatsapp, .whatsapp-main-wrapper:hover i.fa-solid.fa-arrow-right-long, .whatsapp-main-wrapper:hover span { color: #65D072;}
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(2) a::after, .footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(3) a::after, .footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(4) a::after { transition: width 300ms ease-out 0.5s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(2):hover a::after, .footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(3):hover a::after, .footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(4):hover a::after { width: 100%; transition: width 300ms ease-out 0.25s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5) a::after { transition: width 300ms ease-out 0s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5):hover a::after { transition: width 300ms ease-out 0s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5):hover::after { transition: width 300ms ease-out 0.60s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5)::after { transition: width 300ms ease-out 0.60s; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5)::before { transition: height 300ms ease-out 0.30s; height: 0; } 
.footer-bottom-sec .footer-bottom-img ul li.banner-bg:nth-child(5):hover::before { transition: height 300ms ease-out 0.30s; height: 100%; }
.loading i.fa.fa-3x.fa-spinner.fa-spin {font-size: 20px; margin: 6px 0;}

/* 24 july */
.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}