@charset "utf-8";

@import url("stylesheet.css");





:root {

	--btn-color: #0f9336;

	--btn-hover: #05651a;

	--header-footer: #fbeec1;

	--primary-color: #30553A !important;

	--secondary-color: #AE0000 !important;

}



body {

	font-family: "HK Grotesk";

	font-size: 18px;

	

}



body {

	padding-top: 152px;

}



html {

	scroll-behavior: smooth;

}



img {

	max-width: 100%;

}



.padding-2 {

	padding: 0px 2px;

}



.tophead {

	background-color: #CCC;

	text-align: right;

	padding: 5px;

	margin-bottom: 5px;

}



.tophead ul {

	margin: 0px;

	padding: 0px;

}



.ribbon {

	font-size: 28px;

	font-weight: bold;

	color: #fff;

  }

  .ribbon {

	--s: 1.8em; /* the ribbon size */

	--d: .8em;  /* the depth */

	--c: .8em;  /* the cutout part */

	

	padding: var(--d) calc(var(--s) + .5em) 0;

	line-height: 1.8;

	background:

	  conic-gradient(from  45deg at left  var(--s) top var(--d),

	   #3F9A1F88 12.5%,#0000 0 37.5%,#3F9A1F44 0) 0   /50% 100% no-repeat,

	  conic-gradient(from -45deg at right var(--s) top var(--d),

	   #3F9A1F44 62.5%,#0000 0 87.5%,#3F9A1F88 0) 100%/50% 100% no-repeat;

	clip-path: polygon(0 0,calc(var(--s) + var(--d)) 0,calc(var(--s) + var(--d)) var(--d),calc(100% - var(--s) - var(--d)) var(--d),calc(100% - var(--s) - var(--d)) 0,100% 0, calc(100% - var(--c)) calc(50% - var(--d)/2),100% calc(100% - var(--d)),calc(100% - var(--s)) calc(100% - var(--d)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--d)),0 calc(100% - var(--d)),var(--c) calc(50% - var(--d)/2));

	background-color: var(--primary-color); /* the main color */

	width: fit-content;

	margin:auto;

  }

.tophead .col-sm-7>ul>li {

	display: inline-block;

}



.tophead .col-sm-7>ul>li>a,

.tophead .btn-group .btn {

	background-color: var(--secondary-color);

	color: #fff;

	border-radius: 5px;

	font-size: 14px;

	padding: 5px 7px;

	

}

.tophead .col-sm-7{

	margin-top:10px

}

.tophead .btn-group {

	margin-top: -3px;

}





.tophead .logout a,

.btn-danger {

	background-color: #f00 !important;

}



.top-section {

	/* background:#D1E8E2; */



	background: var(--primary-color);

	border: 1px solid var(--header-footer);

	border-radius: 0px 0px 20px 20px;

	padding: 0px;

	position: fixed;

	top: 0px;

	z-index: 99;

	width: 100%;

}



.top-section h4 {

	text-transform: uppercase;

	text-align: center;

	color: #000;

	font-size: 25px;

	font-weight: 700;

	margin: 2px 0px;

}



.top-section .btn-warning {

	font-size: 20px;

	font-weight: 600;

}



.navbar-brand {

	height: auto;

	padding: 0px;

}



.navbar-default .navbar-nav>li>a:focus,

.navbar-default .navbar-nav>li>a:hover {

	color: #ebebeb;

}



.navbar-nav {

	padding: 27px 0 0 0;

}

.border{

	position: absolute;

    left: 39px;

    padding: 5px;

    height: 25px;

	top:-28px;

}

.blinking{margin: 7px 0 0 0;

    display: block;}

.navbar-default {

	background-color: transparent;

	border-color: transparent;

	margin-bottom: 5px;

}



.navbar-default .navbar-nav>li>a {

	font-size: 18px;

	color: #fff;

}



.navbar-default .navbar-nav>li:last-child>a {

	padding-right: 0px;

}



.nav>li>a {

	padding: 0px 13px;

}



.btn-warning {

	color: #fff !important;

	background-color: var(--btn-color);

	border: 1px solid var(--btn-color);

}



.btn-warning:hover {

	background-color: var(--btn-hover);

	border: 1px solid var(--btn-hover);

}



/* .top-section-img {

	position: relative;

} */



.top_content {

	position: absolute;

	text-align: center;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	padding: 30px 0 0 0;

}



.top_content .logo {

	text-align: center;

}



.top_content .logo img {

	/*max-width:175px;*/

	margin-top: 20px;

	background-color: rgba(255, 255, 255, .5);

	border-radius: 5px;

	padding: 5px;

}



.top_content .logo .natcon {

	margin-top: 30px;

}



.top_content .text {}



.top_content .text h3 {

	font-size: 42px;

	font-weight: 700;

	color: #fff;

	text-shadow: 2px 2px 2px #000;

}



.top_content .text h4 {

	font-size: 22px;

	font-weight: 700;

	text-transform: uppercase;

	color: #fff;

	text-shadow: 1px 1px 1px #000;

}



.venue-image {

	background-image: url(../img/about-event.jpeg);

	/* height: 100px; */

	/* padding: 50px 0;

	position: relative;

	background-repeat: round;

	width: calc(100% + 30px);

	margin-left: -15px; */

}





.about-event .text {

	padding: 50px 125px 40px 75px;

	font-size: 40px;

	font-weight: 600;

	min-height: 205px;

	margin: 0px;

	color: #fff;

}



.headbg {

	background-color: var(--primary-color);

}



.about-event h3 {

	font-family: fangsong;

	font-style: italic;

	font-weight: 700;

	font-size: 35px;

}



.about-event p {

	margin-bottom: 10px;

	text-align: justify;



}



.mlm {

	margin-left: -15px;

}



.mrm {

	margin-right: -15px;

}



.important-date h3 {

	font-size: 38px;

	font-weight: 600;

	color: var(--primary-color);

}



.important-date h5 {

	font-size: 20px;

	font-weight: 500;

	text-transform: uppercase;

	color: var(--primary-color);

	margin-bottom: 0px;

}



.important-date p {

	font-size: 20px;

	font-weight: 600;

	text-transform: uppercase;

	margin-bottom: 10px;

}











.contact-information h4 {

	color: white; /* Adjust the text color */

	font-size: 40px; /* Adjust the font size */

	font-weight: 600; /* Make the text bold */

  }



.pl-0 {

	padding-left: 0px;

}



.contact-content {

	text-align: center;

	padding:110px 0 110px 0;

	background-color: var(--primary-color);

  }

  .venue-content {

	text-align: center;

	background-color: var(--primary-color);

  }

  .venue-content h4{

	font-size: 20px;

	font-weight: 600;

	color: #fff;

  }



.contact-content h4 {

	font-size: 40px;

	font-weight: 600;

	color: #fff;

}



.contact-detail {

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	border-left: none;

	border-right: none;

	text-align: center;

	/* padding: 0px 0px 20px; */

}

.contact-detail:not(:first-child) {

    /* padding: 20px; */

}





.contact-detail h5 {

	color: #0c1136;

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}

.venue{

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

}

.venue h5 {

	color: #0c1136;

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}

.footer-section {

	background-color: var(--header-footer);

}



.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

	color: #fff;

	background-color: var(--primary-color);

}



