@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lilita+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Francois+One&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lilita+One&family=Monda:wght@400..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Protest+Revolution&display=swap');
html, body{
	font-family: 'Roboto', sans-serif;
	width: 100% !important;
	overflow-x: hidden !important;
}
* {
	margin: 0;
	padding: 0;
}
i {
	margin-right: 10px;
}

.regbutton {
	position: absolute;
	top: 48%;
	right: 5%;
}

.bt-reg-home {
	background-color: #f70000;
	color:#fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 45px;
	border: 5px solid #fff;
	border-radius: 18px;
}

.bt-reg-home:hover {
	background-color: #fff;
	color:#f70000;
	border-color: #f70000 !important;
}
/*.protest-revolution-regular {
	font-family: "Protest Revolution", sans-serif;
	font-weight: 400;
	font-style: normal;
  }*/

#menuLogo 
{
	/*background-image: linear-gradient(210deg, #005097 26%, #004c58 70%);*/
	/*background-image: linear-gradient(210deg,var(--menuCol1) 26%, var(--menuCol2) 70%);*/
	background-color: var(--menuCol2);
	position: sticky;
	top:0;
	z-index: 122;
}

#logos {
	background-image: url(../images/logo_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.mainLogo img {
	height: 150px;
	width: auto;
	margin-left: 20px;
}

nav ul li {
	margin: 0 5px;
}

nav ul li a:hover {
	color: var(--darkRed) !important;
	text-decoration: underline double;
	text-decoration-color: red;
	transition: all 0.5s !important;
}

#logoSection .logo {
	margin-left: 2%;
	padding: 10px;
	/*height: 190px;
	width: 220px;
	background-color: #fff;
	box-shadow: 0px 0px 4px grey;
	border-radius: 0px 0px 50% 50%;
	position: absolute;
	z-index: 999999;*/
}

.logoBrand_a
{
	background-color: #fff;
	padding: 10px;
}
.logoBrand_a img {
	height: 60px !important;
}

.aboutConference {
	margin: 0;
	padding: 0;
	margin-top: -5px;
}

.titleGroup {
	padding: 30px 0 10px 0;
}

.titleGroup .titleIcon {
	height: 60px;
	width: 60px;
}

.sectionPadding {
	padding: 40px 0px;
}

.slider .banner
{
	height: 620px;
	overflow: hidden !important;
}

.slider .banner video {
	height: 620px;
	object-fit:cover;
}

.videoOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
  }

  .videotext{
	position: absolute;
	top: 46%;
	/*left: 27%;*/
	margin: 0px auto;
	color: white;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	z-index: 80;
  }

  .videotext h2 {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
  }

  .videotext h3 {
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	color: gold;
  }

  .videotext p {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: var(--semiDarkSafforn);
	text-shadow: 0px 0px 2px var(--darkSafforn);
  }

  .borderedBox {
	background-color: lightblue;
	border: 2px solid gold;
	padding: 12px;
	width: 460px;
	margin: 0 auto;
	border-radius: 10px;
	margin-top: 45px;
  }

  .folloEvent {
	background-color: lightblue;
	width: 360px;
	padding: 12px;
	margin: 0 auto;
	margin-top: -35px;
	color: var(--darkRed);
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 5px;
	word-spacing: 10px;
	border-radius: 12px 12px 0px 0px;
  }

  .regBtnTop {
	background-color:var(--darkSafforn) !important;
	color:#fff !important;
  }

#aboutEventText {
	margin: 0;
	padding: 0;
	margin-left: -15px;
	background-image: url('../images/bgAboutConf.avif');
	background-repeat: no-repeat;
	background-size: cover;
}

.welcomeMessage {
	/*background-image: linear-gradient(210deg, #004c58 26%, #005097 70%);*/
	/*background-image: linear-gradient(230deg, var(--semiDarkGreenBlue) 26%, var(--darkgreenBlue) 70%);*/
	background-color: #0494c4;
	color:#fff;
}

