#GLOWFooter{
    max-width:100%;
  background-image: url('https://21486425.fs1.hubspotusercontent-na1.net/hubfs/21486425/GLOWFooterBackground.jpg');
    background-size: cover;  /* Ensures the image covers the entire element */
  background-color: #000420;
    background-position: bottom; 
    background-repeat: no-repeat; /* Prevents repeating */
    margin-top:-20px;
    padding-top:110px;
    padding-bottom:100px;
    font-family: 'Gilroy', sans-serif;

}

@media (max-width: 800px) {
  #GLOWFooter {
    background-size: 300% auto; /* Wider background for mobile */
  }
}

#GLOWPartners{
  padding-left:100px;
  padding-right:100px;
}

#GLOWFooter .button-container {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 30px; /* Adjust as needed */
    margin-bottom:140px;
}

#GLOWSiteMap{
   background-color: #000420;
    padding-left:40px;
    margin-top:-20px;
    padding-top:40px;
    padding-bottom:50px;
    padding-right:40px;
    justify-content: center;
    align-items: center;
   display: flex;
  color:white;
  flex-direction: column;
}
#GLOWSiteMap img {
    max-width: 200px;
    width: 100%; /* This ensures the image is responsive while respecting the max-width */
    height: auto; /* Maintain aspect ratio */
  margin-bottom:20px;
}

.accordion {
  background-color: #000420; /* Blue color */
  color:white;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 13px;
  transition: 0.4s;
  font-family: 'Gilroy', sans-serif;
  font-weight:800;
  letter-spacing:1.5px;
  margin-top:5px;
  position:relative;
}

.accordion::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url('https://21486425.fs1.hubspotusercontent-na1.net/hubfs/21486425/LeftArrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(270deg);
  margin-left: 10px;
  padding-bottom:2px;
}

.accordion.active::after {
  transform: rotate(90deg);
}

.panel {
  padding: 0 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'Gilroy', sans-serif;
  color:white;
  text-align: center;
  font-weight:200;
}

.panel p {
  font-weight:200;
  padding-top: 10px;
  letter-spacing:1.5px;
}

.line {
flex-grow: 1;
height: 1px;
background-color: #00FFFF; !important
color: #00FFFF;
}

.socialstitle {
  text-align: center;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
  font-family: 'Gilroy', sans-serif;
  font-weight:800;
  letter-spacing:1.5px;
  margin-top:20px;
  color: #F69300;
}  

.icons img {
  max-width:30px;
}

.footer-links{
  font-family: 'Gilroy', sans-serif;
  font-size:13px;
}

.hr{
background-color: #00FFFF;  
height:1px;
border:none;
}
.GLOWfooterlogos {
  display: flex;
  width: 100%;
  flex-direction:row;
  color: white; /* Makes text white */
  font-family: 'Gilroy', sans-serif; /* Uses Gilroy font */
  font-weight: 800;
  letter-spacing:1.5px;
  font-size: 13px;
}

@media screen and (max-width: 800px) {
  .GLOWfooterlogos {
display:none;
  }
}

.GLOWfooterlogosMOB{
  display: flex;
  display: none;
}
@media screen and (max-width: 800px) {
  .GLOWfooterlogosMOB {
    display: flex;
    width: 100%;
    flex-direction: column;
    color: white; /* Makes text white */
    font-family: 'Gilroy', sans-serif; /* Uses Gilroy font */
    font-weight: 800;
    letter-spacing: 1.5px;
    font-size: 13px;
  }
}

@media screen and (max-width: 800px) {
  .GLOWfooterlogos {
display:none;
  }
}
@media only screen and (min-width: 800px) {
  #GLOWgiraffe {
    position: relative; /* keeps it in vertical flow */
    width: 100%;
    height: auto;
    pointer-events: none;
    z-index: 5;
  }

  #GLOWgiraffe img {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none; /* So it doesn’t shrink to container */
    margin-top:-50px;
  }
}
@media only screen and (max-width: 800px) {
  #GLOWgiraffe {
    display: none;
  }
}