.footer-thq-footer-elm {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-primary-02purple);
}
 
.footer-container10 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 90%;
  align-items: flex-start;
  padding-top: 80px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: space-between;
}
 
.footer-container11 {
  gap: var(--dl-layout-space-unit);
  flex: 0 0 auto;
  width: 15.67%;
  min-width: 220px;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-sixunits);
  flex-direction: column;
}
 
.footer-navlink10 {
  display: contents;
}
 
.footer-image1 {
  width: auto;
  height: 40px;
  object-fit: cover;
  text-decoration: none;
}
 
.footer-container12 {
  gap: var(--dl-layout-space-halfunit);
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-container13 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text10 {
  color: #cacaca;
}
 
.footer-text11 {
  color: #cacaca;
}
 
.footer-text12 {
  color: #cacaca;
  font-size: 14px;
}
 
.footer-container14 {
  gap: var(--dl-layout-space-twounits);
  width: 100%;
  display: flex;
  align-items: flex-start;
}
 
.footer-container15 {
  gap: var(--dl-layout-space-twounits);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
}
 
.footer-container16 {
  gap: var(--dl-layout-space-unit);
  flex: .8;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text13 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink11 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink12 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink13 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink14 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink15 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-button {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container17 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text14 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink16 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink17 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink18 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink19 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink20 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink21 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-container18 {
  gap: var(--dl-layout-space-twounits);
  flex: .7;
  display: flex;
  align-items: flex-start;
}
 
.footer-container19 {
  gap: var(--dl-layout-space-unit);
  flex: 1;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text15 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-thq-button-elm {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink22 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink23 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink24 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink25 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  text-align: left;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  padding-bottom: 0px;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink26 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-navlink27 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container20 {
  gap: var(--dl-layout-space-unit);
  flex: .6;
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.footer-text16 {
  fill: var(--dl-color-greyscale-white);
  color: var(--dl-color-greyscale-white);
  font-size: 14px;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-navlink28 {
  fill: var(--dl-color-greyscale-grey);
  color: var(--dl-color-greyscale-grey);
  cursor: pointer;
  padding: 0px;
  font-size: 14px;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  border-width: 0px;
  border-radius: 0px;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
  background-color: transparent;
}
 
.footer-container21 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  max-width: 90%;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  justify-content: flex-start;
}
 
.footer-container22 {
  gap: 40px;
  flex: 0 0 auto;
  width: 15.67%;
  height: auto;
  display: flex;
  align-items: center;
  margin-right: var(--dl-layout-space-sixunits);
}
 
.footer-image2 {
  width: 24px;
  object-fit: cover;
}
 
.footer-image3 {
  width: 24px;
  object-fit: cover;
}
 
.footer-image4 {
  width: 24px;
  object-fit: cover;
}
 
.footer-text17 {
  fill: var(--dl-color-greyscale-placeholdergrey);
  color: var(--dl-color-greyscale-placeholdergrey);
  font-size: 12px;
  max-width: 78.36%;
  font-family: "Montserrat";
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 1%;
  text-transform: none;
  text-decoration: none;
}
 
.footer-fragment1 {
  display: contents;
}
 
.footer-text18 {
  display: inline-block;
}
 
.footer-fragment2 {
  display: contents;
}
 
.footer-text21 {
  display: inline-block;
}
 
.footer-fragment3 {
  display: contents;
}
 
.footer-text24 {
  display: inline-block;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1100px) {
  .footer-container10 {
    gap: var(--dl-layout-space-threeunits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-container11 {
    gap: var(--dl-layout-space-halfunit);
    width: auto;
  }
  .footer-image1 {
    width: auto;
  }
  .footer-container13 {
    gap: 5px;
    flex-direction: row;
  }
  .footer-text10 {
    font-size: 14px;
    font-family: "Montserrat";
  }
  .footer-text11 {
    font-size: 14px;
    font-family: "Montserrat";
  }
  .footer-text12 {
    font-size: 12px;
    font-family: "Montserrat";
  }
  .footer-container14 {
    gap: 40px;
  }
  .footer-container15 {
    gap: 40px;
  }
  .footer-container18 {
    gap: 40px;
  }
  .footer-container21 {
    gap: var(--dl-layout-space-halfunit);
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer-container22 {
    width: 14.18%;
  }
  .footer-text17 {
    width: 100%;
    max-width: auto;
  }
}
 
@media(max-width: 900px) {
  .footer-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-top: 40px;
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
  .footer-container11 {
    gap: var(--dl-layout-space-halfunit);
  }
  .footer-container14 {
    width: auto;
    justify-content: flex-start;
  }
  .footer-thq-button-elm {
    fill: var(--dl-color-greyscale-grey);
    color: var(--dl-color-greyscale-grey);
    cursor: pointer;
    padding: 0px;
    font-size: 14px;
    text-align: left;
    transition: 0.3s;
    font-family: Montserrat;
    font-weight: 400;
    line-height: 1.5;
    border-width: 0px;
    border-radius: 0px;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
  }
  .footer-container21 {
    gap: var(--dl-layout-space-oneandhalfunits);
    flex-direction: column;
    padding-bottom: 40px;
    justify-content: flex-start;
  }
}
 
@media(max-width: 767px) {
  .footer-container10 {
    gap: var(--dl-layout-space-twounits);
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-text10 {
    font-size: 12px;
  }
  .footer-text11 {
    font-size: 12px;
  }
  .footer-text12 {
    font-size: 10px;
  }
  .footer-container14 {
    gap: var(--dl-layout-space-twounits);
    width: auto;
    flex-direction: column;
  }
  .footer-container15 {
    gap: var(--dl-layout-space-fiveunits);
  }
  .footer-container16 {
    width: 100%;
    max-width: 140px;
  }
  .footer-text13 {
    font-size: 12px;
  }
  .footer-navlink11 {
    font-size: 12px;
  }
  .footer-navlink12 {
    font-size: 12px;
  }
  .footer-navlink13 {
    font-size: 12px;
  }
  .footer-navlink14 {
    font-size: 12px;
  }
  .footer-navlink15 {
    font-size: 12px;
  }
  .footer-button {
    font-size: 12px;
  }
  .footer-text14 {
    font-size: 12px;
  }
  .footer-navlink16 {
    font-size: 12px;
  }
  .footer-navlink17 {
    font-size: 12px;
  }
  .footer-navlink18 {
    font-size: 12px;
  }
  .footer-navlink19 {
    font-size: 12px;
  }
  .footer-navlink20 {
    font-size: 12px;
  }
  .footer-navlink21 {
    font-size: 12px;
  }
  .footer-container18 {
    gap: var(--dl-layout-space-fiveunits);
    flex: 1;
    width: 100%;
  }
  .footer-container19 {
    width: auto;
    max-width: 140px;
  }
  .footer-text15 {
    font-size: 12px;
  }
  .footer-thq-button-elm {
    font-size: 12px;
  }
  .footer-navlink22 {
    font-size: 12px;
  }
  .footer-navlink23 {
    font-size: 12px;
  }
  .footer-navlink24 {
    font-size: 12px;
  }
  .footer-navlink25 {
    font-size: 12px;
  }
  .footer-navlink26 {
    font-size: 12px;
  }
  .footer-navlink27 {
    font-size: 12px;
  }
  .footer-text16 {
    font-size: 12px;
  }
  .footer-navlink28 {
    font-size: 12px;
  }
  .footer-container21 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .footer-container22 {
    width: auto;           /* let it expand */
    flex-direction: row;   /* icons in a row */
    justify-content: flex-start;
    align-items: center;
    gap: 16px;             /* spacing between icons */
  }
  
  .footer-container22 img {
    width: 24px;           /* ensure icon size */
    height: 24px;
  }
}
 
@media(max-width: 479px) {
  .footer-container11 {
    margin-right: 0px;
  }
  .footer-container15 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-container16 {
    flex: 1;
  }
  .footer-container17 {
    flex: 1;
    width: auto;
  }
  .footer-container18 {
    gap: var(--dl-layout-space-twounits);
  }
  .footer-container19 {
    flex: 1;
  }
  
  .footer-thq-footer-elm a {
  color: var(--dl-color-greyscale-grey);
  text-decoration: none;
}

.footer-thq-footer-elm a:hover {
  color: var(--dl-color-greyscale-grey);
  text-decoration: none;
}
}