.regLastDate {
	padding: 12px !important;
}
#aboutEventText .aboutText {
	margin-top: -32px;
	padding: 22px;
	font-size: 20px;
}

.welMessage {
	font-size: 20px;
	/*background-color: #fff;
	padding: 12px;
	color: #000;*/
	box-shadow: 0px 0px 5px var(--semiDarkGreenBlue);
	padding: 18px;
	border-radius: 12px;
	background-image: linear-gradient(210deg,var(--semiDarkSafforn) 26%, var(--darkSafforn) 70%);
}

.profilePic img{
	height: 180px;
	width: 180px;
	border-radius: 50%;
	margin: 0 auto;
}

.welcomeMessageImage .iTop, .speakersSection main .iTop {
	background-color: lightgray;
	padding: 12px;
	text-align: center !important;
}

.verticleDivider {
	height: 25px;
}

.downloadsButtons {
	border: 2px solid grey;
	padding: 10px;
	cursor: pointer;
	transition: all 1s;
}

.downloadsButtons:hover {
	transform: scale(1.1);
	opacity: 0.75;
	transition: all 1s;
}

.img, .blog-img, .user-img {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
  }

  .ftco-appointment {
	background-position: center center !important;
	position: relative;
	background-attachment: fixed;
  }

  .ftco-section {
	padding: 6em 0;
	position: relative;
  }

  .ftco-appointment .overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	content: '';
	opacity: .5;
	background: var(--darkBrown);
  }

  .bgblackLight {
	background-color: rgba(19,18,17,0.5) !important;
  }

  
.aboutCity #highlights .row{
	background-color: #fff;
	box-shadow: 3px 3px 2px grey;
	margin: 5px;
	padding: 10px;
	border-radius: 10px;
	border: 1px dotted grey;
	background-image: url(../images/regSecbg.jpg);
	background-size: 100% 100%;
}

.aboutCity #highlights .row p {
	font-size: 18px;
	color:  var(--darkRed);
}

.aboutCity #highlights .row h3 {
	color:var(--darkgreenBlue);
}

.aboutCity #highlights .row h3 .fa{
	color:#495057;
}

.registrationSection #registration {
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	overflow: hidden;
	/*background-color: #026fb6;
	background-image: linear-gradient(180deg, #026fb6 60%,rgba(39,58,131,0.45) 100%),url(../images/regFeebg.jpg);*/
	background-color: var(--darkgreenBlue);
	background-image: linear-gradient(180deg, var(--darkgreenBlue) 60%,rgba(39,58,131,0.45) 100%),url(../images/regFeebg.jpg);
	background-position: center bottom;
	background-size: cover;
	border-radius: 15px 15px 15px 15px;
	margin-top: 0px;
	color:#fff;
  }

  .registrationSection #registration hr {
	margin: 30px;
  }

  .regButton {
	border: 3px solid #fff;
	border-radius: 50px;
	background-color: lightblue;
	padding: 12px 30px;
	color: #112;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
  }

  .regButton:hover {
background-color: var(--semiDarkSafforn);
transition: all 1s;
  }
  