.footer-section ul {

	padding: 0px 0px 0px 0px;

	color: #000;

}



.footer-section h3 {

	/* margin: 20px 0px 20px 0px; */

	font-weight: 700;

	font-size: 27px;



}



.footer-section ul li {

	/* padding-bottom: 5px; */

	font-size: 18px;

	font-weight: 500;

	list-style-position: inside;

}



.important-date ul {

	margin: 0;

	padding: 0 0 0 19px;

}



.important-date ul li {

	position: relative;

	list-style-type: none;

}



.important-date ul li:before {

	/* content: "\2022"; */

	color: var(--primary-color);

	font-weight: bold;

	display: inline-block;

	position: absolute;

	font-size: 25px;

	margin: -8px 0 0 -17px;

}



.second-footer {

	padding: 15px 0px 10px;

	text-align: center;

	font-size: 28px;

	font-weight: 500;

	color: #959595;

}



.nav>li>a.btn {

	display: inline-block;

	padding: 10px 12px;

	margin: 0 0 0 5px;

}



.countdown {

	width: 100%;

	max-width: 320px;

	margin: 0 auto;

	background-color: #fff;

	border-radius: 50px;

	text-align: center;

	border: 3px solid var(--primary-color);

	padding: 10px 20px 10px 8px;

}



.countdown p {

	text-align: center;

	font-size: 25px;

}



.countdown h5 {

	font-size: 23px;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: -1px;

}



p#demo {

	margin: 0px;

}

.modal-backdrop{

	position: relative;

}



.running_text {

	position: relative;

	bottom: 0px;

	left: 0px;

	right: 0px;

	padding: 10px 20px;

	border-radius: 20px 20px 0 0;

	background-color: var(--primary-color);

	color: #fff;

	font-size: 20px;

}



.carousel-fade .carousel-inner .item {

	opacity: 0;

	transition-property: opacity;

}



.carousel-fade .carousel-inner .active {

	opacity: 1;

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	left: 0;

	opacity: 0;

	z-index: 1;

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}



.carousel-fade .carousel-control {

	z-index: 2;

}







/*



  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."



  Need to override the 3.3 new styles for modern browsers & apply opacity



*/



@media all and (transform-3d),

