@font-face {
    font-family: 'monotype';
    src: url('font/MTCORSVA.woff') format('woff');
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}
:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --brown: #dbbe78;
  --red: #9d0b0e;
  --brown3: #e1c593;
}
html{
	scroll-behavior: smooth;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	border-radius: 10px;
}

::-webkit-scrollbar
{
	width: 5px;
}

::-webkit-scrollbar-thumb
{
	border-radius: 40px;
	background-color: transparent;
	background-image: -webkit-linear-gradient(top,
											  var(--brown) 0%,
											  var(--brown) 50%,
											  var(--brown) 51%,
											  var(--brown) 100%);
}


.whatsappMobBtn{
	display: block;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 9999999999;
}
.whatsappMobBtn img{
	position: relative;
	width: 60px;
}
.whatsappMobBtn:before{
	content: "Participate Now";
	padding: 5px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 75px;
	transform: translateY(-50%);
	width: 115px;
	text-align: center;
	/*text-transform: uppercase;*/
	font-size: 0.85rem;
	/*font-weight: 600;*/
}
.whatsappMobBtn:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 70px;
	transform: translateY(-50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: #fff;
}
body{
	width: 100%;
	overflow-x: hidden;
}
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 550;
	transition: 0.4s;
}
header .logo{
	margin-left: 40px;
}
header .logo img{
	width: 20%;
	height: auto;
}
header .bar{
	width: 50px;
	height: auto;
	cursor: pointer;
	margin-right: 60px;
	/*
	position: absolute;
	top: 50%;
	right: 50px;*/
}

header .bar .b1{
	width: 100%;
	height: 2px;
	background: #000;
	transition: 0.4s;
}
header .bar .b2{
	width: 80%;
	height: 2px;
	background: #000;
	margin-top: 10px;
	transition: 0.4s;
}
header .bar .b3{
	width: 100%;
	height: 2px;
	background: #000;
	margin-top: 10px;
	transition: 0.4s;
}
header .bar:hover .b1, header .bar:hover .b3{
	width: 80%;
}
header .bar:hover .b2{
	width: 100%;
}
.navigation{
	position: fixed;
	top: 0;
	right: -100%;
	width: 40%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--brown);
	text-align: center;
	z-index: 5000;
	opacity: 1;
	transform: scale(1);
	transition: 0.8s;
}
.navigation img.demo{
	position: absolute;
	top: 0%;
	left: 5%;
	z-index: -100;
}
.navigation .sharad_logo{
	width: 30%;
	height: auto;
}
.navigation ul{
	list-style: none;
}
.navigation ul li{
	margin: 30px 0px;
}
.navigation ul li a{
	text-decoration: none;
	font-size: 1.7rem;
	color: #000;
	transition: 0.4s;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.navigation ul li a.active, .navigation ul li a:hover{
	color: var(--red);
}
.close_nav{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
	transition: 0.4s;
}
.close_nav:hover{
	transform: rotate(90deg);
}
.close_nav .bar{
	width: 100%;
	height: 2px;
	background: #000;
}
.close_nav .bar.bar1{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.close_nav .bar.bar2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(135deg);
}
/*----------------------------------------------------------------------*/
.fixed_participate{
	position: fixed;
	top: 50%;
	left: -60px;
	background: var(--red);
	color: #fff;
	padding: 15px;
	transform: rotate(-90deg);
	z-index: 1000;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.fixed_participate a{
	text-decoration: none;
	font-size: 0.8rem;
	color: #fff;
}
.scroll_top{
	position: fixed;
	bottom: 5%;
	right: 3%;
	z-index: 1000;
}
.scroll_top a{
	padding: 15px;
	background: rgba(0,0,0,0.6);
	text-decoration: none;
	color: #fff;
}
.fixed_social{
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1000;
}
.fixed_social ul{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column;
	list-style: none;
	transform: translateX(40px);
}
.fixed_social ul li{
	background: rgba(255,255,255,0.6);
	padding: 15px 50px 15px 15px;
	transition: 0.4s;
}
.fixed_social ul li:hover{
	transform: translateX(-20px);
}
.fixed_social ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 1.3rem;
}
.fixed_social ul li a i.fa-facebook{
	color: #4267B2;
}
.fixed_social ul li a i.fa-instagram{
	color: #cd486b;
}
.fixed_social ul li a i.fa-youtube{
	color: #c4302b;
}

/*------------------------------------------------------------------------*/
.banner{
	width: 100%;
	background: #fff;
}
.banner img{
	width: 100%;
	height: auto;
}
.banner .top-back-mobile{
	display: none;
}
.banner .top-back{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.banner .top-back video, .banner .top-back iframe{
	width: 100%;
	height: 100%;
	transform: scale(1.2) translateY(-6.6px);
	cursor: none;
	pointer-events: none;
	position: absolute;
	top: 6%;
}

.banner img.small{
	display: none;
}
.banner .swiper-container-banner{
	width: 100%;
}
.banner .swiper-container-banner .swiper-slide img{
	width: 100%;
	height: auto;
}
.winners_mobile{
	display: none;
}
.winners{
	width: 100%;
	height: auto;
	background: #000;
	margin-top: 0px;
}
.winners .content{
	padding: 80px 120px;
	position: relative;
	z-index: 200;
	top: 0px;
}
.winners .content .head{
	display: none;
}
.winners .content .col-4{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	overflow: hidden;
}
.winners .content .col-4 .con{
	width: 90%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px;
}
.winners .content .col-4 .con:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	transition: 0.4s;
}
.winners .content .col-4:hover .con:before{
	background: rgba(0,0,0,0.2);
}
.winners .content .col-4 img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.5s;
}
.winners .content .col-4:hover img{
	transform: scale(1.05);
}
.winners .content .col-4 .info{
	position: absolute;
	bottom: -50%;
	left: 0%;
	
	text-align: center;
	width: 100%;
	height: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	z-index: 500;
	transition: 0.6s;
	text-transform: capitalize;
	background: var(--brown);
}
.winners .content .col-4:hover .info{
	bottom: 0;
}
.winners .content .col-4 .info h2{
	font-size: 1.8rem;
	letter-spacing: 1px;
	font-family: monotype;
}