.registrationSection{
	background-position: left center;
	background-blend-mode: screen;
	padding-top: 70px;
	padding-bottom: 70px;
	background-image: url("../images/registrationNdates.png");
	background-size: cover;
	flex-wrap: wrap;
	background-attachment: fixed;
  }

  .importantDates {
	transform: rotate(-90deg);
  }

  .impDateBox {
	background-image: linear-gradient(-90deg,#005097 26%, #016f56 70%);
	/*background-image: linear-gradient(-90deg,var(--semiDarkSafforn) 26%, var(--darkgreenBlue) 70%);*/
	color:#fff;
	padding: 12px;
	margin: 8px;
	border-radius: 12px;
  }

  .speakersSection {
	background-color: var(--darkgreenBlue);
	background-image: linear-gradient(-210deg,#005097 26%, #016f56 70%);
  }

  .impDateBox h2 {
	color: lightblue;
  }

  #timer #countdown .box {
	text-align: center !important;
  }

  .socialButtons {
	margin-top: -45px;
  }

  .socialButtons ul {
	text-align: right;
  }
.socialButtons .fa {
	font-size: 95px;
	color: var(--yellowBrownLight);
	margin: 0 auto;
} 

.socialButtons li {
	height: 120px;
	width: 120px;
	padding: 10px;
	border-radius: 50%;
	background-color: var(--menuCol2);
	border: 2px solid var(--menuCol1);
	margin-bottom: 8px;
	display: inline-block;
	text-align: center;
}

.bgblackLight {
	background-color: rgba(19,18,17,0.5) !important;
  }


.footer .sectionTitle5, #registration h2 { font-size: 26px; }

.titleGroup h1 {font-size: 32px;}
/* ================================================ */

.fontStyle1
{
	font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sectionTitle {
    font-family: "Berkshire Swash", serif;
    font-weight: 400;
    font-style: normal;
	text-transform: uppercase;
	color: #203d4f;
	font-size: 2.5em;
  }

  .sectionTitle2 {
	font-family: "Lilita One", sans-serif;
	font-weight: 400;
	font-style: normal;
  }

  .sectionTitle4 {
	font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
  }

  .sectionTitle3 {
	font-family: "Kanit", sans-serif;
	font-weight: 700;
	font-style: normal;
  }

  /* page title */

  #titleRow h1 {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Raleway", sans-serif;
	font-weight: 300;
	font-size: 40px;
	color: red;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
  }
  
  #titleRow h1 span {
	display: block;
	font-size: 0.5em;
	line-height: 1.3;
  }
  #titleRow h1 em {
	font-style: normal;
	font-weight: 600;
  }
  

  .pageTitle2 h1 {
	text-align: center;
	color:#222; font-size:30px; font-weight:400;
	text-transform: uppercase;
	word-spacing: 1px; letter-spacing:2px; color:#c50000;
  }
  .pageTitle2 h1 span {
	line-height:2em; padding-bottom:15px;
	text-transform: none;
	font-size:.7em;
	font-weight: normal;
	font-style: italic; font-family: "Playfair Display","Bookman",serif;
	color:#999; letter-spacing:-0.005em; word-spacing:1px;
	letter-spacing:none !important;
  }
  .pageTitle2 h1:after, .pageTitle2 h1:before {
	position: absolute !important;
	left: 0 !important;
	bottom: 0;
	width: 45px !important;
	height: 4px !important;
	content: "" !important;
	right: 45px !important; 
	margin:auto !important;
	background-color: #ccc !important;
  }
  .pageTitle2 h1:before { 
  background-color:#d78b8b !important;
	left:45px; width:90px !important;
  }
  

  /* page title end */

  .viewAllBtn {
	padding: 9px 40px;
	font-size: 26px;
	margin: 20px auto;
  }
 /* .logo img {
	width: 100%;
	margin-left: -2%;
}*/

.footer {
	background-image: linear-gradient(0deg, #182848, #2980b9);
}

.footerLogo img {
	width: 80%;
	margin-left: -4%;
}
  #contactInfo .icon {
	color:yellow;
  }

  #contactInfo .text {
	font-size: 20px;
	color:#fff;
  }

  #homeBanner {
	z-index: 2;
  }

  .dark {
	font-weight: bold;
  }

  #homeBanner img {
	border-radius: 25px 0px 0px 0px;
	margin-left: -15px;
  }

  #aboutBhubaneswar, #welcomeMessage, #messageBoxBack, #timerRow, #venue, #committee, .contactData, #footerTop, #committeePage, #facultyPage, #inAround
  {
	background-color: #fffce0;
	padding: 15px;
  }

  #aboutCity img {