(-webkit-transform-3d) {



	.carousel-fade .carousel-inner>.item.next,

	.carousel-fade .carousel-inner>.item.active.right {

		opacity: 0;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}



	.carousel-fade .carousel-inner>.item.prev,

	.carousel-fade .carousel-inner>.item.active.left {

		opacity: 0;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}



	.carousel-fade .carousel-inner>.item.next.left,

	.carousel-fade .carousel-inner>.item.prev.right,

	.carousel-fade .carousel-inner>.item.active {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



#demo {

	font-size: 16px;

}



#demo span {

	background-color: var(--primary-color);

	font-size: 20px;

	font-weight: bold;

	padding: 5px;

	margin: 0 auto;

	border-radius: 5px;

	display: inline-block;

	margin-bottom: 10px;

	color: #fff;

}



.footer-section ul li a {

	color: #000;

}



.information .user {

	background-color: #ddd;

	padding: 15px;

	margin-top: 15px;

	border-radius: 5px;

	box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 75%);

}



.information .user img {

	width: 150px;

	margin-bottom: 25px;

}



.information .user h6 {

	border-top: 1px solid #fff;

	padding: 10px 0;

	margin-bottom: 0px;

	margin-top: 0px;

	font-size: 20px;

}



.information .user h6 span {

	font-size: 18px;

}



.information .footer {

	text-align: center;

	line-height: 1.7;

	margin-top: 50px;

}



.information .payment {

	background-color: #4179af;

	padding: 15px;

	color: #fff;

	margin-top: 25px;

	border-radius: 5px;

	box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 75%);

}



.information .payment .payment_header h5 {

	margin-bottom: 0px;

	padding: 0px 0 15px 0;

	font-size: 18px;

	text-align: center;

	border-bottom: 1px solid #fff;

}



.payment h6 {

	border-bottom: 1px solid #fff;

	padding: 10px 0;

	font-size: 17px;

}



.form-control {

	min-height: 40px;

	border-radius: 0px;

}



.nav-tabs .nav-item {

	width: 50%;

	background-color: #fff;

	text-align: center;

}



.nav-tabs .nav-item .nav-link {

	color: #000;

}



.nav-tabs .nav-link {

	border-radius: 0px;

	padding: 0.7rem 1rem;

	color: #000;

}



.nav-tabs .nav-item.active {

	background-color: var(--primary-color);

	color: #fff !important;

}



.nav-tabs .nav-item.active .nav-link {

	color: #fff;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

	background-color: var(--primary-color);

	border: none;

	color: #fff;

}



.modal-content {

	background-color: rgba(255, 255, 255, 0.9);

}



.event-img img {

	width: 100%;

}



.team {

	text-align: center;

	background-color: var(--primary-color);

	border-radius: 10px;

	padding: 10px 0;

	margin: 8px 15px;

	height: 100%;

}



.team img {

	width: 200px;

	margin-bottom: 10px;

}



#carousel2 .team img {

	width: 150px;

}



.team p {

	font-weight: bold;

	margin: 0 0 5px 0;

	color: #fff;

}



.team p small {

	color: #ddd;

}



.exe.team {

	width: calc(20% - 34px);

	display: inline-block;

	margin: 8px 15px;

}



.dropdown img {

	height: 29px;

	margin: -10px 15px 0 0;

}



#register .nav {

	margin: -15px -15px 0 -15px;

}



.intl-tel-input {

	width: 100%;

}



#register .modal-content {

	overflow: hidden;

}



.heading {

	text-align: center;

}



.heading span {

	background-color: var(--primary-color);

	font-weight: bold;

	padding: 8px 15px;

	border-radius: 4px;

	color: #fff;

}



.border-right {

	border-right: 2px solid var(--secondary-color);

}



.dropdown-menu>li>a {

	text-align: left;

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

	width: 23%;

}



.top_content .hidden-xs {

	display: block;

}



.mb-20 {

	margin-bottom: 20px;

}



.btn .caret {

	margin-top: -5px;

	margin-left: 15px;

}



.btn-warning.active.focus,

.btn-warning.active:focus,

.btn-warning.active:hover,

.btn-warning:active.focus,

.btn-warning:active:focus,

.btn-warning:active:hover,

.open>.dropdown-toggle.btn-warning.focus,

.open>.dropdown-toggle.btn-warning:focus,

.open>.dropdown-toggle.btn-warning:hover,

.btn-warning.active,

.btn-warning:active,

.open>.dropdown-toggle.btn-warning {

	background-color: var(--primary-color);

	border-color: var(--primary-color);

}



.sshadow {

	/* background-color:rgba(101, 157, 189, .3);

	background-color: rgba(1, 43, 66, 0.44); */

	position: absolute;

	top: 0px;

	bottom: 0px;

	right: 0px;

	left: 0px;

}



.popbtn {

	position: fixed;

	left: 0px;

	top: 50%;

	background-color: var(--primary-color);

	color: #fff;

	z-index: 99;

	padding: 10px 15px;

	border: 1px solid #fff;

	border-left: none;

	border-radius: 0 5px 5px 0;

	cursor: pointer;

}



.popbtn img {

	margin: -8px 0 0 0;

}



#direction .modal-content {

	background-color: #fff;

}

