/* ============================= */
/* FOOTER BASE */
/* ============================= */

.footer-group {
  background: #000;
  color: #fff;
  padding: 60px 20px 0;
  padding-top: var(--section-padding-y);
  font-family: Arial, sans-serif;
}

.footer-group-container {
  max-width: 1400px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

/* ============================= */
/* LEFT & RIGHT LAYOUT */
/* ============================= */

.footer-left {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-right {
  width: 60%;
}

.footer-right__inner {
  display: flex;
  flex-direction: column;
}

/* ============================= */
/* RIGHT GRID ROWS */
/* ============================= */

.footer-right__inner {
  display: grid;
  grid-template-rows: auto auto;
  gap: 40px;
}

.footer-right__inner .footer-group-col {
  padding: 0 15px;
}

.footer-right__inner {
  grid-template-columns: repeat(2, 1fr);
}

/* 3 columns in first row */
@media (min-width:1200px) {
  .footer-right__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

  }

  .footer-right__inner.two {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-right__inner .footer-group-col:nth-child(3),
  .footer-right__inner .footer-group-col:nth-child(5) {
    grid-column: span 1;
  }
}

/* ============================= */
/* IMAGE */
/* ============================= */

.footer-group-car {
  text-align: center;
}

.footer-group-car img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.footer-right__inner .not p,
.footer-right__inner .not ul {
  max-height: inherit !important;
  color: #fff;
  opacity: 1 !important;

}

/* ============================= */
/* LINKS */
/* ============================= */

.footer-group-title {
  font-size: 21px;
  margin-bottom: 15px;
  font-weight: 600;
  cursor: pointer;
  color: #fff;
}

.footer-group-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-group-links li {
  margin-bottom: 10px;
  font-size: 13px;
  cursor: pointer;
  transition: 0.3s;
}

.footer-group-links li a {
  color: #fff;
}

.footer-group-container p {
  font-size: 13px;
}

.footer-group-links li a:hover,
.footer-add ul li a:hover {
  color: #f4c542;
}

.footer-add ul li {
    font-size: 13px;
}

.footer-social-icons .header-drawer__social-icon {
    background: #4e6cfb !important;
}
/* ============================= */
/* NEWSLETTER */
/* ============================= */

.footer-group-newsletter p {
  display: flex;
  margin-bottom: 0;
}

.footer-group-newsletter input {
  flex: 1;
  padding: 10px;
  border: none;
}

.footer-group-newsletter .footer-btn {
  padding: 10px 20px;
  border: none;
  background: #f4c542;
  cursor: pointer;
  color: #000;
}

.footer-group-terms {
  font-size: 12px;
}

/* ============================= */
/* BOTTOM */
/* ============================= */

.footer-group-bottom {
  text-align: center;
  padding: 20px;
  margin-top: 50px;
  background: #000;
  font-size: 14px;
  border-top: 1px solid #ffffff1c;
}

.footer-group-toggle span {
  display: none;
}

/* ============================= */
/* BELOW 1200px */
/* ============================= */

@media (max-width:1199px) {

  .footer-left,
  .footer-right__inner {
    width: 100%;
  }

  .footer-right__inner {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 20px;
  }

  .footer-right {
    width: 100%;
  }
}

/* ============================= */
/* MOBILE ACCORDION */
/* ============================= */

@media (max-width:768px) {

  .footer-right__inner {
    display: block;
  }

  .footer-group-links,
  .footer-group p {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    opacity: 0;
  }

  .footer-group-col.active .footer-group-links,
  .footer-group-col.active p {
    max-height: 500px;
    opacity: 1;
  }

  .footer-group-title span {
    float: right;
    transition: 0.3s;
  }

  .footer-group-col.active .footer-group-title span {
    transform: rotate(45deg);
  }

  .footer-right__inner.accord .footer-group-toggle {
    padding: 15px 20px;
    background: #4e6cfb;
    border-radius: 12px;
    font-size: 16px;
    display: block;
  }

  .footer-right__inner.accord .footer-group-toggle span {
    display: block;
  }

  .footer-right__inner .footer-group-col {
    padding: 0;
  }
}

/* ============================= */
/* PREMIUM NEWSLETTER DESIGN */
/* ============================= */

.footer-group-newsletter {
  position: relative;
  display: flex;
  align-items: center;
  background: #1a1a1a;
  border-radius: 50px;
  overflow: hidden;
  border: 1px solid #333;
  transition: 0.3s ease;
}

.footer-group-newsletter:hover {
  border-color: #f4c542;
}

.footer-group-newsletter input {
  flex: 1;
  padding: 14px 20px;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
}

.footer-group-newsletter input::placeholder {
  color: #888;
}

.footer-group-newsletter .footer-btn {
  background: #f4c542;
  border: none;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 50px;
}

.footer-group-newsletter button:hover {
  background: #fff;
}

/* Terms checkbox */

.footer-group-terms {
  display: flex;
  align-items: center;
  /*gap: 8px;*/
  font-size: 13px;
  margin-top: 12px;
  color: #aaa;
}

.footer-group-terms .wpcf7-list-item {
    margin : 0;
}

.footer-group-terms .wpcf7-list-item label {
      display: flex;
  align-items: center;
  gap: 8px;
}
.footer-group-terms input {
  accent-color: #f4c542;
  cursor: pointer;
}

/* ============================= */
/* MOBILE RESPONSIVE */
/* ============================= */

@media (max-width:768px) {

  .footer-group-newsletter {
    flex-direction: column;
    border-radius: 0;
    background: transparent;
    border: none;
  }

  .footer-group-newsletter input {
    width: 100%;
    padding: 14px;
    border-radius: 50px;
    overflow: hidden;
    background-color: #1a1a1a;
    padding-left: 25px;
    height: inherit;
    line-height: inherit;
    min-height: 42px;
  }

  .footer-group-newsletter button {
    width: 100%;
    border-radius: 0;
    border-radius: 50px;
    height: inherit;
    line-height: inherit;
    min-height: 42px;
    margin-top: 12px;
  }

  .footer-right__inner.accord .footer-group-col.not,
  .news-col {
    margin-top: 20px;
  }

}