width:45%;
  }
  .upper {
	text-transform: uppercase;
  }

  .carouselData {
	border: 8px solid lightgray;
	width: 160px;
	height: 185px;
	overflow: hidden;
	margin: 30px 0px;
  }

  .carouselData .carouselImg, .carouselData .carouselImg img {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
  }

  .carouselData .carouselText {
	position: absolute;
	margin-top: -50px;
	background-color: #fff;
	color: #000;
	width: 144px;
	text-align: center;
  }

  .carouselData .carouselText .name {
color: #5161ce;
font-weight: bold;
  }

  .carouselData .carouselText .designation {
font-size: 12px;
  }

  .msgTitle, #committee, .contactData #contactTop, .contactData #contactBottom {
	color: #fff !important;
	background-color: #203d4f;
  }

  #contactBottom,#contactTop {
	padding-top: 20px;
	margin: 0px 10px;
	padding-bottom: 20px;
  }
  .msgTitle {
	padding: 80px 20px;
	width: 90%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left:25px;
	text-align: center;
  }

  .msgTitle .sectionTitle {
	color: #fff;
  }

  #aboutBhubaneswar .aboutImg
  {
	width: 98%;
  }
  p {
	text-align: justify;
  }

  #timerRow {
	background-image: url('../images/timerbg.jpg');
	padding: 60px 20px;
  }

  #timerRow .col-md-3 {
	align-content: center; 
  }

  #timerRow .counts
  {
	padding: 28px 12px;
	font-size: 54px;
	background-color: darkred;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	height: 170px;
	width:170px;
	font-weight: bold;
	vertical-align: middle;
	box-shadow: 0px 0px 8px #fff;
	border: 3px solid #fff;
  }

  #timerRow .label {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 0;
  }

#venue marquee img {
	margin: 5px;
}

.place-card .place-card-large {
	display: none !important;
}

.footerRight {
	margin-left: -5%;
}

.confSecContent p, .organizer p {
	padding: 4px;
	margin: 0px;
}

#cityContent 
{    
	width:96%;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    border-radius: 10px;
    box-shadow: 0px 9px 30px 0px rgba(255,149,5,1);
	padding:10px;
	margin:0 auto;
  }

  #cityContent p
{
	font-size:18px;
}

.bottomTitle {
	color: #1d31b3;
}
.lineFooter {
	height: 95%;
	width:4px;
	background-color: darkred;
}
#footerbottom {
	background-color: #1d31b3;
	color: #fff;
	padding: 10px;
	overflow: hidden;
	width: 101%;
}

.copyright p {
text-align: center;
}

.round-border {
	border-radius: 50%;
	border: 2px solid #fff;
	padding: 12px;
}

.footeremail {
	font-size: 32px;
	font-weight: bold;
}

.dropPosition {
	position: relative;
}

.dropPosition .dropdown-item {
	position: relative;
	z-index: 99999;
}

form#enquiry .transparent{
	background-color:transparent !important;
	border:1px solid #fff !important;
}

#inAroundData {
	margin: 12px;
	padding: 12px;
	box-shadow: 0px 0px 3px #000;
	transition: transform .7s ease-in-out;
}

#inAroundData img {
transition: transform .7s ease-in-out;
}

.paymentDetails
{
	background-color: #112;
	padding: 12px;
	color:aliceblue;
	box-shadow: 0px 0px 6px white;
}

.paymentDetails .details table
{
	background-color: white;
	text-align: left;
	font-size: 18px;
}

.paymentDetails .details table tr td
{
	font-weight: 400;
}


#inAroundData img:hover {
	transform: rotate(360deg);
  }

#inAroundData #inAroundTitle {
	color: gold;
}

#inAroundData #image img {
	width: 100%;
}

.section-title h2{
	font-size: 46px !important;
}

