/* core */
 html {
  overflow-y: scroll;
}
 body {
   background-color: rgb(250, 255, 255);
   padding: 0 1rem;
 }

 .WrapperBox {
   max-width: 1600px;
   margin: 0 auto;
 }

 .top {
   position: relative;
 }

 .top>p:first-child {
   font-family: 'Audiowide', cursive;
   font-size: 2rem;
 }

 .top>input {
   width: 150px;
 }
 .spon{
  color: #4a42ac !important;
  font-family: 'Oswald', sans-serif;
 }
 ul {
   list-style: none;

 }

 ul>li>a {
   text-decoration: none;
 }

 hr {
   margin-bottom: 0;
 }

 .main {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(8, 1fr);
 }

 .homeCard {
   width: 100%;
   height: auto;
   grid-column: 1 /span 8;
   grid-row: 1 / span 4;
 }


 .homeCard>.imgWrapper {
  opacity: 1;
   width: 100%;
 }

 .homeCard>.imgWrapper>img {
   width: 100%;

   min-height: 300px;
 }

 .confHeading {
   grid-column: 2 /span 6;
   grid-row: 1 / span 4;
   z-index: 10;
   font-size: clamp(1rem, 2.1vw, 2.5rem);

 }

 .confTitle {

   font-family: 'Oswald', sans-serif;
 }

 .logoHolder>img {
   width: 70%;
   height: 70%;
 }

 .confDate {
   font-family: 'Oswald', sans-serif;
 }

 .confDate>p {
   margin: 0 10px !important;
 }

 /* nav */
 .navbar,
 .navbar-expand-lg {
   margin: 0 auto;
   /* min-height: 40px; */

 }


 .nav-link {
   font-family: 'Oswald', sans-serif;
   font-size: 1.2rem;
   font-weight: 400;
   color: rgb(56, 54, 55) !important;
   position: relative;
   border-radius: 5px;
 }

 .nav-link:hover {
   color: #fdfdfc !important;
   background-color: rgb(180, 167, 89);

 }

 .navbar-toggler {
   margin: 0 !important;
 }

 .navbar-toggler:focus {
   box-shadow: none !important;

 }

 .offcanvasInner {
   position: relative;
   width: 250px !important;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5) !important;
 }

 i.bi-x-square {
   cursor: pointer;
   position: absolute;
   right: -17px;
   color: rgb(235, 225, 230) !important;
   top: 50%;
   transform: translateY(-50%);
 }

 .offcanvas {
   background-color: transparent !important;
   width: 250px !important;

 }

 .ul-offcanvas {
   padding-top: 1rem;
   padding-left: 0 !important;
 }

 .ul-offcanvas>li {
   border: 1px solid rgb(175, 172, 172);
   margin-bottom: .5rem;
   border-radius: 5px;
 }

 .ul-offcanvas>li>a {
   color: #fdfdfc !important;
 }

 .ul-offcanvas>li>a:hover {
   color: #fdfdfc !important;
   background-color: rgb(180, 167, 89);
 }

 ul.dropdown-menu{
  background-color: #2c2d2e !important;
  z-index: 100 !important;

}

.dropdown-menu>li>hr{
  color: #fff !important;
}

.dropdown-item{
  font-family: 'Oswald', sans-serif;
  border-radius: 5px;
  color: #fff !important;
}

.dropdown-item:hover{
  color: #fdfdfc !important;
  background-color: rgb(180, 167, 89);
}



 .footer {
   height: auto;
   background-color: #2c2d2e;
   color: #b9c1c4;
   display: grid;

   grid-template-rows: min-content 20px;
 }

 ._footer {
  height: auto;
  background-color: #2c2d2e;
  color: #b9c1c4;
  display: grid;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 8px;
  grid-template-rows: min-content 20px;
}

 .ulWrapper {
   display: grid;
   width: 100%;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   justify-items: left;
 }

 .ul-footer {

   list-style-type: ">";
 }

 .footer>.copyRight {
   grid-row: 2 / 3;
 }

 .footer-li {
   margin-bottom: .5rem;
 }

 .footer-li>a {
   text-decoration: none;
   margin-left: .4rem;
   color: #b9c1c4;
 }

 /* venue */

 .tourism a {
  width: 100px !important;
  border: 1px solid rgb(69, 151, 73) !important;
  line-height: 1rem;
  margin-bottom: .5rem;
}