.gotobackend{

	position: fixed;

	right: 0px;

	bottom: 160px;

	font-weight: bold;

	padding: 8px 15px;

	border-radius: 20px;

	font-size: 15px;

	z-index: 99;

	transition: all 0.2s ease;

	cursor: pointer;

}

.gotop {

	display: none;

	position: fixed;

	right: -10px;

	bottom: 60px;

	font-weight: bold;

	border: 2px solid #bababa;

	padding: 8px 15px;

	border-radius: 20px;

	font-size: 15px;

	transform: rotate(-90deg);

	z-index: 99;

	background-color: #fff;

	transition: all 0.2s ease;

	cursor: pointer;

}



.gotop:hover {

	background-color: #ececec;

	bottom: 20.5%;

	transition: all 0.2s ease;

}



.gotop img {

	margin: -7px 0 0 5px;

}



.mgroup {

	width: 100%;

}



.mgroup .intl-tel-input {

	width: 100px;

	float: left;

}



.mgroup #mobile {

	width: calc(100% - 100px);

}



#committee,

#contact {

	top: -89px;

	position: relative;

}



.form-group {

	margin-bottom: 0px;

	margin-top: 30px;

}



.select2-container--bootstrap .select2-selection--single {

	border-radius: 0px !important;

	line-height: 1.8 !important;

	height: 40px !important;

}



.video {

	background-color: #f6f6f6;

	border-radius: 5px;

	margin: 0 0 15px 0;

	padding: 10px;

}



.video img {

	border: 4px solid #d1d1d1;

	margin: 0 0 10px 0;

	border-radius: 4px;

}



.video span {

	font-weight: bold;

}



.video span.Submitted {

	color: #027f37;

}



.video span.Draft {

	color: #f8cb30;

}



@supports (not (-ms-ime-align: auto)) {

	label {

		color: #999;

		transform: translate(0.25rem, -3.3rem);

		transition: all 0.2s ease-out;

	}



	.form-control:focus+label,

	.form-control:not(:placeholder-shown)+label {

		color: #111;

		transform: translate(0, -6.7rem);

	}

}



label {

	display: block;

	transform: translate(8px, -3.3rem);

	height: 0px;

	font-weight: 400;

}



label.nofloat {

	transform: inherit;

	height: auto;

}



.shop_opt label {

	text-transform: uppercase;

	color: #737373;

	font-weight: bold;

	line-height: 1;

	margin: 0 0 20px 0;

}



.shop_opt label p {

	margin-bottom: 0px;

}



.bred {

	border: 1px solid #f00;

}



.tbg {

	background-color: #5b7a35;

	color: #fff;

}



.panel-default>.panel-heading {

	background-color: #c7d0d8;

	padding: 20px 15px;

	border-radius: 15px;

}



.panel-default {

	background-color: #f5f5f5;

	border-radius: 15px !important;

}



.panel-group .panel-heading+.panel-collapse>.panel-body {

	border-top: none;

}



.shop_opt ul {

	margin: 15px 0 0 0;

	padding: 0px;

}



.shop_opt li {

	font-size: 14px;

	list-style-position: inside;

}



.br {

	border-right: 1px solid #ddd;

}



.closemodal {

	position: absolute;

	background-color: #f00;

	z-index: 99;

	left: 50%;

	width: 25px;

	text-align: center;

	color: #fff;

	border-radius: 50%;

	top: 0;

	margin-left: -12.5px;

	display: none;

}



.navbar-default .navbar-toggle {

	border-color: #fff;

}



.navbar-default .navbar-toggle .icon-bar {

	background-color: #fff;

}



@media (min-width: 768px) {

	.dropdown:hover .dropdown-menu {

		display: block;

	}



	.btnp,

	.mt-10 {

		margin-top: 10px;

	}



	.modal-dialog {

		width: 700px;

	}



	.dropdown-menu {

		text-align: center;

	}



	.dropdown-menu>li>a {

		padding: 5px 20px;

	}



	.contact-detail p a,

	.contact-detail p {

		font-size: inherit !important;

	}



	.second-footer {

		font-size: 18px;

	}





	.about-event [class*="col-"] {

		float: none;

		display: table-cell;

		vertical-align: top;

	}

}



@media only screen and (max-width: 1200px) {

	.top_content {

		padding: 70px 0 0 0;

	}

}



@media only screen and (max-width: 1024px) {



	.top_content,

	.running_text {

		position: inherit;

	}



	.top_content .text h5,

	.top_content .text h3 {

		color: #000;

	}



	.top_content {

		padding: 8px 0 0 0;

	}



	.top_content .text {

		text-align: center;

		float: left;

		width: 100%;

	}



	.top_content .text h3 {

		font-size: 25px;

	}



	.top_content .text h5 {

		font-size: 18px;

	}

}



.bg-primary1 {

	background-color: #0b274c;

	color: #fff;

}



.committe_member h2 {

	font-weight: 600;

}



.text-green {

	color: #77ba1b;

}



.pb-20 {

	padding-bottom: 20px;

}