.winners .content .col-4 .info h4{
	margin-top: 8px;
	margin-bottom: 14px;
	font-size: 1.2rem;
	font-family:sans-serif;
	color: var(--red);
}
.winners .content .col-4 .info h3{
	font-family: monotype;
	font-size: 1.8rem;
	color: var(--red);
}
.winners .content .col-4:hover .con .info{
	opacity: 1;
}

/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/
.vid_section{
	width: 100%;
	padding: 30px 150px;
}
.vid_section video{
	width: 100%;
	height: 300px;
	border-radius: 4px;
	border: none;
	outline: none;
}
.vid_section iframe{
	width: 100%;
	height: 300px;
}
.vid_section .con{
	padding-left: 30px;
}
.vid_section .con h2{
	font-size: 3rem;
	margin-bottom: 10px;
	font-family: monotype;
	text-transform: capitalize;
	color: var(--red);
}
.vid_section .con p{
	padding-right: 50px;
	text-transform: none;
}
/*------------------------------------------------------------------------------------------*/
.titles{
	width: 100%;
	background: #001953;
}
.titles .content{
	padding: 15px;
}
.titles .content .col-3{
	padding: 15px;
	text-align: center;
	cursor: pointer;
}
h2{
	font-size: 2.2rem;
	margin-bottom: 5px;
}
.titles .content .head h2{
	font-size: 2.8rem;
	text-transform: capitalize;
	color: #fff;
	font-family: monotype;
	font-weight: 500;
}
.titles .content .head h2.title{
	color: var(--brown);
	font-size: 2.4rem;
}
.titles .content .col-3 img{
	width: 100%;
	height: auto;
	border-radius: 5px;
	transition: 0.4s;
}
.titles .content .col-3 .con{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 100%;
	border-radius: 5px;
}
.titles .content .col-3 .con:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	transition: 0.5s;
	top: 0;
	left: 0;
	border-radius: 5px;
}
.titles .content .col-3:hover img{
	transform: scale(1.05);
}
.titles .content .col-3:hover .con:before{
	background: rgba(0,0,0,0.3);
	z-index: 5;
}
.titles .content .col-3 .con .info{
	position: absolute;
	left: 0;
	bottom: -25%;
	width: 100%;
	height: 25%;
	background: #000000db;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	z-index: 10;
	transition: 0.5s;
	border-radius: 0px 0px 5px 5px;
	
}
.titles .content .col-3:hover .con .info{
	bottom: 0;
}
.titles .content .col-3 .con .info:before{
	content: "";
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 80px;
	height: 80px;
	background: transparent;
	z-index: -10;
}
.titles .content .col-3 .con .info h2{
	text-transform: capitalize;
	font-size: 1.9rem;
	font-family: monotype;
	color: #fff;
	font-weight: 500;
}
.titles .content .col-3 .con .info p{
	font-size: 1.3rem;
	/*font-weight: bold;*/
	font-family: monotype;
	color: #f5e5bf;
}




