/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
	
	body { font-family: Montserrat;}
	/* Container holding the image and the text */
#place-holder {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.pre-register-loop {
  position: relative;
  animation: mymove 15s infinite linear;
  overflow: hidden;
}

@keyframes mymove {
  from {left: 100%;}
  to {left: 0%;}
}
.hide-loop {
overflow: hidden;
}  


/*HIGHLIGHTS SECTION */
@media screen and (max-width: 360px) {
  #highlights-section { 
    background: url('images/backgrounds/highlights-background-large.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #highlights-section {
    background: url('images/backgrounds/highlights-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #highlights-section {
    background: url('images/backgrounds/highlights-background-large.jpg') no-repeat center; 
  }
}
#highlights-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#icon-grid {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*HIGHLIGHTS SECTION */

/*--Conference Section Background--*/
@media screen and (max-width: 360px) {
  #conference-box-section { 
    background: url('images/backgrounds/conference-background-small.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #conference-box-section {
    background: url('images/backgrounds/conference-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #conference-box-section {
    background: url('images/backgrounds/conference-background-large.jpg') no-repeat center; 
  }
}
#conference-box-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#conference-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*--Conference Section Background--*/

/*<!--Workshop Section Background-->*/
@media screen and (max-width: 360px) {
  #workshop-box-section { 
    background: url('images/backgrounds/workshop-large.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #workshop-box-section {
    background: url('images/backgrounds/workshop-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #workshop-box-section {
    background: url('images/backgrounds/workshop-large.jpg') no-repeat center; 
  }
}
#workshop-box-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#workshop-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Workshop Section Background-->*/


/*<!--Product Section Background-->*/
@media screen and (max-width: 360px) {
  #product-box-section { 
    background: url('images/backgrounds/product-background-small.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #product-box-section {
    background: url('images/backgrounds/product-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #product-box-section {
    background: url('images/backgrounds/product-background-large.jpg') no-repeat center; 
  }
}
#product-box-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#product-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Product Section Background-->*/

/*<!--COmpetition Section Background-->*/
@media screen and (max-width: 360px) {
  #competition-box-section { 
    background: url('images/backgrounds/competition-background-large.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #competition-box-section {
    background: url('images/backgrounds/competition-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #competition-box-section {
    background: url('images/backgrounds/competition-background-large.jpg') no-repeat center; 
  }
}
#competition-box-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#competition-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Competition Section Background-->*/

/*<!--Why Attend Section Background-->*/
@media screen and (max-width: 360px) {
  #why-attend-section { 
    background: url('images/backgrounds/why-attend-background-small.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #why-attend-section {
    background: url('images/backgrounds/why-attend-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #why-attend-section {
    background: url('images/backgrounds/why-attend-background-large.jpg') no-repeat center; 
  }
}
#why-attend-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#why-attend-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Why Attend Section Background-->*/

/*<!--COmpetition Section Background-->*/
@media screen and (max-width: 360px) {
  #why-sponsor-section { 
    background: url('images/backgrounds/why-sponsor-background-large.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #why-sponsor-section {
    background: url('images/backgrounds/why-sponsor-background-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #why-sponsor-section {
    background: url('images/backgrounds/why-sponsor-background-large.jpg') no-repeat center; 
  }
}
#why-sponsor-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#why-sponsor-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Competition Section Background-->*/

/*<!--Contact Section Background-->*/
@media screen and (max-width: 360px) {
  #contact-section { 
    background: url('images/backgrounds/contact-form-section-large.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #contact-section {
    background: url('images/backgrounds/contact-form-section-medium.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #contact-section {
    background: url('images/backgrounds/contact-form-section-large.jpg') no-repeat center; 
  }
}
#contact-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#contact-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Contact Section Background-->*/

/*<!--Sponsor Page - Sponsor Form Section Background-->*/
@media screen and (max-width: 360px) {
  #sponsor-form-section { 
    background: url('images/backgrounds/contact-form.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #sponsor-form-section {
    background: url('images/backgrounds/contact-form.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #sponsor-form-section {
    background: url('images/backgrounds/contact-form.jpg') no-repeat center; 
  }
}
#sponsor-form-section { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#sponsor-form-section-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Sponsor Page - Sponsor Form Section Background-->*/

/*<!--Sponsor Page - Sponsor Form Section Background-->*/
@media screen and (max-width: 360px) {
  #countdoun-location { 
    background: url('images/backgrounds/mumbai-background.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 361px) and (max-width: 900px) {
  #countdoun-location {
    background: url('images/backgrounds/mumbai-background.jpg') no-repeat center; 
  }
}
@media screen and (min-width: 901px) {
  #countdoun-location {
    background: url('images/backgrounds/mumbai-background.jpg') no-repeat center; 
  }
}
#countdoun-location { 
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;  
}
#countdoun-location-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}
/*<!--Sponsor Page - Sponsor Form Section Background-->*/