.about-us-area-2 {
	position: relative;
	background-image: url(../images/welcomeMessage.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	padding: 40px 0px;
  }

  .section-text-content-area {
	position: relative;
	background-color: rgba(255,255,244,0.9);
	text-align: center;
	border-radius: 5px;
	margin: 30px auto;
	padding: 15px 15px 30px;
	box-shadow: 0px 0px 30px 0px rgba(20, 50, 208, 0.15);
  }

  .cursive_1 {
	font-family: "Protest Revolution", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: underline;
	color: #ee0357;
  }

  /* animations */

/*animated border */
#inAroundData.box {
	/*display: grid;*/ 
	place-content: center;
	color: white;
	text-shadow: 0 1px 0 #000;
	
	--border-angle: 0turn; 
	--main-bg: conic-gradient(
		from var(--border-angle),
		#213,
		#112 5%,
		#112 60%,
		#213 95%
	  );
	
	border: solid 5px transparent;
	border-radius: 2em;
	--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
	
	background: 
	  var(--main-bg) padding-box,
	  var(--gradient-border) border-box, 
	  var(--main-bg) border-box;
	
	background-position: center center;
  
	animation: bg-spin 3s linear infinite;
	@keyframes bg-spin {
	  to {
		--border-angle: 1turn;
	  }
	}
  
	&:hover {
	  animation-play-state: paused;
	}
  }
  
  @property --border-angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
  }
  
/*animated border end */

.bounce-in-right {
	animation: bounce-in-right 2s ease;
  }
  @keyframes bounce-in-right {
	0% {
	  opacity: 0;
	  transform: translateX(2000px);
	}
	60% {
	  opacity: 1;
	  transform: translateX(-30px);
	}
	80% { transform: translateX(10px); }
	100% { transform: translateX(0); }
  }
  
  /* from left */
  .bounce-in-left {
	animation: bounce-in-left 2s ease;
  }
  @keyframes bounce-in-left {
	0% {
	  opacity: 0;
	  transform: translateX(-2000px);
	}
	60% {
	  opacity: 1;
	  transform: translateX(-30px);
	}
	80% { transform: translateX(10px); }
	100% { transform: translateX(0); }
  }
  
  /* bounce-titter */
  .animated { 
	-webkit-animation-duration: 5s;
	animation-duration: 5s; 
	-webkit-animation-fill-mode: both; 
	animation-fill-mode: both;
	animation-delay: 0.5s; 
  }
  
  @-webkit-keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-60px);} 
	60% {-webkit-transform: translateY(-30px);} 
  } 
  
  @keyframes bounce { 
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
	40% {transform: translateY(-30px);} 
	60% {transform: translateY(-15px);} 
  }
  
  .bounce { 
	-webkit-animation-name: bounce; 
	animation-name: bounce; 
  }
  

/* animations end */

.timer_social {
	padding: 90px 20px;
	display: block !important;
	clear: both !important;
}

/* Committee */

.committeeBox, .profileBox {
	border-radius: 10px;
	border-top: 5px solid #06a1b6;
	box-shadow: 0 0.5rem 0.8rem #00000080;
	margin: 15px 0px;
	width: 100%;
	height: auto;
	padding: 10px 12px;
	text-align: center;
  }

  .committeeBox img, .profileBox img {
border-radius: 50%;
border: 4px solid #1d31b3;
  }

#internationalFaculty .profileBox img {
height:225px;
width:225px;
}

  .committeeBox p, .profileBox p {
	text-align: center;
	margin: 3px;
	padding: 3px;
  }


  #facultyContent .profileBox {