.brands{
	width: 100%;
	overflow: hidden;
}
.brands h4{
	text-align: center;
	margin-bottom: 20px;
	font-family: monotype;
	font-size: 1.5rem;
}
.brands .swiper-slide{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.brands .swiper-slide img{
	width: 100%;
}
.row{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row;
}
.row .col-6{
	width: 50%;
	position: relative;
}
.row .col-3{
	width:25%;
	position: relative;
}
.row .col-4{
	width:calc(100% / 3);
	position: relative;
}

.main .row.about{
	height: auto;
	padding: 30px 150px;
	background: var(--brown3);
	text-align: center;
		align-items: flex-start;
}
.main .row.about .col-6:nth-child(1) .swiper-container-event{
	width: 100%;
	height: auto;
}
.swiper-container-event .swiper-slide{
	width: 500px;
	height: 500px;
	border-radius: 5px;
}
.main .about .assoc_row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -15px;
	margin-bottom: -10px;
}

.main .about img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.main .about .assoc_row .khukumoni_logo{
	width: 110px;
	margin-left: 10px;
}
.main .row.about .imgBox{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
}
.main .row.about .col-6.content{
	padding: 20px 10px;
	align-items: flex-start;
	margin-left: 20px;
}
.main .row.about .col-6 img.logo{
	width: 170px;
	height: auto;
}
.main .row.about .col-6 img.sharad-logo{
	width: 300px;
}
.main .row.about .col-6 p{
	font-size: 1.2rem;
	font-weight: 500;
	font-family: sans-serif;
	color: rgba(0,0,0,1);
}
.main .row.about .col-6 p.con{
	padding: 0px 30px;
	font-family: sans-serif;
}
.main .row.about .col-6 h1{
	font-size: 4rem;
}
.brands{
	padding:15px 30px;
}
.main .row.about h4{
	font-family: monotype;
	font-size: 1.3rem;
	margin: 25px 0px 15px 0px;
}

.main .row.about .powered img{
	width: 100px;
	border-radius: 0px;
}
/*---------------------------------------------------------------------------------------------------------------------------------
*/
.main2020{
	margin-top: 3rem;
}
.main2020 .head{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin-bottom: 50px;
}
.main2020 .head img.logo{
	width: 180px;
}

