.header-desktop{
    margin: 0px auto;
    width: 90%;
    max-width: 800px;
}

@media only screen and (max-width: 1900px) {
  /* Styles for devices with width ≤ 600px */
}


.header-mobile{
    display:none;
}



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

  .header-mobile{
    margin: 0px auto;
    width: 90%;
    max-width: 900px;
    display:inline-block
}

.header-desktop{
    display: none;
}

}

.footer-bg{
    color: white;
  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(135deg, rgba(234,26,31,0.95), rgba(62,67,111,0.95)),
    url('../img/footer-bg.jpg');
  background-size: cover;
  background-position: center;
}


.countdown-container{
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin:0 auto;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.countdown-container div{
    padding: 0px 10px;
    text-align: center;
/*    border: 2px solid black;
    background-color: var(--color-white); 
    border-radius: 4px;  
    margin: 0px 20px; */

}
.countdown-container div p {
    padding: 0px 20px;
    /* border: 2px solid black; */
    background-color:#ffff;
    border-radius: 4px;
    margin: 0px 5px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}

.countdown-container div span{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
}

.highlights{
  list-style: none;
  text-align: left;
  margin-left: 0px;
  padding-left: 0px;
}


.highlights li{
  list-style: none;
  text-align: left;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 3px;
}

.highlights1{
  text-align: left;
list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}


.highlights1 li{
  text-align: center;
list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 6px;
}

.highlights1 li span{
  color: #3c4895;
  display: block;
  font-weight:500;
}

.breadcrumb-bg {
  width: 100%;
      background-image: url(../img/bg-conferences.webp);
    background-size: cover;
  }


.breadcrumb {
  list-style: none;
  display: flex;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  font-size: 0.95rem;
  align-items: center;
  background: none !important;
  padding:80px 0px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›"; /* separator */
  padding: 0 0.5rem;
  color: white;
}

.breadcrumb a {
  color: white;
  text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  text-decoration: underline;
}

.breadcrumb [aria-current="page"] {
    color: white;
  font-weight: 600;
}