.committe,

.office {

	padding-left: 22px;

	list-style-type: disclosure-closed;

}



.committe li:first-child {

	margin-bottom: 50px;

}



.committe li::marker,

.office li::marker {

	color: #77ba1b;

}



.committe li:last-child {

	margin-top: 100px;

}



.office li:last-child {

	margin-top: 50px;

}



.listnone li {

	list-style-type: none;

}



.mpaylink {

	display: none;

}



.structure h3 {

	font-weight: 600;

}



.structure h2 span {

	border: 1px solid #000;

	border-radius: 13px;

	width: fit-content;

	padding: 8px 20px;

	font-weight: 600;

	

}

.structure h3 span {

	border: 1px solid #000;

	border-radius: 50px 20px;

	width: fit-content;

	padding: 15px 40px;

	font-weight: 700;

	color: white;

	background-color:#3F9A1F;

}



h1 span {

	border: 2px solid #000;

	border-radius: 10px;

	padding: 15px 40px;

}



.updatebtn {

	text-align: right;

}



@media only screen and (max-width: 768px) {

	.aboutchandigarh, .aboutchandigarh div{display: inherit  !important;}

	.aboutchandigarh>div>div{border-left: none !important;}

	.about-event h3 {

		font-size: 30px;

	}



	.updatebtn {

		text-align: left;

	}



	.top_content .text {

		display: none;

	}



	h1 span {

		font-size: 20px;

	}



	.committe li:first-child {

		margin-bottom: 0px;

	}



	.committe li:last-child {

		margin-top: 0px;

	}



	.office li:last-child {

		margin-top: 0px;

	}



	#pay_now_btn input[type=submit] {

		margin-bottom: 50px;

	}



	.btnp {

		padding: 5px 6px;

	}



	.structure h2 {

		font-size: 19px;

	}



	.structure h3 {

		font-size: 18px;

	}



	.mpaylink {

		display: block;

	}



	.closemodal {

		display: block;

	}



	.pad-0 {

		padding: 0 !important;

	}



	.navbar-nav .open .dropdown-menu {

		background-color: #fff;

	}



	.top_content .logo .natcon {

		margin-top: 0px;

	}



	.dropdown img {

		margin: -10px 5px 0 0;

	}



	.btn .caret {

		margin-left: 0px;

	}



	body {

		padding-top: 0px !important;

	}



	.dropdown-menu {

		left: auto;

		width: -webkit-fill-available;

		right: 0px;

	}



	.about-event h4 {

		padding: 40px 20px 40px 20px;

		text-align: center;

	}



	.dash-line {

		margin-top: 20px !important;

		text-align: left !important;

		padding: 20px 0 !important;

	}



	.about-event p {

		text-align: left;

		font-size: 15px;

	}



	.dash-line a {

		padding: 10px 20px !important;

	}



	.mt_50 {

		margin-top: 50px;

	}



	.mt_40 {

		margin-top: 40px;

	}



	.mt_20 {

		margin-top: 20px;

	}



	.mt_10 {

		margin-top: 10px;

	}



	.footer-section ul li a {

		font-size: 15px;

	}



	.information .user h6 span {

		font-size: 13px;

	}



	.information .user h6 {

		font-size: 14px;

	}



	.top_content .hidden-xs {

		display: none;

	}



	.top_content .visible-xs {

		display: block !important;

	}



	.contact-detail p a,

	.contact-detail p {

		font-size: 15px;

	}



	.dropdown-menu>li>a {

		padding: 5px 20px;

	}



	.top-section,

	.countdown {

		position: inherit;

	}



	.countdown h5 {

		font-size: 25px;

		text-align: center;

	}



	/*.countdown{padding:10px 28px;margin:5px 0;top:0px;left:0px;}*/



	.mlm {

		margin-left: 0px;

	}



	.mrm {

		margin-right: 0px;

	}



	.important-date .content {

		padding: 0px;

	}



	.important-date p {

		margin-bottom: 20px;

	}



	.contact-content {

		padding: 8px;

	}







	.footer-section ul {

		padding: 0px;

		margin-bottom: 0px;

	}



	.pb-0 {

		padding-bottom: 0px;

	}



	.footer-section ul li {

		list-style-position: inside;

		padding-bottom: 5px;

	}



	.footer-section {

		padding: 20px 0;

	}



	.second-footer {

		font-size: 12px;

		margin-bottom: 0px;

	}



	.important-date h5,

	.important-date p {

		font-size: 17px;

	}



	.exe.team {

		width: calc(33.33% - 34px);

	}



	.box p,

	.box ul li {

		font-size: 15px;

	}



	/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{width:100%;display:block;}*/



	.top_content .text h4 {

		color: #000;

		text-shadow: none;

		font-size: 16px;

	}



	.top_content .text h3 {

		text-shadow: none;

	}



	.tophead {

		text-align: center;

	}

	.top_content img{

		border: 1px solid #000;

		border-radius: 50%;

	}

}