.tourism a:focus {
  box-shadow: none !important;
}

.tourism a:hover {
  background-color: rgb(69, 151, 73) !important;
  color: #fdfdfc !important;
}

 .iitgComm>ul>li>i {
   color: rgb(175, 160, 26);
 }

 .heading>span {
   position: relative;
   display: inline-block;
 }

 .heading>span::after {
   position: absolute;
   content: '';
   width: 3rem;
   height: 5px;
   background-color: darkgoldenrod;
   right: 0;
   bottom: -8px;
 }


 .galleryCard {
   width: 100%;
   max-height: 700px;
 }

 .gallery-thumbs {
   margin-top: .5rem !important;
 }

 .swiper-container {
   /* width: 100%; */
   max-width: 1200px;
   height: 100%;
   margin-left: auto;
   margin-right: auto;

 }

 .swiper-button-next,
 .swiper-button-prev {
   margin-top: 0 !important;
   transform: translateY(-50%);
 }

 .swiper-zoom-container {
   margin: 0 auto;
   max-width: 1200px;
   height: 100%;

 }

 .swiper-slide {
   background-size: cover;
   background-position: center;
 }

 .gallery-top {
   height: 80%;
   width: 100%;
 }

 .gallery-thumbs {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0;
 }

 .gallery-thumbs .swiper-slide {
   width: 10%;
   height: 100%;
   opacity: 0.4;
 }

 .gallery-thumbs .swiper-slide-active {
   opacity: 1;
 }

 .venueContent {
   flex-direction: column;
 }


 /* venue end */



/* style for registration page */
.btn:focus,.select:focus, .form-select,.form-check-input[type="radio"]:focus, .form-floating>textarea:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
 

}

.form-check-input:checked{
  background-color: rgb(23, 31, 138) !important;
  border: none !important;
}

.btn-next,.btn-regCode,.btn-pre,.btn-register{
  border: none !important;
}
.btn-register{
  background-color:#197d87;
}

.btn-next{
  background-color: #3d8262 !important;
  height: 2.8rem;
}
.btn-pre{
  background-color: #a9ae09 !important;
}
.btn-pay{
  background-color: #0b3c3c !important;
  height: 2.8rem;
}
.step{
  display: none;
} 
.step-active{
  display: block;
}

.talkCategory{
  font-size: 1.1rem !important;
  color: #273868;
}

#progressbar {
  display: flex;
  justify-content: center;
  flex-direction: row;
  text-align: center;
  margin: 0 auto;
	overflow: hidden;
  counter-reset: step;
  margin-bottom: 2rem;
  margin-top: 1rem;
}


#progressbar li {
	list-style-type: none;
	color: rgb(192, 70, 70);
	text-transform: uppercase;
	font-size: .8rem;
	float: left;
	position: relative;
  margin-right: 20px;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #f5eeee;
	background: rgb(94, 16, 16);
	border-radius: 3px;
	margin: 0 auto 5px auto;
}

#progressbar li.active::before{
	background: #27AE60;
	color: white;
}


.btn-holder,.saveData-holder {
  height: 2.8rem;
  cursor: pointer;
  text-align: center;
  background-color: #d07194;
  
  border-radius: 0.25rem;

}

.btn-holder>.holder-inner{
  border-radius: 0.25rem;
  background-color: #773340;
}

.saveData-holder{
  border-radius: 0.25rem;
  background-color: #0f99bb !important;
}

.btn>span.spinner-border {
  visibility: hidden;
}

