body{font-size:16px;font-family: 'Barlow', sans-serif;font-weight: 400; color:#ffffff;position:relative;margin: 0;padding: 0;overflow-x: hidden;background: #170501;}
a{text-decoration: none;}
*, *:before, *:after{box-sizing: border-box;} 
a{cursor: pointer;} 
.clearfix {overflow: hidden;}
.clear{clear:both} 
.img-responsive{width: 100%;}
.wrapper{max-width:  100%;position: relative;padding-top: 170px;margin: 0 auto;overflow: hidden;background: #000000;}
.innerwrapper{max-width: 1080px;position: relative;margin:0 auto;}
.header{padding: 0;width: 100%;position: fixed;top:0;left: 0;z-index: 99;left: 50%; -webkit-transform: translate(-50%, -0%);-moz-transform: translate(-50%, -0%);-ms-transform: translate(-50%, -0%); -o-transform: translate(-50%, -0%);transform: translate(-50%, -0%);background: #000 0% 0% no-repeat;} 
/*.navbar{width: 100%;float: left; border-bottom: 2px solid transparent; border-image: linear-gradient(0.25turn, rgba(56,2,155,0), rgb(250 198 144), rgba(56,2,155,0)); border-image-slice: 1;width: 100%;}
.navbar ul{margin: 0;padding: 0; list-style-type: none;float: left;}
.navbar ul li{display: inline-block; margin: 0px 10px 15px;position: relative;}
.navbar ul li a{display: inline-block;color: #AAAAAA;font-weight: 600;font-size: 20px;position: relative;}
.navbar ul li a.active{font-weight: 600;color: #ffffff;    padding-bottom: 5px; border-bottom: 3px solid #FAC793;}*/


.desktop-header {display: flex; justify-content: flex-start; width: 100%;    align-items: center;margin-top: 10px;}
.style-icon-logo {margin-right: 58px;}
.ad-box img, .desktop-header img{width: 100%;}

/*menu*/
#nav-icon {display: none;width: 25px;height: 25px;position: relative;margin: 0px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;cursor: pointer;   float: left;}
#nav-icon span {display: block;position: absolute;height:2px;width: 100%; background: #ffffff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) { top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 8px;}
#nav-icon span:nth-child(4) {top: 16px;}
#nav-icon.open span:nth-child(1) {top: 8px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
.bannerbox{ padding: 91px 0; background-image: url('https://www.bollywoodhungama.com/style-icons/images/banner-img.png');background-repeat: no-repeat; background-size: 100% 100%;}
.bn-tittle,.bn-txt{text-transform:uppercase;font-weight:500;padding:0}
.banner-box{display:flex;align-items:center}
.dt-banner{width:308px;margin-right:50px}
.bn-tittle{letter-spacing:8px;color:#fec993;font-size:80px;line-height:60px;margin:0}
.bn-txt{letter-spacing:8.4px;color:#fac690;font-size:24px;line-height:28px;margin:20px 0 0}
/* about us */
.tittle-row {display: block;text-align: center;} 
.first-div{margin: 0 13px 0 0;}
.last-div {margin: 0 0 0 7px;}
.first-div, .last-div { width: 2px;height: 18px; -ms-transform: rotate(19deg); -webkit-transform: rotate(19deg);transform: rotate(19deg); background-color: #FAC690;display: inline-block;}
.tittle-row h1.tittle, .tittle-row h2.tittle{display: inline-block;}
.aboutbox{ padding: 100px 0; background-image: url('https://www.bollywoodhungama.com/style-icons/images/about-award-bg-l.png');background-repeat: no-repeat; background-size: 100% auto;}
h1.tittle, h2.tittle {  letter-spacing: 9.6px; color: #FAC690; text-transform: uppercase;  text-align: center;  font-weight: 500;  font-size: 24px; padding: 0; margin: 0 0 40px;}
.abcettbox {display: flex;}
.ab-left-txt {width: 50%; border-image: linear-gradient(180deg, #F0B98100 0%, #EDB780 26%, #EAA45B 76%, #E4B27F00 100%) 0 1 / 1 / 0 stretch; border-width: 2px; border-style: solid; border-top: 0; border-left: 0; border-bottom: 0;}
.ab-right-txt {width: 50%;  }
.ab-txt { letter-spacing: 0.4px;color: #CBCBCB; font-size: 20px;line-height: 35px;padding: 0 30px;}
.ab-txt b { margin-top: 20px;display: block;}
.btn.btn-primary,.more{color:#fac690;font-size:20px;font-weight:500}
.more{letter-spacing:.4px}.btn.btn-primary{letter-spacing:2px;width:150px;height:50px;border:2px solid #fac690;border-radius:25px;display:block;text-align:center;line-height:43px}

/* NEWS */
.news {padding: 100px 0 0;background-color: #1A1A1A;-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);width: 115%;margin-left: -7%; }
.news .innerwrapper {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);clear: both;}
.newscettbox { display: flex;}
.news-left-txt {width: 40%; text-align: right; padding-right: 57px;}
.news .newscettbox .news-left-txt img.img-responsive{max-width: 274px;}
.news-right-txt {width: 60%;    margin-bottom: 0px;}
.title-3 {color: #FFFFFF; font-size: 40px; line-height: 48px; font-weight: bold;padding-right: 40px; margin-bottom: 32px; margin-top: 0;}
.news-right-txt p.ab-txt { padding: 0; margin: 0 73px 0 0;}
.showLink, .hideLink, .more-row {letter-spacing: 0.4px;color: #CBCBCB; font-size: 20px; line-height: 35px;  padding: 0;}
.showLink, .hideLink{color: #FAC690; font-weight: 500;line-height: normal;}
.news-right-txt .btn.btn-primary { margin-top: 37px;}
.box-shadow{box-shadow: 10px 10px #fac690;background-color: #fac690;border-radius: 30px;}
/* The Jury */
.the-jury { padding: 100px 0;}
.the-jurycettbox {display: flex;justify-content: center;align-items: center;}
.the-jury-img .box-shadow {border-radius: 50%;box-shadow: 9px 9px #fac690;}
.the-jurybox .btn.btn-primary {margin: 77px auto 0;}
.the-jurybox {text-align: center;justify-content: center;}
.the-jury-img {margin: 0 33px;width: 33.33%;}
.the-jurybox h3.tittle {font-size: 24px;line-height: normal;color: #fff;margin: 29px 0 8px;font-weight: bold;}
.the-jurybox p.tittle {font-size: 18px;color: #CBCBCB;line-height: normal;margin: 0;padding: 0;font-weight: 500;}
.div-line {width: 19px;height: 3px;margin: 14px auto 0;background: #FAC690;border-radius: 5px;}

/* Partner */
.the-hosts {padding: 100px 0 0;background-color: #621F2F;-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);width: 107%;margin-left: -3.5%;}
.the-hosts .innerwrapper {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);clear: both;}
.the-hosts h2.tittle {margin: 0 0 30px;}
.the-hosts-left, .the-hosts-right {display: flex;position: relative;}
.the-hosts-row {display: flex;    margin-bottom: -64px;}
.the-hosts-right img {margin-bottom: 48px;}
.the-hosts-right img, .the-hosts-left img {width: 100%;}
.the-hosts-left h3, .the-hosts-right h3 {    font-weight: 600;letter-spacing: 0px;color: #FAC690;position: absolute;top: 83px;width: 175px;height: 175px;background-color: #000;border-radius: 50%;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 30px;word-break: break-word;padding: 10px;line-height: normal;margin: 0; box-shadow: 0px 0px 30px 20px #f7b26a4d;}
.the-hosts-left::after {content: "";position: absolute;left: 20%;top: 3%;background-color: #972f49;width: 69%;height: 100%;border-radius: 160px;z-index: -99999999;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.the-hosts-right::after {content: "";position: absolute;left: 19%;top: 3%;background-color: #972f49;width: 69%;height: 100%;border-radius: 160px;z-index: -99999999;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.the-hosts-left h3{left: 45px;}
/* .the-hosts-left h3{left: 26px;} */
.the-hosts-right h3{right: -26px;top: 110px;}


#trophy .video-box iframe{	
    border-radius: 20px;	
    border: 2px solid #f2c08b;	
	width : 100%;	
}	
.ab-left-txt{border: none;}	
/* #trophy.aboutbox{background-image: none;}	 */
@media screen and (min-width:990px){	
	#trophy .ab-left-txt, #trophy .ab-right-txt{padding: 0px 30px; }	
	#trophy .ab-left-txt .ab-txt{padding : 0px;}	
	#trophy .aboutusrowbox{margin-top: 50px;}	
}

/* people-choice */
.people-choice {padding: 100px 0;background-color: #1A1A1A;-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);width: 115%;margin-left: -7%;}
.people-choice .innerwrapper {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);clear: both;}
.people-choicebox {
    text-align: center;
    justify-content: center;
	margin-top: 50px;
}
.people-choicecettbox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.people-choicebox .btn.btn-primary {
    margin: 77px auto 0;
}
.people-choice h2.tittle {margin: 0 0 30px;}
.people-choice-img-left {
    width: 50%;
    border-image: linear-gradient(180deg, #F0B98100 0%, #EDB780 26%, #EAA45B 76%, #E4B27F00 100%) 0 1 / 1 / 0 stretch;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}
.people-choice-img-right{width: 50%;}
.people-choice-img-left img, .people-choice-img-right img{width: 275px;}
.devider{
	width: 80%; 
	height: 1px;	
	background: transparent linear-gradient(90deg, #F0B98100 0%, #EDB780 26%, #EAA45B 76%, #E4B27F00 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
	margin: 40px auto;
}
.media-partner img{width: auto !important; height: 30px;}

.vote.selected{background: #FAC690 0% 0% no-repeat padding-box; color: #000000; border: 2px solid transparent; font-weight: 600;}
.vote{
	border: 2px solid #FAC690;
    border-radius: 25px;
    width: 160px;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #FAC690;
    background: transparent;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
	margin: 12px auto;
}

.vote.voted{ margin: 0px auto; display: block; margin-top: 30px;}
.vote.voted:hover{background: #FAC690 0% 0% no-repeat padding-box; color: #000000; border: 2px solid transparent; font-weight: 600;}
.nominees-box.male .nominees-img img, .nominees-box.female .nominees-img img, .nominees-box.gbreaking .nominees-img img, .nominees-box.TRAILBLAZING .nominees-img img, .nominees-box.TRENDSETTING .nominees-img img, .nominees-box.ENTREPRENEUR .nominees-img img, .nominees-box.performermale .nominees-img img, .nominees-box.VERSATILE .nominees-img img, .nominees-box.performerfemale .nominees-img img, .nominees-box.DYNAMIC .nominees-img img, .nominees-box.Jodi .nominees-img img, .nominees-box.DigitalStar .nominees-img img, .nominees-box.Entertainer .nominees-img img, .nominees-box.Youth .nominees-img img, .nominees-box.Charismatic .nominees-img img, .nominees-box.PanIndia .nominees-img img, .nominees-box.Trailblazer .nominees-img img, .nominees-box.PanIndia .nominees-img img, .nominees-box.Fashionicon .nominees-img img, .nominees-box.FilmMaker .nominees-img img, .nominees-box.Stepper .nominees-img img, .nominees-box.Music .nominees-img img, .nominees-box.Stealer .nominees-img img, .nominees-box.Powerhouse .nominees-img img, .nominees-box.ClassicBeauty .nominees-img img, .nominees-box.pperformer .nominees-img img, .nominees-box.risktaker .nominees-img img, .nominees-box.trendsettingmale .nominees-img img, .nominees-box.multifaceted .nominees-img img, .nominees-box.megaperformer .nominees-img img, .nominees-box.mouldbreaking .nominees-img img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.nominees-box.male .nominees-img.color-img img, .nominees-box.female .nominees-img.color-img img, .nominees-box.gbreaking .nominees-img.color-img img, .nominees-box.TRAILBLAZING .nominees-img.color-img img, .nominees-box.TRENDSETTING .nominees-img.color-img img, .nominees-box.ENTREPRENEUR .nominees-img.color-img img, .nominees-box.performermale .nominees-img.color-img img, .nominees-box.VERSATILE .nominees-img.color-img img, .nominees-box.performerfemale .nominees-img.color-img img, .nominees-box.DYNAMIC .nominees-img.color-img img, .nominees-box.Jodi .nominees-img.color-img img, .nominees-box.DigitalStar .nominees-img.color-img img, .nominees-box.Entertainer .nominees-img.color-img img, .nominees-box.Youth .nominees-img.color-img img, .nominees-box.Charismatic .nominees-img.color-img img, .nominees-box.Trailblazer .nominees-img.color-img img, .nominees-box.PanIndia .nominees-img.color-img img, .nominees-box.Fashionicon .nominees-img.color-img img, .nominees-box.FilmMaker .nominees-img.color-img img, .nominees-box.Stepper .nominees-img.color-img img, .nominees-box.Music .nominees-img.color-img img, .nominees-box.Stealer .nominees-img.color-img img, .nominees-box.Powerhouse .nominees-img.color-img img, .nominees-box.ClassicBeauty .nominees-img.color-img img, .nominees-box.pperformer .nominees-img.color-img img, .nominees-box.risktaker .nominees-img.color-img img, .nominees-box.trendsettingmale .nominees-img.color-img img, .nominees-box.multifaceted .nominees-img.color-img img, .nominees-box.megaperformer .nominees-img.color-img img, .nominees-box.mouldbreaking .nominees-img.color-img img{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ 
	filter: grayscale(0%);	
}

/* Overlay */
.overlay-box{
	width: 27%;
    max-height: 55%;
    height: inherit;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px;
    display: flex;
	align-items: center;
    justify-content: center;
    margin: 0px auto;
    position: relative;
    top: 25%;
	
}
.overlay-box .voted-icon {
    width: 100px;
    height: auto;
    position: absolute;
    top: -50px;
}
#overlay {
	position: fixed;
	display: none !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 120;
	cursor: pointer;
}

#text{
	position: absolute;
    top: 50%;
    left: 50%;
    color: #000;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}

#text h3{
	font-size: 40px;
    margin: 0px;
    margin-top: 30px;
}
.overlay-box .submit-home{
	color: #fff;
    background-color: #80C158;
    text-align: center;
    border-radius: 25px;
    border: none;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
    padding: 10px 15px;
    display: inline-block;
}
#text p{
	font-size: 20px;
}
/* Partner */

.sponcer .powered-by .tvs{margin-right: 20px !important;}
.sponcer .powered-by .looks{margin-left: 20px !important;}
.sponcer .powered-by{
	display: flex; align-items: center;
}
@media screen and (min-width:990px){
	.sponcer:nth-child(1):after,
	/* .sponcer:nth-child(5):after, */
	.sponcer:nth-child(5):after,
	.sponcer:nth-child(12):after,
	.sponcer:nth-child(16):after
	/*.sponcer:nth-child(19):after */
	{display: none;}
	
	.sponcer:nth-child(4):after{
		top: 50px;
		right: -5px;
	}
	
	.sponcer:after {
		content: '';
		width: 1px;
		height: 30px;
		background: #707070;
		right: -15px;
		position: absolute;
		top: 30px;
	}
}
.horizontal-row{
	width: 25%;
    display: inline-block;
    height: 1px;
    background: #707070;
}
#winner .nominees-box .nominees-img img{
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
}
#winner .nominees-box .nominees-img .winner img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.winner{
	position: relative;	
}
.winner .bottom-left {
	position: absolute;
	bottom: -7px;
	left: 0px;
	text-align: left;
}
.winner .bottom-left img{
	width: 100%;
}
.loader {
	display:inline-block;
	border: 5px dotted lightgray;
	border-radius: 50%;
	border-top: 5px solid gray;
	border-bottom:5px solid gray;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 1s linear infinite; 
	animation: spin 1s linear infinite; 
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
.loader-symbol{
text-align:center}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.hungama-logo{display: flex; align-items: center; justify-content: center;}
.promotion-partners{text-align: center; margin-top: 32px;}
.promotion-partners .partner-logo{width: 20% !important;}
.sponcer div { font-size: 14px; }
.sponcer {position: relative; display: inline-table; margin: 0px 16px 33px;}
.sponcer .partner-logo{ width: auto !important; position: relative; margin: 10px 0px 0px !important;}
.partner { padding: 128px 0 95px;}
.social-media{margin-bottom: 15px;}
.partner .partner-logo { margin: 10px 20px;}
.partner-center {  margin: 32px 0; text-align: center; display: inline-table; letter-spacing: 0px; color: #FFFFFF; opacity: 1; margin-bottom: -24px; margin-top: 73px; width: 100%;}
.div-line-col {height: 30px; width: 1px;background-color: #707070;}
/* news page */
.news-page, .the-jury-page, .nominees, .photo, .summit { padding: 70px 0; background-image: url(https://www.bollywoodhungama.com/style-icons/images/news-banner.png); background-repeat: no-repeat; background-size: 100%; background-position: center top;}
.news-page .news-left-txt{width:20%;text-align:right;padding-right:45px;width:22%;text-align:right;padding-right:48px}
.news-page .news-right-txt{width:78%;margin-bottom:0}
.news-page-box{display:flex;width:100%;clear:both;margin-bottom:60px}
.news-page .newscettbox{display:block}.np-title{color:#fff;font-size:30px;line-height:38px;font-weight:700;margin:0 0 20px;padding:0}
.np-txt{font-size:18px;line-height:30px;color:#CBCBCB;margin:0;padding:0}
.news-page-box .box-shadow{box-shadow:5px 5px #fac690;background-color:#fac690;border-radius:20px}
.center{text-align:center;justify-content:center}
.the-jury-row{text-align:center;justify-content:center}
.the-jurycritbox{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}
.the-jurycritbox .the-jury-img{margin:0 0 40px}
.the-jurycritbox h3.tittle{font-size:24px;line-height:30px;letter-spacing:0;color:#FFF;font-weight:700;margin:22px 0 5px}
.the-jurycritbox p.tittle{font-weight: 500; letter-spacing:0;color:#CBCBCB;text-transform:uppercase;font-size:18px;line-height:normal;margin:0 0 15px}
.the-jurycritbox img.box-shadow.img-responsive{width:100%;max-width:275px}
/* photo */
.photos{box-shadow:10px 10px #fac690;background-color:#fac690;border-radius:30px;max-width:800px;width:100%}
.photos-box{max-width:800px;margin:0 auto}
.photo-img h3.tittle{font-weight: bold;letter-spacing:0;color:#FFF;font-size:30px;line-height:36px;margin:30px 0 60px;text-align:center}
.photo-img{margin:0 10px 0 0}
/* Nominees */

.nominees-box {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 0 0 40px;}
.nominees-img .box-shadow.img-responsive{box-shadow: 9px 9px #fac690;background-color: #fac690;border-radius: 20px;max-width: 188px;}
.nominees-img h3.tittle {font-size: 19px;line-height: normal;color: #fff;margin: 25px 0;font-weight: 700;max-width: 188px;}  
.nominees-img.video h3.tittle{max-width: unset;}
.nominees-img {margin: 0 12px; margin-bottom: 20px;}
h3.nominees-tit {letter-spacing: 0px;color: #FAC690;text-transform: uppercase;font-size: 32px;text-align: center;margin: 20px 0 23px;font-weight: 600;}
.nominees-line {width: 55px;height: 3px;margin: 0 auto 36px;background: #FAC690;border-radius: 5px;display: block;}
.sub-tittle h2.nominees-tittle {letter-spacing: 0px;color: #FFFFFF;text-transform: uppercase;font-size: 65px;line-height: normal;font-weight: 600;margin: 0 0 5px;}
.sub-tittle h3.tittle {font-size: 40px;margin: 0px 0 55px;font-weight: 500;}
/* video */
.videosrow-box {display: flex;align-items: center;flex-wrap: wrap;text-align: center;margin: 0 0 40px;}
.videosrow-box .nominees-img {margin: 0 12px;max-width: 47%;}


.video-img {border-radius: 20px;background-color: #d9d9d9;    width: 100%;}
.videosrow-box .nominees-img h3.tittle {letter-spacing: 0px;color: #FFFFFF;font-size: 24px;text-align: left;line-height: normal;margin: 14px 0 48px;padding: 0;min-height: 89px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;    font-weight: bold;}
.video-box {position: relative;border-radius: 20px;overflow: hidden;}
.video-icon {position: absolute;bottom: 20px;left: 20px;z-index: 0000;}
.video-box .content-overlay { background: rgba(0,0,0,0.5); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 1; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}


/* footer */
.footer{border-top: 3px solid #FAC690;width: 100%;background: #000000;padding: 30px 0 40px;text-align: center;}
.footer p{color: #ffffff;font-size: 14px;margin: 0;font-weight: 500;}
.footer a{color: #ffffff;font-size: 16px;margin: 0 1%;}
.footer a:hover{    color: #FAC690;}
.clink #Path_3461:hover, .clink #twitter_1_:hover, .clink #Path_3464:hover, .clink #Path_3463:hover, .clink #Path_3462:hover { fill: #FAC690;}
.footer .text-link {margin: 26px 0 17px;}
.smh-facebook-logo, .smh-instagram-logo, .smh-twitter-logo{display: none;}
.footer a:hover .smh-facebook-logo, .footer a:hover .smh-instagram-logo, .footer a:hover .smh-twitter-logo { display: inline-block;}
.footer a:hover .sm-facebook-logo, .footer a:hover .sm-instagram-logo, .footer a:hover .sm-twitter-logo {display: none;}
.more-row { display: none; }
.asso-with-list {list-style-type: none;text-align: center; display: flex;justify-content: center; -moz-justify-content: center;}
.asso-with-list li {display: inline-flex;align-items: center;position:relative;padding-right: 30px;}
.asso-with-list li:after {content: '';width: 1px;height: 30px;background: #707070;right: 15px;position: absolute;}
.asso-with-list li:last-child:after{display:none;}
.asso-with-list li img {margin-left: 10px;}
.asso-event-box-row {margin: 70px 0 20px;}

@media screen and (max-width:1280px){
	.header,.popup{width: 100%;top:0%;left: 0%; -webkit-transform: translate(-0%, -0%);-moz-transform: translate(-0%, -0%);-ms-transform: translate(-0%, -0%); -o-transform: translate(-0%, -0%);transform: translate(-0%, -0%);}   
}
@media screen and (max-width:1200px){
	.innerwrapper{width: 90%;} 
	.navbar ul li{margin: 10px 5px;}
	.wrapper{padding-top: 150px;}
	.navbar ul li a {font-size: 16px; text-align: center;display: block;}
	.the-hosts-right h3 {right: 0px;}
	.the-jurycritbox .the-jury-img {  margin: 0 0 40px;}
	.the-jurycritbox img.box-shadow.img-responsive { width: 90%;}
	.bn-tittle {font-size: 66px;}
	.bn-txt {font-size: 20px;}
	.desktop-header a.style-icon-logo img { width: 123px;}
}
@media screen and (max-width:990px){
	.the-hosts-left h3, .the-hosts-right h3 { width: 135px; height: 135px;font-size: 22px;}
	.the-hosts-right h3 {right: 5px; }
	.navbar ul li a {font-size: 13px;}
	.dt-banner {width: 276px; margin-right: 40px;}
	.bn-tittle {letter-spacing: 5px;font-size: 54px;}
	.bn-txt {letter-spacing: 4.4px; font-size: 19px;}
	.videosrow-box .nominees-img {margin: 0;max-width: 100%; width: 100%;padding: 0 11px;}
	.videosrow-box .nominees-img .video-box iframe{height: 417px;} 
	.overlay-box{width: 40%; max-height: 60%;}
	.overlay-box .voted-icon{width: 80px;}
	#text h3{font-size: 35px;}
	.people-choice-img-left img, .people-choice-img-right img{width: 175px;}
	.videosrow-box .nominees-img .video-box iframe{width: 100%;}
	#trophy .video-box iframe{ width: 100%; height: 215px;}
}
@media screen and (max-width:767px){		
	.style-icon-logo{ margin-right: 5px;} 
	.ad-box img { width: 100%;}
	.desktop-banner{display: none!important;} 
	.mobile-banner{display: block!important;} 
	.navbar{overflow: scroll;border-bottom: 1px solid transparent;}
	.navbar ul li a { font-size: 14px;}
	.navbar ul li { margin: 15px 10px 22px;}
	.navbar ul { position: relative; white-space: nowrap;display: inline-block;}
	.header .innerwrapper {width: 97%;}
	/*#nav-icon{display: none;margin-top: 10px;margin-right: 15px;    margin-left: 20px;}  */ 
	.wrapper{padding-top: 108px;}
	.header{padding: 5px 0 0;}
	.abcettbox{display: block;}
	.ab-left-txt, .ab-right-txt{width: 100%;}
	.banner-box{text-align: center;justify-content: center;}
	.ab-txt b { margin-top: 9px;}
	.bn-title { text-align: left;}
	.bn-tittle { letter-spacing: 4px; color: #fec993; font-size: 27px; line-height: 30px;}
	.bn-txt {letter-spacing: 4px; font-size: 8px; line-height: 10px; margin: 10px 0 0;}
	.dt-banner { max-width: 150px; margin-right: 30px;}
	.bannerbox, .aboutbox, .news, .the-jury{ padding: 30px 0;} 
	.the-hosts, .partner, .news-page, .photo, .nominees, .people-choice{ padding: 58px 0  50px;}
	h2.tittle{ margin: 0 0 15px;letter-spacing: 2.6px; font-size: 11px;}
	.ab-left-txt{border: none;}
	.ab-txt{letter-spacing: 0.4px;font-size: 11px; line-height: 18px; padding: 0;    margin: 0;}
	.np-title {font-size: 14px;line-height: 15px; margin: 8px 0 13px;}
	.np-txt { font-size: 12px;line-height: 18px;}
	.news-page .news-left-txt{padding-right: 20px;}
	.news-page-box {margin-bottom: 26px;}
	.news-page .news-left-txt {width: 33%;}
	.news-page-box .box-shadow { max-width: 100px;box-shadow: 3px 3px #fac690; background-color: #fac690; border-radius: 10px;}
	.title-3 {font-size: 14px;line-height: 15px; padding: 0; margin: 0 0 11px;}
	.news-right-txt p.ab-txt { margin: 0 0 0px;}
	.showLink, .hideLink, .more-row {font-size: 11px;line-height: 15px;}
	.news-right-txt{ margin-bottom: 0;}
	.the-jury-img .box-shadow {width: 100%;box-shadow: 0px 4px #fac690; margin-top: 10px;}
	.the-jurybox h3.tittle { font-size: 12px; margin: 10px 0 4px;}
	.the-jurybox p.tittle {font-size: 9px;}
	.the-jurybox .btn.btn-primary { margin: 20px auto 0;}
	.the-jury-img { margin: 0 14px;width: 33.33%;}
	.the-jurycettbox { align-items: flex-start;}
	.div-line { width: 11px; height: 1px; margin: 6px auto 0; border-radius: 5px;}
	.news-right-txt .btn.btn-primary {margin-top: 24px;}
	.btn.btn-primary { letter-spacing: 1px; width: 114px; height: 25px; line-height: 22px; font-size: 11px; border-radius: 12px;}
	.the-hosts-left, .the-hosts-right { display: block;}
	.hosts-img { width: 100%;}
	.the-hosts-left h3 {left: 3.125vw;}
	.the-hosts-right img { margin-bottom: 0;}
	.the-hosts-right h3{right: 0;}
	.the-hosts-row {margin-bottom: -92px;}
	.the-hosts-left h3, .the-hosts-right h3 {top: 15.625vw; width: 15.5vw; height: 15.5vw; font-size: 2.30vw; padding: 2.125vw; box-shadow: none;}
	.partner-center { margin: 10px 0 0;}
	.partner .partner-logo { margin: 5px;flex-wrap: wrap; justify-content: center;    width: 11%;}
	.sponcer .partner-logo{height: 40px !important;}
	.sponcer .partner-logo.presenting{height: auto !important;width: 260px !important;} 
	.div-line-col{display: none;}
	.the-jury-page{ padding: 57px 0 50px;}
	.the-jurycritbox { margin-top: 0;}
	.the-jurycritbox h3.tittle { font-size: 12px; line-height: 13px;margin: 10px 0 4px;}
	.the-jurycritbox p.tittle {font-size: 9px;margin: 0 0 7px;}
	.the-jurycritbox .the-jury-img { margin: 0px 0 29px;}
	.the-jurycritbox img.box-shadow.img-responsive { width: 90%;}
	.sub-tittle h2.nominees-tittle { font-size: 19px; margin: 0 0 5px;}
	.sub-tittle h3.tittle { font-size: 12px;margin: 0px 0 13px;}
	h3.nominees-tit { font-size: 9px; margin: 0px 0 10px;}
	.nominees-line {width: 20px;height: 1px;margin: 0 auto 30px;}
	.nominees-img h3.tittle {font-size: 12px;margin: 15px 0;}
	.nominees-box {align-items: flex-start; flex-wrap: wrap; margin: 0 0 0px;}
	.nominees-img { margin: 0 0px; width: 33.33%; padding: 0 10px 30px;}
	.nominees-img .box-shadow.img-responsive { box-shadow: 5px 5px #fac690; background-color: #fac690;border-radius: 20px;}
	.nominees-img h3.tittle {font-size: 12px; margin: 9px 0 0;}
	h1.tittle, h2.tittle {letter-spacing: 4.6px; font-size: 11px;margin: 0 0 20px;}
	.first-div, .last-div { height: 11px;}
	.first-div { margin: 0 7px 0 0;}
	.last-div {margin: 0 0 0 7px;}
	.photo-img h3.tittle {font-size: 14px; line-height: 15px; margin: 15px 0 20px;}
	.photos {border-radius:20px; max-width: 264px;box-shadow: 5px 5px #fac690;}
	.photos-box {text-align: center;}
	.video-box .video-img { width: 100%;}
	.videosrow-box .nominees-img {margin: 0; width: 100%;padding: 0 11px;}
	.videosrow-box .nominees-img h3.tittle {font-size: 12px;margin: 7px 0 30px; padding: 0;min-height: 40px;}
	.video-icon {bottom: 12%;left: 5%;z-index: 0000;width: 15%;}
	.news .news-left-txt { padding-right: 20px;}
	.news .news-left-txt img { box-shadow: none;    width: 90%;border-radius: 20px;max-width: 125px;    background-color: transparent;}
	.news .innerwrapper, .the-hosts .innerwrapper, .people-choice .innerwrapper { width: calc(100vw - 17%);}
	.footer p,.footer a{font-size: 8px;}
	.footer {padding: 20px 0 20px;}
	.footer .text-link {margin: 10px 0 8px;}
	.desktop-header a.style-icon-logo img {width: 100px;}
	.wrapper { padding-top: 181px;}
	.asso-with-list li{display: block;}
	.videosrow-box .nominees-img .video-box iframe{height: 186px;} 
	.people-choicebox .btn.btn-primary {margin: 45px auto 0;}
	.people-choicebox{margin-top: 25px;}
	.promotion-partners{margin-top: 25px;}
	.sponcer div { font-size: 11px; }
	.sponcer .powered-by span, .sponcer:after{display: none;}
	.media-partner img{height: 21px;}
	.overlay-box{width: 75%; max-height: 30%;}
	.vote{width: 90px; height: 35px;}
	.promotion-partners .partner-logo{width: auto !important; height: 30px;}
} 
@media screen and (max-width:475px){
	.nominees-img .box-shadow.img-responsive {border-radius: 15px;}
	.video-box .video-img {border-radius: 10px;}    
	.dt-banner {max-width: 97px;}
	.navbar ul li { margin: 10px;}
	.desktop-header a.style-icon-logo img {width: 55px;}
	.wrapper { padding-top: 140px;}
	.sponcer div {font-size: 10px; }
	.sponcer {width: 38%; margin: 0px 10px 15px;}
	.promotion-partners{margin-top: 10px;}
	.sponcer .powered-by .tvs{margin-right: 10px !important;}
	.sponcer .powered-by .looks{margin-left: 10px !important;}
	.vote{width: 70px; height: 30px;}
	.people-choice-img-left img, .people-choice-img-right img {width: 115px; }
	.winner .bottom-left{bottom: -4px;}
	#trophy .video-box iframe{ width: 100%; height: 200px; margin-top: 20px;}
}

/******popup css****************/
.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
	z-index: 9999;
	width: 80%;
    height: auto;
} 
.popup img{
	width: 100%;
	height: auto;
	//border: 2px solid #fff;
}
.popup button{
	position: absolute;
    right: 19px;
    top: 23px;
    width: 40px;
    background: transparent;
    height: 40px;
    border: none;
    cursor: pointer;
	background-image: url("https://www.bollywoodhungama.com/style-icons/images/popup/close.png");
	background-size: cover;
    background-repeat: no-repeat;
}
/* Overlay styles */
.overlay {	
	background-color: rgba(0, 0, 0, 0.8) !important;
	z-index: 9998;
}
@media screen and (max-width:700px){
	.popup button{
		right: 10px;
		top: 10px;
		width: 28px;
		height: 28px;
	}	
}

.p-left{
	padding-left: 30px;
}

.p-right{
	padding-right: 30px;
}

.agenda-schedule .schedule-slider {
    display: none;
}
.agenda-schedule .image-sec {
    position: relative;
    margin-top: 40px;
    height: 400px;
}
.agenda-schedule .image-sec::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background: #F00047;
    opacity: 0.42;
    filter: blur(50px);
}
.agenda-schedule .image-sec img {
    position: absolute;
	border-radius: 5%;
}
.agenda-schedule .image-sec img.img-1 {
    width: 50%;
    top: 0;
    left: 0;	
}
.agenda-schedule .image-sec img.img-2 {
    width: 45%;
    top: 156px;
    right: 0;
}
.agenda-schedule .image-sec img.img-3 {
    width: 35%;
    top: 298px;
    left: 82px;
}
.agenda-schedule ul.timeline-btns {
    list-style: none;
    display: inline-flex;
    border: 1px solid #7B7B7B;
    padding: 0;
    border-radius: 50px;
    margin: 0px 0px 52px;
}
.agenda-schedule ul.timeline-btns li {
    line-height: 2;
}
.agenda-schedule .col-md-6 ul.timeline-btns li{line-height: 0;}
.agenda-schedule ul.timeline-btns a, .agenda-schedule ul.timeline-btns button {
    background: transparent;
    color: #7B7B7B;
    border: 0;
    padding: 10px 65px;
    border-radius: 50px;
    cursor: pointer;
    font-family: 'Philosopher', sans-serif;
    font-weight: 600;
}
.agenda-schedule ul.timeline-btns a span, .agenda-schedule ul.timeline-btns button span {
    display: block;
    font-size: 16px;
}
.agenda-schedule ul.timeline-btns a.active, .agenda-schedule ul.timeline-btns button.active {
    background: #F00047;
    color: #fff;
}
.agenda-schedule .timeline-data {

    height: 750px;

    -ms-overflow-style: none;

    scrollbar-width: none;

    overflow-y: scroll;

    display: none;

}

.agenda-schedule .timeline-data.active {

    display: block;

}

.agenda-schedule .timeline-data::-webkit-scrollbar {

    display: none;

    /* for Chrome, Safari, and Opera */

}

.agenda-schedule .timeline-data ul {

    list-style: none;

    position: relative;

    padding: 0px 10px 0px 40px;

}

.agenda-schedule .timeline-data ul::before {

    content: "";

    position: absolute;

    z-index: 0;

    /* top: 0; */

    /* height: 100%; */

	left: 10.5px;

    border-left: 1.5px dashed #5e5e5e;

	height: 98%;

    top: 4px;

}



.agenda-schedule #timeline2.timeline-data ul::before {

	height: 96.06%;

}



.agenda-schedule .timeline-data ul li {

    position: relative;

    padding-bottom: 40px;

}

.agenda-schedule .timeline-data ul li::before {

    content: '';

    position: absolute;

    left: -39px;

    top: 2px;

    width: 20px;

    height: 20px;

    background: #fff;

    border-radius: 50%;

    border: 5.5px solid #F00047;

}

.agenda-schedule .timeline-data ul li h4 {

    margin: 0;

    font-size: 22px;

    line-height: 26px;

    color: #fff;

}

.agenda-schedule .timeline-data ul li p {

    color: #CBCBCB;

    margin: 10px 0 0;

    font-size: 18px;

    line-height: 24px;

}

@media screen and (max-width:700px){
	.agenda-schedule .schedule-slider {display: block;margin-top: 30px;}

    .agenda-schedule .image-sec {display: none;}

    .agenda-schedule .title {font-size: 22px;line-height: 28px;}

    .agenda-schedule .image-sec {height: 81vw;}

    .agenda-schedule .image-sec img.img-2 {top: 27vw;}

    .agenda-schedule .image-sec img.img-3 {top: 53vw;left: 14vw;}

    .agenda-schedule ul.timeline-btns {margin: 0px 0px 52px;}

    .agenda-schedule ul.timeline-btns a, .agenda-schedule ul.timeline-btns button {padding: 5px 24px; font-size: 3.5vw;height: 46px; display: block;}

    .agenda-schedule ul.timeline-btns a span, .agenda-schedule ul.timeline-btns button span {font-size: 4vw;}

    .agenda-schedule .timeline-data ul li h4 {font-size: 20px;line-height: 23px;}

    .agenda-schedule .timeline-data ul li p {font-size: 14px;}	
	
	.p-right-0{
		padding-right: 0px;
	}
	
	.p-left-0{
		padding-left: 0px;
	}
}


/*---------------- Nav bar -----------------------*/
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	width: 100%;float: left; border-bottom: 2px solid transparent; border-image: linear-gradient(0.25turn, rgba(56,2,155,0), rgb(250 198 144), rgba(56,2,155,0)); border-image-slice: 1;width: 100%;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	margin: 0;padding: 0; list-style-type: none;float: left;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	display: inline-block; position: relative;
	}

/* Styling the links */
nav ul li a {
	display: inline-block;color: #AAAAAA;font-weight: 600;font-size: 20px;position: relative; padding: 0px 10px 15px;
}


nav ul li a.active{font-weight: 600;color: #ffffff;    padding-bottom: 5px; border-bottom: 3px solid #FAC793;}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 32px; 
	background-color: #000;
	left: 0px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width: max-content;
    float: none;
    display: list-item;
    position: relative;
    padding: 0px;
    margin: 0px;
}

nav ul ul li a {
	display: block;
    color: #AAAAAA;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #858585;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:200px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
/*li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }*/


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	.header{
		width: 100%;
		border-bottom: 2px solid transparent; 
    border-image: linear-gradient(0.25turn, rgba(56, 2, 155, 0), rgb(250 198 144), rgba(56, 2, 155, 0)); 
    border-image-slice: 1;
	}
	nav {
		margin: 0;
	}
	

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding:10px 0px;	
		color:#AAAAAA;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		width: 100%;
	}
	
	nav{
		border-bottom: 0px solid transparent;
		width: 93%;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		padding-left: 10px;
		}

	
	nav ul li a {
    display: block;
    padding: 10px 0px;
    color: #AAAAAA;
    font-size: 17px;
    text-decoration: none;
    border: none;
		font-weight: 400;
}
	
	nav ul li > label:after { content:  ' +';float: right;
    margin-right: 10px; }
	
	nav ul li > label:checked{content: ' -';}
	
	
	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	
	nav ul ul li a {
		padding: 0 80px;
    display: block;
    color: #AAAAAA;
    font-weight: 400;
    font-size: 17px;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #858585;
}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#AAAAAA;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		/*background-color: #212121; */
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}
	
	

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	

}

@media (max-width:768px){
	#nav-icon{display: block;margin: 0px 19px 19px;}  
	
}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}
}

.color1 {color: #F00047!important;}


/* Videos Related */
.videos-sec, .videos-sec .video-sec {position: relative;z-index: 1;}
.videos-sec .video-sec .video-img{border-radius: 20px;}
.videos-sec .video-sec .play-btn {position: absolute;left: 12px;bottom: 12px;width: 40px;filter: drop-shadow(0px 0px 12px #000);}
.videos-sec h4 {margin: 10px 0 0;font-size: 24px;line-height: 30px;color: #fff;font-weight: 400;}
.videos-sec .ribbon-img {position: absolute;width: 100%;left: 0;bottom: -7%;z-index: 0;opacity: 0.5;}

.container {margin: 0 auto;width: 50%;padding-right: 15px;padding-left: 15px;position: relative;} 
.sec-title {font-weight: 400;font-size: 32px;text-align: center;text-transform: uppercase;margin: 10px 0 60px;color:#EC0046;} 

#load-content iframe{width: 100%;}

.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;position: relative;}

.col-md-6, .col-md-12 {position: relative;padding-right: 15px;padding-left: 15px;}
.mb-4 {margin-bottom: 65px;}

.col-md-6{
	width: 50%;
	flex: 0 0 50%;
} 
.col-md-12{
	width: 100%;
	flex: 0 0 100%;
}
/*
To display two columns — one titled "Driven by" and the other "Powered by"
Added Date : 07 May 2025
*/
.sponsors-container {
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
    /* gap: 40px; */
	gap: 0px;
    padding: 20px;
    /* max-width: 800px; */
    margin: auto;
    flex-wrap: wrap;
}

.powered-by a {
    margin-right: 20px;
}

.powered-by a:last-child {
    margin-right: 0;
}

img.partner-logo.mt-35 {
margin-top: 25px !important;
}

.powered-by {
  display: flex;
  align-items: center;
  gap: 20px;
}

.divider-line {
  content: '';
  width: 1px;
  height: 60px;
  background: #707070;
  display: inline-block;
  margin-top: 25px;
}

/* Added safely to enhance layout without interfering */
.sponsors {
    text-align: center;
    width: 100%;
}

@media (min-width: 601px) {
    .sponsors {
        width: auto;
    }
}

.sponsor-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

/* Responsive for mobile screens */
@media (max-width: 600px) {
    .sponsors-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .sponsors {
        margin-bottom: 20px;
    }

    .sponsor-title {
        font-size: 16px;
    }

}

/* Center logos on mobile devices */
@media (max-width: 600px) {
    .sponcer.sponsors .powered-by {
        justify-content: center;
    }
    .sponcer.sponsors .powered-by.sm-no-content {
        justify-content: unset !important;
    }
  .asso-img {
    margin-top: -17px;
  }
}

.sponcer.sponsors {
    position: relative;
}

/* Only apply ::before on non-mobile devices (min-width > 600px) */
@media (min-width: 601px) {
    .sponsors-container .sponcer.sponsors:first-of-type::before {
        content: '';
        width: 1px;
        height: 60px;
        background: #707070;
        right: -15px;
        position: absolute;
        top: 60px;
    }
.sponcer.sponsors:after {
    content: unset !important;
    width: unset !important;
    height: unset !important;
    background: unset !important;
    right: unset !important;
    position: unset !important;
    top: unset !important;
}

.sponcer.yes-line:before {
    content: '';
    width: 1px;
    height: 30px;
    background: #707070;
    right: -15px;
    position: absolute;
    top: 30px;
}
}

.sponcer.no-line:after {
    display: none;
}