@media only screen and (max-width: 420px) {

	.exe.team {

		width: 100%;

		margin: 8px 0;

	}

}



@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

	.countdown {

		top: 1%;

		padding: 10px 25px;

	}



	body {

		padding-top: 150px;

	}

}



/* new custom css start   */



.btn_black {

	background: #2c3531 !important;

}



.btn_black:hover {

	background: #ffcb9a !important;

}



#btn-back-to-top {

	position: fixed;

	bottom: 20px;

	right: 20px;

	display: none;

}



.panel-title {

	font-size: 18px;

}



.important-date .mlm img {

	max-width: inherit;

	width: calc(100% + 30px);

}



/*#register{overflow-y:scroll;}*/



#accordion {

	margin-top: 10px;

}



.panel-heading a {

	display: block;

	position: relative;

	font-weight: bold;

}



.panel-heading a::after {

	content: "";

	border: solid black;

	border-width: 0 3px 3px 0;

	display: inline-block;

	padding: 5px;

	position: absolute;

	right: 0;

	top: 0;

	transform: rotate(45deg);

}



.panel-heading a[aria-expanded=true]::after {

	transform: rotate(-135deg);

	top: 5px;

}







/*rating style sheet*/



@supports (not (-ms-ime-align:auto)) {

	label {

		color: #5a5a5a;

		transform: translate(0.25rem, -3.3rem);

		transition: all 0.2s ease-out;

	}



	.form-control:focus+label,

	.form-control:not(:placeholder-shown)+label {

		color: #111;

		transform: translate(0, -6.7rem);

	}

}



label {

	display: block;

	transform: translate(8px, -3.3rem);

	height: 0px;

	font-weight: 400;

}



.bred {

	border: 1px solid #f00;

}



.tbg {

	background-color: #5b7a35;

	color: #fff;

}



.rate {

	float: left;

	height: 46px;

}



.rate:not(:checked)>input {

	position: absolute;



	/*  top:-9999px;*/



	opacity: 0;

}



.rate:not(:checked)>label {

	float: right;

	width: 25px;

	overflow: hidden;

	white-space: nowrap;

	cursor: pointer;

	font-size: 30px;

	color: #ccc;

}



.rate:not(:checked)>label:before {

	content: '★';

}



.rate>input:checked~label {

	color: #ffc700;

}



.rate:not(:checked)>label:hover,

.rate:not(:checked)>label:hover~label {

	color: #deb217;

}



.rate>input:checked+label:hover,

.rate>input:checked+label:hover~label,

.rate>input:checked~label:hover,

.rate>input:checked~label:hover~label,

.rate>label:hover~input:checked~label {

	color: #c59b08;

}



.rate label {

	height: auto;

	font-weight: 400;

	transform: translate(0);

	transition: all 0.2s ease-out;

}



label.radiol {

	height: auto;

	transform: none;

	display: inline-block;

	margin: 0 30px 0 0;

}



label.radiol input {

	margin: 0 10px;

}



.form-group label span {

	color: #f00;

}



.mt-0 {

	margin-top: 0px;

}





form h3 {

	color: #F60;

	border-bottom: 2px solid #999;

	padding: 0 0 10px 0;

	position: relative;

}



form h3:after {

	content: '';

	width: 100px;

	height: 6px;

	background-color: #F60;

	display: block;

	position: absolute;

	bottom: -4px;

}



.workshops label.nofloat {

	display: inline;

}



@media (min-width: 768px) {

	#contactpopup .modal-dialog {

		width: 1000px;

	}

}



p label.checkbox.nofloat {

	margin-left: 21px;

}



#regbtn {

	background-color: var(--primary-color);

	transition: all 0.5s;

	cursor: pointer;



}



#regbtn span {

	cursor: pointer;

	display: inline-block;

	position: relative;

	transition: 0.5s;

}



#regbtn span:after {

	content: '\00bb';

	position: absolute;

	opacity: 0;

	top: 0;

	right: -20px;

	transition: 0.5s;

}



#regbtn:hover span {

	padding-right: 25px;

}



#regbtn:hover span:after {

	opacity: 1;

	right: 0;

}



#reg_btn {

	background-color: var(--primary-color);

}