.btnCustom {
  position: relative;
  background: transparent !important;
  border: none !important;
  outline: none !important;
}


.btnCustom>span {
  position: absolute;
  left: -.5rem;
  top: 12px;
}


.visible {
  visibility: visible;
}

.form-control {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: -webkit-focus-ring-color auto 0px !important;
}

input:focus,.form-select,textarea {
  border: 1px solid #dee2e6 !important;
  
}

.form-register>div>span>i {
  font-size: 1.2rem;
  margin-right: .5rem;
}


.modal-content {
  border: none !important;
}

.form-floating>.form-control:not(.postalAddress),.form-select,#fees{
  height: 2.8rem;
}

.fees{
  position: relative;
}

.fees>i{
  position: absolute;
  left: 1rem;
  top: 12px;
  z-index: 10;
}

.form-control-lg{
  height: 0 !important;
min-height: 2.8rem;
font-size: 1rem;
padding: 10px;

}
.form-floating>.form-label{
  padding: .6rem 0.75rem !important;
}


.card-registration .select-arrow {
  top: 13px;
  position: relative !important;
}

.forHide {
  display: none;
}

.testmodal,.payModal {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;

}
.modal-content{
  background-color: rgb(98, 100, 106);
}

.designation,.countryCode {
  font-size: inherit !important;
}


.form-floating,
.des, .country_dropdown,.select_abs_first_outer,.select_abs_second_outer,.accommodation_outer{
  position: relative;
}


.form-floating>label.error, .form-select>label.error {
  position: absolute;
  padding: 0 !important;
  color: red;
  position: absolute !important;
  top: -1.4rem !important;
  left: 0 !important;
}

label#designation-error,label#country_dropdown-error, label#paperAbstract-error,#accommodation-error {
  position: absolute;
  padding: 0 !important;
  color: red;
  position: absolute !important;
  top: -1.4rem !important;
  left: 12px !important;
}

#rmsMemId-error{
  left: .9rem !important;
}