background-color: #ffc79a;
  }

  #facultyContent .profileBox p:last-child {
	color: #203d4f;
	margin-top: -8px;
	  }
	

  .committeeBox p.committeeName, .profileBox p.committeeName{
	background-color: darkred;
	font-size: 20px;
	color: #fff;
	padding: 6px;
	border-radius: 5px;
  }

  .committeeBox p.email, .profileBox p.email{
	font-size: 14px;
	color: #e97203;
	font-style: oblique;
  }

  #borderimg1 {
	border: 10px solid transparent;
  padding: 15px;
  border-image: url(../images/border.png) 20% round;

  }

  #committeeContent {
	border-bottom: 2px dashed darkred;
	margin-top: 15px;
	padding-top: 10px;
  }

  #committeeContent:last-child {
	border: none;
  }

  #committeeImage {
	text-align: center;
	margin: 15px;
	padding: 10px;
  }

  #committeeImage img {
	width: 85%;
	border-radius: 20px;
	box-shadow: 0px 0px 3px #000;
  }

  #committeeImage p {
	text-align: center;
	margin: 4px;
	padding: 4px;
  }

  .exeCommittee #committeeImage .name {
	font-size: 12px;
  }
  
  .exeCommittee #committeeImage .designation {
	font-style: italic;
	color: #e97203;
	margin-top: -10px;
	padding: 0;
	font-size: 11px;
  }
  
  #pageSubTitle h2 {
	color: #1d31b3;
	text-align: center;
  }

  #pageTitle {
	background-color: #1d31b3;
	color: #fffce0;
	text-align: center;
	background-image: linear-gradient(#1d31b3, #06a1b6);
	margin-top: -1.2%;
  }

  #member {
	margin: 10px 0px;
  }

  #member .member {
	border:2px #e97203;
	border-style: groove double solid dashed;
	padding: 20px;
	text-align: center;
	border-radius: 0px 15px 0px 20px;
	box-shadow: 6px 8px 0px darkred;
  }

  #pageSubTitleStyled {
	color: #fffce0;
	text-align: center;
	background-image: linear-gradient(#f37814, darkred);
	border: 2px solid yellow;
	border-radius: 20px;
	display: inline-block;
	width: auto;
	margin: 0px auto;
  }

  #member .member p {
	text-align: center;
	margin: 0;
	padding: 0;
  }

  .mergedtr {
	background-image: linear-gradient(#ce2e06, darkred) !important;
	text-transform: uppercase;
	color:#fff;
  }

  .s1h {
	background-color: green;
	color:#fff;
  }

  .regInfo {
	width: 80%;
	margin: 0px auto;
  	list-style: none;
	counter-reset: list;
	padding: 0 1rem;
}

.regTblCol1 {
	background-color: var(--tblCol1);
	color: var(--tblColF1);
}

.regTblCol2 {
	background-color: var(--tblCol2);
	color: var(--tblColF2);
}

.regTblCol3 {
	background-color: var(--tblCol3);
	color: var(--tblColF3);
}

.regTblCol4 {
	background-color: var(--tblCol4);
	color: var(--tblColF4);
}

.regTblCol5 {
	background-color: var(--tblCol5);
	color: var(--tblColF5);
}

#registrationFeeDetails table th h6 {
	font-weight: bold !important;
}

.regInfo li {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 62%;
	--l2: 88%;
	--h: calc((var(--i) - 1) * (180 / var(--length)));
	--c1: hsl(var(--h), 71%, var(--l));
	--c2: hsl(var(--h), 71%, var(--l2));
	
	position: relative;
	counter-increment: list;
	margin: 1rem auto;
	padding: 1rem 1rem 1rem;
	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;
}