.range-slider {

	--primary-color: #3F9A1F !important;

	--value-offset-y: var(--ticks-gap);

	--value-active-color: white;

	--value-background: transparent;

	--value-background-hover: var(--primary-color);

	--value-font: 700 12px/1 Arial;

	--fill-color: var(--primary-color);

	--progress-background: #eee;

	--progress-radius: 20px;

	--track-height: calc(var(--thumb-size) / 2);

	--min-max-font: 12px Arial;

	--min-max-opacity: 0.5;

	--min-max-x-offset: 10%;

	--thumb-size: 22px;

	--thumb-color: white;

	--thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,

		0 0 0 99px var(--thumb-color) inset;

	--thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),

		0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);

	--thumb-shadow-hover: var(--thumb-shadow);

	--ticks-thickness: 1px;

	--ticks-height: 5px;

	--ticks-gap: var(--ticks-height,

			0);

	--ticks-color: silver;

	--step: 1;

	--ticks-count: Calc(var(--max) - var(--min)) / var(--step);

	--maxTicksAllowed: 30;

	--too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));

	--x-step: Max(var(--step),

			var(--too-many-ticks) * (var(--max) - var(--min)));

	--tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);

	--tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));

	--value-a: Clamp(var(--min),

			var(--value, 0),

			var(--max));

	--value-b: var(--value, 0);

	--text-value-a: var(--text-value, "");

	--completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);

	--completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);

	--ca: Min(var(--completed-a), var(--completed-b));

	--cb: Max(var(--completed-a), var(--completed-b));

	--thumbs-too-close: Clamp(-1,

			1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),

			1);

	--thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));

	--thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));

	display: inline-block;

	height: max(var(--track-height), var(--thumb-size));

	background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;

	background-size: var(--tickIntervalPerc) var(--ticks-height);

	background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);

	background-position-y: var(--flip-y, bottom);

	padding-bottom: var(--flip-y, var(--ticks-gap));

	padding-top: calc(var(--flip-y) * var(--ticks-gap));

	position: relative;

	z-index: 1;

}

.range-slider[data-ticks-position=top] {

	--flip-y: 1;

}

.range-slider__progress {

	--start-end: calc(var(--thumb-size) / 2);

	--clip-end: calc(100% - (var(--cb)) * 1%);

	--clip-start: calc(var(--ca) * 1%);

	--clip: inset(-20px var(--clip-end) -20px var(--clip-start));

	position: absolute;

	left: var(--start-end);

	right: var(--start-end);

	top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);

	height: calc(var(--track-height));

	background: var(--progress-background, #eee);

	pointer-events: none;

	z-index: -1;

	border-radius: var(--progress-radius);

}

.range-slider__progress::before {

	content: "";

	position: absolute;

	left: -11px;

	right: 0;

	-webkit-clip-path: var(--clip);

	clip-path: var(--clip);

	top: 0;

	bottom: 0;

	background: var(--fill-color, black);

	box-shadow: var(--progress-flll-shadow);

	z-index: 1;

	border-radius: inherit;

}

.range-slider__progress::after {

	content: "";

	position: absolute;

	top: 0;

	right: -11px;

	bottom: 0;

	left: 0;

	box-shadow: var(--progress-shadow);

	pointer-events: none;

	border-radius: inherit;

}

.range-slider>input {

	-webkit-appearance: none;

	width: 100%;

	height: var(--thumb-size);

	margin: 0;

	position: absolute;

	left: 0;

	top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));

	cursor: -webkit-grab;

	cursor: grab;

	outline: none;

	background: none;

}

.range-slider>input:not(:only-of-type) {

	pointer-events: none;

}

.range-slider>input::-webkit-slider-thumb {

	-webkit-appearance: none;

	appearance: none;

	height: var(--thumb-size);

	width: var(--thumb-size);

	transform: var(--thumb-transform);

	border-radius: var(--thumb-radius, 50%);

	background: var(--thumb-color);

	box-shadow: var(--thumb-shadow);

	border: none;

	pointer-events: auto;

	-webkit-transition: 0.1s;

	transition: 0.1s;

}

.range-slider>input::-moz-range-thumb {

	-moz-appearance: none;

	appearance: none;

	height: var(--thumb-size);

	width: var(--thumb-size);

	transform: var(--thumb-transform);

	border-radius: var(--thumb-radius, 50%);

	background: var(--thumb-color);

	box-shadow: var(--thumb-shadow);

	border: none;

	pointer-events: auto;

	-moz-transition: 0.1s;

	transition: 0.1s;

}

.range-slider>input:nth-of-type(1) {

	--is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);

}

.range-slider>input:nth-of-type(1)+output {

	--value: var(--value-a);

	--x-offset: calc(var(--completed-a) * -1%);

}

.range-slider>input:nth-of-type(1)+output:not(:only-of-type) {

	--flip: calc(var(--thumbs-too-close) * -1);

}

.range-slider>input:nth-of-type(1)+output::after {

	content: var(--prefix, "") var(--text-value-a) var(--suffix, "");

}

.range-slider>input:nth-of-type(2) {

	--is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);

}

.range-slider>input:nth-of-type(2)+output {

	--value: var(--value-b);

}

.range-slider>input:only-of-type~.range-slider__progress {

	--clip-start: 0;

}

.range-slider>input+output {

	--flip: -1;

	--x-offset: calc(var(--completed-b) * -1%);

	--pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);

	pointer-events: none;

	position: absolute;

	z-index: 5;

	background: var(--value-background);

	border-radius: 10px;

	padding: 2px 4px;

	left: var(--pos);

	transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));

	transition: all 0.12s ease-out, left 0s;

}

