/* footer start from here */
#footerGitex {
  background-color: var(--secondary-color);
}

.footerCopyrightSection {
  border-top: 2px solid #ffffff33;
  padding: 30px 0;
}

.footerCopyrightSection ul li::before {
  background-color: #ffffff33;
  width: 1px;
  height: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}

.footerCopyrightSection ul li {
  position: relative;
  padding-right: 15px;
  margin-right: 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  color: #5f6b9f;
}

.footerCopyrightSection ul li a {
  color: #5f6b9f;
  text-decoration: none;
}

.footerCopyrightSection ul li:last-child::before {
  content: none;
}

.footerTop,
.footerBottom {
  padding: 40px 0;
  border-top: 2px solid #ffffff33;
  color: white;
}

.footerAddress {
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.footerTopItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footerTopItem p {
  font-size: 16px;
  line-height: 1.2;
  width: 180px;
  color: #ffffff80;
  opacity: 0.5;
  margin-bottom: 20px;
}

.footerTopItem h6 {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
  color: #ffffff;
  opacity: 0.8;
  margin: 0;
}

.footerTopItem > span > a {
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
}

.footerTopItem > span > a > img {
  width: 20px;
  height: 20px;
  margin-right: 13px;
}

.footerBottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}

.footerExpertiareaMobile {
  display: none;
}

.footerSitemap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.footerLogoSocial {
  max-width: 462px;
  width: 100%;
}

.footerLogoSocial > h4 {
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #ffffff;
  margin-bottom: 40px;
}

.footerExpertiarea {
  display: flex;
  gap: 40px;
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.footerExpertiarea > div > h4 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.footerExpertiarea > div > ul > li {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.footerExpertiarea > div > ul > li > a {
  color: #ffffff;
}

.footerExpertiarea > div > ul > li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1799.98px) {
  /* footer start here */
  .footerTop {
    padding: 30px 0;
  }

  .footerAddress {
    padding: 15px 0;
  }

  .footerTopItem > p {
    font-size: 12px;
    margin-bottom: 15px;
  }

  .footerTopItem > h6 {
    font-size: 18px;
  }

  .footerTopItem > span > img {
    width: 20px;
    height: 20px;
    margin-right: 13px;
  }

  .footerTopItem > span {
    font-size: 12px;
  }

  .footerExpertiarea {
    justify-content: space-around;
  }

  .footerLogoSocial {
    max-width: 365px;
    width: 100%;
  }

  .footerLogoSocial > h4 {
    font-size: 23px;
    letter-spacing: 0.23px;
    margin-bottom: 30px;
  }

  .footerExpertiarea {
    gap: 30px;
  }

  .socialLinks > a > img {
    width: 38px;
    height: 38px;
  }

  .footerExpertiarea > div > h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .footerExpertiarea > div > ul > li {
    font-size: 13px;
    margin-bottom: 9px;
  }

  /* remove the marginbottom from last child */
  .footerExpertiarea > div > ul > li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 991.98px) {
  .footerBottom {
    grid-template-columns: repeat(1, 1fr);
  }

  .footerSitemap {
    padding-bottom: 40px;
    border-bottom: 2px solid #ffffff33;
  }

  .footerExpertiarea {
    padding-top: 40px;
  }
}

@media (max-width: 768.98px) {
  .footerAddress {
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    gap: 15px;
  }

  .footerTopItem,
  .footerTopItem > h6,
  .footerTopItem > p {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .footerTop {
    border: none;
    padding: 0;
  }

  .footerAddress {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
    padding-bottom: 24px;
  }

  .footerTopItem > span > img {
    margin-right: 7.5px;
  }

  .footerTopItem:after {
    content: "";
    border-bottom: 2px solid #ffffff33;
    width: 50%;
    margin: 24px auto;
    display: block;
    width: 150px;
  }

  .footerTopItem:last-child::after {
    content: none;
  }

  .footerLogoSocial {
    max-width: 378px;
    width: 100%;
  }

  .footerLogoSocial > h4 {
    font-size: 24px;
    letter-spacing: 0.3px;
    margin-bottom: 40px;
  }

  .socialLinks > a > img {
    width: 50px;
    height: 50px;
  }

  .arrowSize {
    margin-bottom: 2px;
    margin-left: 6px;
  }

  .footerExpertiarea {
    display: none;
  }

  .footerExpertiareaMobile {
    padding-top: 40px;
    display: block;
  }
  
  .formSendButton {
    float: none;
  }
  .footerAccordianButton::after {
    background-image: url(../images/gitex/faq-plus-icon.svg);
    background-size: 32px;
    width: 32px;
    height: 32px;
    transition: none;
  }
  .footerAccordianButton:not(.collapsed)::after {
    background-image: url(../images/gitex/faq-minus-icon.svg);
  }
  .footerAccordianItem {
    background-color: transparent;
    border: none;
    color: var(--primary-font-color);
  }
  .footerAccordianButton:not(.collapsed),
  .footerAccordianButton {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: white;
    background-color: transparent;
    padding: 0 0 20px 0;
    box-shadow: none;
  }
  .footerAccordian {
    border: none;
  }
  .footerAccordianItem:is(.collapsed) {
    border: none;
    background: none;
    margin-bottom: 40px;
  }

  .footerAccordianItem:last-child {
    margin-bottom: 0;
  }

  .footerAccordianButton::after {
    width: 20px;
    height: 20px;
    background-size: 20px;
    filter: brightness(0) invert(1);
  }

  .footerAccordianBody {
    padding: 0;
  }

  .footerAccordianBody ul {
    padding-left: 0;
    list-style: none;
  }

  .footerAccordianBody ul li {
    margin-bottom: 12px;
  }

  .footerAccordianBody ul li a {
    font-size: 14px;
    color: #ffffff;
  }

  .footerCopyrightSection {
    padding: 15px 0;
  }

  .footerCopyrightSection ul li {
    text-align: center;
    font-size: 13px;
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
    display: block;
  }

  .footerCopyrightSection ul li::before {
    content: none;
  }

  .footerCopyrightSection ul li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 374.98px) {
  .footerLogoSocial > h4 {
    font-size: 22px;
  }

  .socialLinks > a > img {
    width: 40px;
    height: 40px;
  }
}


.primaryBG {
    background-color: #000930;
}