footer {
  background-color: var(--card-background);
  color: var(--light);
}

footer .leftCol p {
  font-size: 18px;
  line-height: 35px;
}

footer .labelCol {
  color: var(--light);
  font-size: 16px;
  font-weight: 700;
}

footer .leftCol {
  margin-top: -20px;
}

footer .leftCol p {
  width: 300px;
}

footer .col-main:first-child {
  width: 450px;
}

footer .col-main:nth-child(2) {
  width: 450px;
}

footer .col-main:nth-child(3) {
  width: 250px;
}

footer .col-main:nth-child(4) {
  width: 250px;
}

footer .col-main:nth-child(5) {
  width: 300px;
}

.endCol p {
  line-height: 35px;
  font-size: 18px;
}

.endCol a {
  width: 45px !important;
  height: 45px !important;
  border-radius: 500px !important;
  background-color: var(--base-color) !important;
  display: flex !important;
  font-size: 20px !important;
  color: var(--light) !important;
  text-decoration: none !important;
}

.endCol .row {
  gap: 15px;
}

.footer-credits {
  text-align: center;
  border-top: 1px solid var(--light);
  padding-top: 30px;
  font-size: 18px;
}

.secondCol a,
.thirdCol a {
  text-decoration: none !important;
  color: var(--light) !important;
}

footer .col-main:first-child img {
  width: 170px !important;
}

@media (max-width: 1320px) {
  footer .col-main:first-child {
    width: 300px;
  }
  footer .row.justify-space.gap-70 {
    gap: 50px !important;
  }
  footer .row.justify-space.gap-70 {
    gap: 50px !important;
  }
}

@media (max-width: 1230px) {
  footer .row.justify-space.gap-70 {
    gap: 30px !important;
  }
  footer p {
    font-size: 16px !important;
    line-height: 31px !important;
  }
  footer .leftCol p,
  footer .leftCol {
    width: 275px !important;
  }
  footer .col-main:nth-child(2) {
    width: 380px !important;
  }
  footer .col-main:nth-child(5) {
    width: 195px !important;
  }
}

@media (max-width: 1150px) {
  footer .col-main:nth-child(2) {
    width: auto !important;
  }
  footer .col-main:nth-child(5) {
    width: auto !important;
  }
  footer .col-main:nth-child(3) {
    width: auto !important;
  }
  footer .col-main:nth-child(4) {
    width: auto !important;
  }
  footer .row.justify-space.gap-70 {
    flex-wrap: wrap !important;
  }
  footer .endCol p {
    width: 350px !important;
  }
}

@media (max-width: 1024px) {
  footer .col-main:nth-child(5) {
    width: 60% !important;
  }
}

@media (max-width: 900px) {
  footer .row.justify-space.gap-70 {
    display: block !important;
  }
  footer .col-main:first-child {
    margin-bottom: 50px !important;
  }

  footer .col-main:nth-child(2) {
    margin-bottom: 50px !important;
  }

  footer .col-main:nth-child(3) {
    margin-bottom: 50px !important;
  }

  footer .col-main:nth-child(4) {
    margin-bottom: 50px !important;
  }
  footer .leftCol p, footer .leftCol, footer .endCol p {
    width: 315px !important;
}
footer .spacer-50:nth-child(5)
{
    display: none !important;
}
}

@media(max-width:768px){
    footer .row.gap-20
    {
        flex-direction: row !important;
    }
    footer .col-main:first-child {
        margin-bottom: 30px !important;
      }
    
      footer .col-main:nth-child(2) {
        margin-bottom: 30px !important;
      }
    
      footer .col-main:nth-child(3) {
        margin-bottom: 30px !important;
      }
    
      footer .col-main:nth-child(4) {
        margin-bottom: 30px !important;
      }
      footer .spacer-50:nth-child(4)
      {
        height: 30px !important;
      }
      footer .col-main:nth-child(5)
      {
        width: 100% !important;
      }
}

@media(max-width:500px){
    footer .leftCol p, footer .leftCol, footer .endCol p
    {
        width: 100% !important;
    }
}