.range-slider>input+output::after {

	content: var(--prefix, "") var(--text-value-b) var(--suffix, "");

	font: var(--value-font);

}

@media screen and (max-width: 500px) {

	/* body {

	  padding-top: 2em;

	  gap: 8%;

	} */

}

body .range-slider {

	margin-top: 20px;

	margin-bottom: 20px;

}

body .range-slider,

label[dir=rtl] .range-slider {

	/* width: clamp(300px, 50vw, 800px); */

	width: 100%;

	min-width: 200px;

}

.member {

	font-weight: bold;

	margin-bottom: 40px;

}

.member h3 {

	color: #1498b0;

	margin-bottom: 5px;

}

.navbar-nav>li.login a {

	display: inline-block;

}

.c_head {

	margin-bottom: -46px;

	z-index: 9;

	position: relative;

	color: #fff;

}

.conference1 {

	background-image: url(../img/conference1.jpeg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.conference2 {

	background-image: url(../img/conference2.jpeg);

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

.shadow {

	width: calc(100% + 30px);

	height: 100%;

	margin: 0 0 0 -15px;

	background-color: rgba(0, 0, 0, 0.4);

	color: #fff;

	padding: 70px 20px 40px 20px;

}

.color_danger {

	color: #ff0000;

}

.font-weight-700 {

	font-weight: 700;

}

.ml-30 {

	margin-left: 30px;

}

.mr-10 {

	margin-right: 10px;

}

.content_1 {

	line-height: 1.5;

}

.font-19 {

	font-size: 19px;

}

.leftbox {

	top: -5%;

	left: 5%;

	position: absolute;

	background-color: #50d890;

	box-shadow: 3px 3px 15px rgba(119, 119, 119, 0.5);

}

.rb-container {

	margin: auto;

	display: block;

	position: relative;

}

.rb-container ul.rb li {

	list-style: none;

	margin: auto;

	min-height: 50px;

	padding: 0 0 0 10px;

	position: relative;

}

.rb-container ul {

	padding-left: 15px;

	margin-left: 20px;

	border-left: 1px dashed #000;

}

.rb-container ul.rb li:last-child {

	border-left: 0;

}

.rb-container ul.rb li::before {

	position: absolute;

	left: -24px;

	top: 0px;

	content: " ";

	border: 8px solid rgb(0 0 0);

	border-radius: 500%;

	background: #fff;

	height: 20px;

	width: 20px;

	transition: all 500ms ease-in-out;

}

.rb-container ul.rb li:hover::before {

	border-color: #232931;

	transition: all 1000ms ease-in-out;

}

.border-1 {

	border: 1px solid #ddd;

}

.hotels img{

	width: 100px;

	margin: 0 0 25px 0;

}

.text-danger{color:#f00}



.apbox{

	border: 2px solid grey;

	border-radius: 5px;

	padding: 0 10px 10px 10px;

    margin-top: 20px;

}

.apbox span{

	background-color: #fff;

    margin: -16px 0 0 0;

    display: inline-block;

    padding: 0 3px;

}

.carousel .item{

	text-align: center;

}

.carousel .item img{

	display: inline-block;

}

.custom-timer-container {

	background-color: var(--secondary-color);; /* Rectangle background color */

	border-radius: 8px; /* Slightly curved edges */

	padding: 4px; /* Reduced padding around the timer */

	display: inline-block; /* Keeps the container size tight to content */

	color: black; /* Default text color */

	margin-left: 10px; /* Move the timer section slightly to the right */

	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Smaller shadow */

}



/* Styling for the container with the custom background and curved edges */

        



        /* Styling for the actual timer */

        .custom-timer {

            display: flex;

            justify-content: center;

            align-items: center;

            gap: 8px; /* Increased and consistent gap between time sections */

            font-family: Arial, sans-serif;

        }



        /* Styling for individual time sections */

        .custom-timer div {

            padding: 4px 6px; /* Reduced padding for compact design */

            font-size: 14px; /* Slightly smaller font size */

            font-weight: bold;

            text-align: center;

            background-color: white; /* White background for each section */

            color: black; /* Black text color */

            border-radius: 4px; /* Slightly rounded corners */

        }



        /* Styling for the labels (days, hours, etc.) */

        .custom-timer span {

            display: block;

            font-size: 10px; /* Smaller label text size */

            margin-top: 2px; /* Adjusted margin for labels */

            color: black; /* Black text for labels */

            text-transform: capitalize; /* Capitalize the first letter of each label */

        }



        /* Styling for the "COUNTDOWN TO THE EVENT" text */

        .countdown-text {

            font-family: Arial, sans-serif;

            font-size: 16px; /* Make the text slightly smaller */

            font-weight: bold;

            color: var(--secondary-color); /* Dark blue color for the text */

            display: inline-block;

            vertical-align: middle; /* Align text with the middle of the timer */

        }



        /* Container for both the text and the timer */

        .countdown-wrapper {

            display: flex;

            align-items: center;

        }