.main2020 .head h2{
	text-transform: uppercase;
	font-size: 3rem;
	margin-top: 15px;
	color: var(--red);
}
.main2020 .head p{
	font-family: 'Dancing Script', cursive;
	margin-top: 15px;
	font-size: 2rem;
}
.main2020 .event .row{
	height: 70vh;
	padding: 0px 150px;
}
.main2020 .event{
	margin-top: 20px;
}
.main2020 .event .col-6{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	height: 100%;
	padding: 30px;
}
.main2020 h5{
	font-size: 1.6rem;
	text-align: center;
	margin: 20px 0px;
}
.main2020 .event .col-6 .image{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: relative;
transition: 0.4s;
	background: url(img/2017.jpg);
	background-position: center;
	background-size: cover;background-repeat: no-repeat;
}
.main2020 .event:nth-child(odd){
	background: var(--brown);
}
.main2020 .event .col-6 .image[data-scroll="in"]{
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.main2020 .event .col-6 h3{
	font-size: 2.3rem;
}
.main2020 .event .col-6 h3[data-scroll="in"]{
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/*------------------------------------------------------------------------------------------------------------------------------*/
.mainParticipate{
	width: 100%;
	overflow: hidden;
}
.mainParticipate .banner_participate{
	width: 100%;
	margin-top: 4rem;
}
.mainParticipate .banner_participate img{
	width: 100%;
	height: 100%;
}
.mainParticipate .banner_participate img.banner2{
	display: none;
}
.mainParticipate .process{
	text-align: center;
	padding: 30px 100px;
	position: relative;
}
.mainParticipate .process i.fa-marker{
	padding: 20px;
	border-radius: 50%;
	background: var(--brown);
	color: var(--red);
	font-size: 1.3rem;
}
.mainParticipate .process i.fa-whatsapp{
	color: #fff;
	background: #25D366;
	padding: 5px 6px;
	border-radius: 50%;
	margin-right: 15px;
}
.mainParticipate .process h2{
	font-size: 2rem;
	color: var(--red);
}
.mainParticipate .process .row p{
	font-size: 1.4rem;
	font-weight: 600;
}
.mainParticipate .process .row h5{
	font-size: 1.4rem;
	margin: 20px 0px;
	color: var(--red);
}
.mainParticipate .process h5.or{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1.5rem;
	color: var(--red);
}
.mainParticipate .process .row a{
	text-decoration: none;
	font-size: 1.4rem;
	color: var(--red);
	font-weight: 600;
	margin-top: 20px;
}
.mainParticipate .process .row .col-6:nth-child(2){
	padding: 20px;
}
.mainParticipate .process .row .col-6:nth-child(2) p{
	margin: 20px 0px;
	color: var(--red)
}
.mainParticipate .termscon{
	background: var(--brown);
	padding: 30px 160px 60px 160px;
	text-align: center;
	position: relative;
}
.mainParticipate .termscon i.fa-scroll{
	font-size: 1.4rem;
	border-radius: 50%;
	color: var(--red);
	position: relative;
	z-index: 10;
}
.mainParticipate .termscon h2{
	text-align: center;
	margin: 15px 0px;
	font-size: 2rem;
	color: var(--red);
}
.mainParticipate .termscon img{
	position: absolute;
	top: 0%;
	right: 5%;
	z-index: 9;
	opacity: 0.4;
}
.mainParticipate .termscon ol{
	text-align: justify;
	font-size: 1.3rem;
	font-weight: 600;
	position: relative;
	z-index: 10;
}
.mainParticipate .termscon ol i{
	margin-right: 10px;
}
.mainParticipate .termscon ol li{
	margin: 7px 0px;
}
.mainParticipate .termscon .last{
	text-align: left;
	font-size: 1.4rem;
	margin-top: 20px;
	font-weight: 600;
}
.mainParticipate .termscon .last a{
	text-decoration: none;
	color: var(--red);
}




@media only screen and (max-width: 768px){
	.fixed_participate{
		left: -50px !important;
	}
	header{
		width: 100%;
		height: 3.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	header .logo{
		margin-left: 10px;
	}
	header .logo img{
		width: 50%;
		height: auto;
	}
	header .bar{
		width: 150px;
		height: auto;
		margin-right: 30px;
		cursor: pointer;
	}
	.navigation{
		width: 100%;
		transition: 0.6s;
	}
	.navigation img.demo{
		position: absolute;
		top: 0%;
		left: -40%;
		z-index: -100;
		opacity: 0.5;
	}
	.navigation .sharad_logo{
		width: 70%;
		height: auto;
	}
	.navigation ul li a{
		font-size: 1.4rem;
	}
	.close_nav{
		width: 50px;
		height: 50px;
		position: absolute;
		top: 3%;
		right: 7%;
		cursor: pointer;
	}
	/*-------------------------------------*/
	.scroll_top{
		position: fixed;
		bottom: 3%;
		right: 2%;
		z-index: 1000;
	}
	.scroll_top a{
		font-size: 0.9rem;
		padding: 10px;
		background: rgba(0,0,0,0.6);
		text-decoration: none;
		color: #fff;
		border-radius: 3px;
	}
	.fixed_btn{
		position: fixed;
		top: 50%;
		left: -15%;
		background: var(--red);
		color: #fff;
		padding: 10px;
		transform: rotate(-90deg);
		z-index: 1000;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.fixed_btn a{
		text-decoration: none;
		font-size: 0.7rem;
		color: #fff;
	}
	.fixed_social ul li{
		background: rgba(255,255,255,0.6);
		padding: 10px 50px 10px 10px;
		transition: 0.4s;
	}
	.fixed_social ul li:hover{
		transform: translateX(-20px);
	}
	.fixed_social ul li a{
		text-decoration: none;
		color: #fff;
		font-size: 1.2rem;
	}
	/*--
	/*------------------------------------------------------------------------*/
.banner{
	width: 100%;
	background: #fff;
}
.banner .top-back{
	display: none;
}
.banner .top-back-mobile{
	display: block;
	width: 100%;
}
.banner .top-back-mobile video, .banner .top-back-mobile iframe{
	width: 100%;
	/*height: 300px;*/
}
.banner .top-back-mobile img.logo{
	position: absolute;
	width: 150px;
	top: 10px;
	left: 10px;
	z-index: 5;
}
.banner img.small{
	display: none;
}
.banner img.big{
	display: none;
}
.banner .swiper-container-banner{
	width: 100%;
}
.banner .swiper-container-banner .swiper-slide img{
	width: 100%;
	height: auto;
}
.winners{
	width: 100%;
	height: auto;
	background: #000;
	margin-top: -10px;
	display: none;
}
.winners .content{
	padding: 20px;
	position: relative;
	z-index: 200;
	top: 0px;
}
.winners .content .head{
	display: block;
	text-align: center;
	color: #fff;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.winners .content .col-4:nth-child(1){
	order: 3;
}
.winners .content .col-4 .info h2{
	font-size: 1.7rem;
	letter-spacing: 1px;
	font-family: monotype;
}

.winners .content .col-4 .info h4{
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-family:sans-serif;
	color: var(--red);
}
.winners .content .col-4 .info h3{
	font-size: 1.6rem;
	color: var(--red);
}

/*-----*/
.winners_mobile{
	text-align: center;
	padding: 30px 50px;
	display: block;
}
.winners_mobile h3{
	font-family: monotype;
	font-size: 2.1rem;
	color: var(--red);
	margin-bottom: 15px;
}
.silder_winners{
	width: 100%;
}
.silder_winners .swiper-container,.silder_winners .swiper-container .swiper-slide{
	width: 100%;
}
.silder_winners .swiper-container .swiper-slide{
	height: calc((400/6)%);
	overflow: hidden;
}
.silder_winners .swiper-container .swiper-slide img{
	width: 100%;
	height: 100%;
}
.silder_winners .swiper-container .swiper-slide .info{
	width: 100%;
	padding: 10px;
	background: var(--brown);
	color: #000;
	position: absolute;
	bottom: -200px;
	transition: 0.5s;
}
.silder_winners .swiper-container .swiper-slide .info h2{
	font-family: monotype;
	font-size: 1.8rem;
}

.silder_winners .swiper-container .swiper-slide .info h4{
	font-size: 1.1rem;
	margin: 10px 0px;
}

.silder_winners .swiper-container .swiper-slide .info h3{
	font-family: monotype;
	font-size: 1.6rem;
}
.silder_winners .swiper-container .swiper-slide:hover .info{
	bottom: -10px;
}



/*---------------------------------------------------------------------------------------*/
.titles .content{
	padding: 10px 20px;
}
.titles .content .col-3{
	padding: 10px 20px;
	text-align: center;
	cursor: pointer;
}
h2{
	font-size: 2.2rem;
	margin-bottom: 5px;
}
.titles .content .col-3 .con .info{
	position: absolute;
	left: 0;
	bottom: 0%;
}
.titles .content .col-3:hover .con .info{
	bottom: 0;
}
/*---------------------------------------------------------------------------------------*/
.vid_section{
	width: 100%;
	padding: 40px;
}
.vid_section video{
	width: 100%;
	height: auto;
	border-radius: 4px;
	border: none;
	outline: none;
	position: relative;
	margin-top: 15px;
}
.vid_section iframe{
	height: 200px;
	margin-top: 15px;
}
.vid_section .row .col-6:nth-child(1){
	order: 2;
}
.vid_section .con{
	padding: 0px 10px;
	text-transform: capitalize;
	font-size:0.9rem;
	text-align: center;
}
.vid_section .con{
	padding-left: 0px;
}
.vid_section .con h2{
	font-size: 2.8rem;
	margin-bottom: 0px;
	font-family: monotype;
	text-transform: capitalize;
	color: var(--red);
}
.vid_section .con p{
	padding-right: 0px;
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-bottom: 5px;
}
/*-----------------------------------------------------------------------*/


	.swiper-container-brands img{
		width: 200px;
		height: auto;
	}
	.swiper-container-brands .swiper-slide{
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.row{
		flex-flow: column;
	}
	.row .col-6{
		width: 100%;
	}
	.row .col-3{
		width:100%;
	}
	.row .col-4{
		width:100%;
	}


	.main .row.about{
		width: 100%;
		height: auto;
		padding: 30px 10px;
		text-align: center;
	}
	.main .row.about .col-6 p.con{
		padding: 0px 20px;
		font-size: 1.1rem;
	}
	.swiper-container-event .swiper-slide{
		width: 300px;
		height: 300px;
		border-radius: 5px;
	}
	.main .row.about .powered{
		flex-flow: row;
	}
	.main .row.about .imgBox{
		align-items:center;
	}
	.main .row.about .imgBox img{
		width: 90%;
	}
	.main .row.about .col-6.content{
		margin-left: 0px;
	}
	.main .row.about .powered img{
		width: 100px;
	}
	.main .row.about .powered .col-6:nth-child(1) img{
		margin-left: 55px;
	}
	.main .row.about .powered .col-6:nth-child(2) img{
		margin-right: 55px;
	}
	/*------------------------------------------------------------------------------------------------------------------------*/
	.main2020 .head h2{
		font-size: 1.6rem;
		font-weight: 600;
	}
	.main2020 .event .row{
		height: auto;
		padding: 0px 10px;
	}
	.main2020 .event{
		margin-top: 35px;
		padding: 20px 0px;
	}
	.main2020 .event .col-6{
		padding: 0px 20px;
		text-align: center;
	}
	.main2020 .event .col-6 .image{
		width: 100%;
		height: 300px;
		margin-bottom: 5px;
	}
	.main2020 .event .col-6.con{
		order: 1;
	}
	.main2020 .event .col-6 h3{
		font-size: 1.7rem;
		text-align: center;
	}
	/*-----------------------------------------------------------------------------------------------------------------------------------*/
	.mainParticipate .banner_participate{
		height: auto;
	}
	.mainParticipate .banner_participate img.banner1{
		display: none;
	}
	.mainParticipate .banner_participate img.banner2{
		display: block;
	}
	.mainParticipate .process{
		text-align: center;
		padding: 30px 10px;
		position: relative;
	}
	.mainParticipate .process .row{
		margin-top: 15px;
	}
	.mainParticipate .process h5.or{
		position: absolute;
		top: 52%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 1.4rem;
		color: var(--red);
	}

	.mainParticipate .termscon{
		background: var(--brown);
		padding: 30px;
		text-align: center;
		position: relative;
	}
	.mainParticipate .termscon img{
		position: absolute;
		top: 0%;
		right: 5%;
		z-index: 9;
		opacity: 0.2;
	}
	.mainParticipate .termscon ol{
		text-align: left;
		margin-left: 10px;
	}
	.mainParticipate .termscon .last{
		text-align: left;
		font-size: 1.1rem;
		margin-top: 20px;
		font-weight: 600;
	}
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.mainFinale .bannerFinale .row{
		padding: 0px 10px;
	}
	.mainFinale .bannerFinale .row img{
		width: 200px;
	}
	.mainFinale .bannerFinale .row h2,.mainFinale .bannerFinale .row h4{
		font-size: 2rem;
		margin-top: 15px;
		margin-left: 0px;
		text-align: center;
	}
	.mainFinale .bannerFinale .row .col-6{
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		text-align: left;
	}
	.mainFinale .bannerFinale .head .row .col-6:nth-child(2){
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mainFinale .bannerFinale .head .row .col-6:nth-child(1){
		border-right: none;
	}

	.whatsappMobBtn img{
		position: relative;
		width: 50px;
	}

	.whatsappMobBtn:before{
		left: 70px;
		font-size: 0.9rem;
	}
	.whatsappMobBtn:after{
		left: 67px;
	}
}
.banner_mobile img{
	width:100%;
	height: auto;
}
.banner_desktop img{
	width:100%;
	height: auto;
}