label#country_dropdown-error{
  left: 0 !important;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label.error {
  opacity: 1 !important;
  transform: none !important;
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label.error {
  opacity: 1 !important;
  -ms-transform: none !important;
  transform: none !important;
}

.form-floating>.form-control:focus~label.error,
.form-floating>.form-control:not(:placeholder-shown)~label.error,
.form-floating>.form-select~label.error {
  opacity: 1 !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.input-group-text{
  background-color: #425364 !important;
  color: #fff;
}

/* registration end */




 mark {
   padding: 0;
   background: orange;
   color: black;
 }

 input:focus {
   border-color: #ced4da !important;
   box-shadow: none !important;
 }

 /* animation classes */

 .slide-right {
   -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }


 @-webkit-keyframes slide-right {
   0% {
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
   }

   100% {
     transform: translateX(20px);
     -webkit-transform: translateX(20px);
     -moz-transform: translateX(20px);
     -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
   }
 }

 @keyframes slide-right {
   0% {
     transform: translateX(0);
     -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
   }

   100% {
     transform: translateX(20px);
     -webkit-transform: translateX(20px);
     -moz-transform: translateX(20px);
     -ms-transform: translateX(20px);
     -o-transform: translateX(20px);
   }
 }


 /* slide left */
 .slide-left {
   -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }

 @-webkit-keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
   }

   100% {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
     -moz-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     -o-transform: translateX(-20px);
   }
 }

 @keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
   }

   100% {
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px);
   }
 }


 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
   animation-duration: .5s;
   -webkit-animation-duration: .5s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     transform: translate3d(-20%, 0, 0);
     -webkit-transform: translate3d(-20%, 0, 0);
     -moz-transform: translate3d(-20%, 0, 0);
     -ms-transform: translate3d(-20%, 0, 0);
     -o-transform: translate3d(-20%, 0, 0);
   }

   100% {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
   }
 }

 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     transform: translate3d(-20%, 0, 0);
     -webkit-transform: translate3d(-20%, 0, 0);
     -moz-transform: translate3d(-20%, 0, 0);
     -ms-transform: translate3d(-20%, 0, 0);
     -o-transform: translate3d(-20%, 0, 0);
   }

   100% {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
   }
 }



 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
     -webkit-transform: translate3d(0, -100%, 0);
     -moz-transform: translate3d(0, -100%, 0);
     -ms-transform: translate3d(0, -100%, 0);
     -o-transform: translate3d(0, -100%, 0);
   }

   100% {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
   }
 }

 @keyframes fadeInDown {
   0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
     -webkit-transform: translate3d(0, -100%, 0);
     -moz-transform: translate3d(0, -100%, 0);
     -ms-transform: translate3d(0, -100%, 0);
     -o-transform: translate3d(0, -100%, 0);
   }

   100% {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -ms-transform: none;
     -o-transform: none;
   }
 }

 .text-focus-in {
   animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
   -webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 }


 @-webkit-keyframes text-focus-in {
   0% {
     filter: blur(12px);
     -webkit-filter: blur(12px);
     opacity: 0;
   }

   100% {
     filter: blur(0px);
     -webkit-filter: blur(0px);
     opacity: 1;
   }
 }

 @keyframes text-focus-in {
   0% {
     filter: blur(12px);
     -webkit-filter: blur(12px);
     opacity: 0;
   }

   100% {
     filter: blur(0px);
     -webkit-filter: blur(0px);
     opacity: 1;
   }
 }


 .tracking-out-expand {
   -webkit-animation: tracking-out-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: tracking-out-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }


 @-webkit-keyframes tracking-out-expand {
   0% {
     opacity: 1;
   }

   60% {
     opacity: 0.8;
   }

   100% {
     opacity: 1;
     letter-spacing: 7px;



   }
 }

 @keyframes tracking-out-expand {
   0% {
     opacity: 1;
   }

   60% {
     opacity: 0.8;
   }

   100% {
     opacity: 1;
     letter-spacing: 7px;



   }
 }

 .kenburns-top {
   -webkit-animation: kenburns-top 1s ease-out reverse both;
   animation: kenburns-top 1s ease-out reverse both;
 }

 @-webkit-keyframes kenburns-top {
   0% {
     -webkit-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     -webkit-transform-origin: 50% 16%;
     transform-origin: 50% 16%;
   }

   100% {
     -webkit-transform: scale(1.25) translateY(-15px);
     transform: scale(1.25) translateY(-15px);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
 }

 @keyframes kenburns-top {
   0% {
     -webkit-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     -webkit-transform-origin: 50% 16%;
     transform-origin: 50% 16%;
   }

   100% {
     -webkit-transform: scale(1.25) translateY(-15px);
     transform: scale(1.25) translateY(-15px);
     -webkit-transform-origin: top;
     transform-origin: top;
   }
 }

 .tracking-in-expand {
   -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
   animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
 }

 @-webkit-keyframes tracking-in-expand {
   0% {
     /* letter-spacing: -0.5em; */
     opacity: 0;
   }

   40% {
     opacity: 0.6;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes tracking-in-expand {
   0% {
     /* letter-spacing: -0.5em; */
     opacity: 0;
   }

   40% {
     opacity: 0.6;
   }

   100% {
     opacity: 1;
   }
 }










 @media only screen and (min-width : 905px) {
   .top {
     position: relative;
   }

   .top>input {
     position: absolute;
     right: 0;
   }

 }
 /* @media only screen and (min-width : 576px) { 
   .top {
     position: relative;
   }

   .top>input {
     position: absolute;
     right: 0;
   } 
 } */





 /* tablet */
 @media only screen and (min-width : 768px) {
 
   .venueContent {
     flex-direction: row;
   }
   .col-md-8 {
    border-right: 2px solid #dee2e6;
  }
 
 

 }