.regInfo li::before {
	content: '';
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

.regInfo h3 {
	display: flex;
	align-items: baseline;
	margin: 0 0 1rem;
	color: rgb(70 70 70);
	font-size: 16px !important;
}

.regInfo h3::before {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	margin-right: 1rem;
	width: 3rem;
	height: 3rem;
	content: counter(list);
	padding: 1rem;
	border-radius: 50%;
	background-color: var(--c1);
	color: white;
}

@media (min-width: 40em) {
	.regInfo li {
		margin: 3rem auto;
		padding: 3rem 2rem 2rem;
	}
	
	.regInfo h3 {
		font-size: 2.25rem;
		margin: 0 0 2rem;
	}
	
	.regInfo h3::before {
		margin-right: 1.5rem;
	}
}

 .navbar-toggler-icon {
	border:1px solid #fff !important;
}

/*
=========================================================================================
----------bootstrap-navbar-css------------
*****************************************************************************************
*/
.pad-left-20 {
  padding-left:20px !important;
}
/*.navbar-mainbg{
	background: rgb(8,2,108);
background: linear-gradient(0deg, rgba(8,2,108,1) 0%, rgba(4,19,181,1) 100%);
	padding: 0px;
}*/

.navbar-mainbg{
	background: darkred;
	padding: 0px;
}

.navbar-mainbg a{ 
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing:1px;
font-size: 18px;
}

.dropdown .dropdown-menu a {
	color:gold;
	text-transform: capitalize;
}

.dropdown .dropdown-menu a:hover {
	background-color: gold;
	color:rgb(161, 2, 2);
}

#navbarSupportedContent{
	overflow: hidden;
	position: relative;
}
#navbarSupportedContent ul{
	padding: 0px;
	margin: 0px;
}
#navbarSupportedContent ul li a i{
	margin-right: 10px;
}
#navbarSupportedContent li {
	list-style-type: none;
	float: left;
}
#navbarSupportedContent ul li a{
	color: rgba(255,255,255,1);
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 16px 16px;
    transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    position: relative;
    text-transform:uppercase;
    font-weight:bold;
}
#navbarSupportedContent>ul>li.active>a{
	color: #5161ce;
	background-color: transparent;
	transition: all 0.7s;
}
#navbarSupportedContent a:not(:only-child):after {
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	transition: 0.5s;
}
#navbarSupportedContent .active>a:not(:only-child):after {
	transform: rotate(90deg);
}


/* blink background*/
.blink {
    background-color: orange;
    -webkit-animation: blink 800ms step-end infinite;
            animation: blink 800ms step-end infinite;
			padding: 10px;
}
@-webkit-keyframes blink { 50% { background-color: gold; }}
        @keyframes blink { 50% { background-color: gold; }}

/*=============*/

.pulse {
    background-color: orange;
    -webkit-animation: blink 800ms infinite;
            animation: blink 800ms infinite;
}
@-webkit-keyframes blink { 50% { background-color: gold; }}
        @keyframes blink { 50% { background-color: gold; }}

/*=============*/

.pulse2 {
	-webkit-animation: pulse 400ms infinite alternate;
	        animation: pulse 400ms infinite alternate;
}
@-webkit-keyframes pulse {
	0% { background-color: gold; }
	100% { background-color: orange; }
}
@keyframes pulse {
	0% { background-color: gold; }
	100% { background-color: orange; }
}

/* blink text */
.blinking {

animation: opacity 2s ease-in-out infinite;
opacity: 1;
color:orange;
}

@keyframes opacity {
0% {
opacity: 1;
}

50% {
opacity: 0;
color:yellow;
}

100% {
opacity: 1;
color:orange;
}
}

:root {
	--tblCol1:#bdd5ed;
	--tblCol2:#fed966;
	--tblCol3:#f4b083;
	--tblCol4:#a7d08c;
	--tblCol5:#8eaada;

	--tblColF1:#01274d;
	--tblColF2:#6d5203;
	--tblColF3:#803402;
	--tblColF4:#286301;
	--tblColF5:#02225a;
--menuCol1:#ff0460;
--menuCol2:#8e084f;
	--darkgreenBlue:#11567b;
	--semiDarkGreenBlue:#41a4a4;
	--darkSafforn:#c24707;
	--semiDarkSafforn:#fc930b;
	--darkRed:#b50100;

	--veryLightBrown: #af8477;
  --yellowBrown: #d7a44a;
  --yellowBrownLight: #f8c264;
}