.keshiou_foot {
  --footer-title-m-bottom: 24px;
  background: #161616;
  color: var(--text-color);
  padding-top: 110px;
  font-family: var(--font-family);
}

/* top layout: left / center / right */
.foot-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
}

/* left column */
.foot-left .foot-logo img {
  height: var(--logo-size);
  display: block;
  margin-bottom: 40px;
}

/* contact lines */
.foot-contact .foot-line {
  display: flex;
  max-width: 300px;
  align-items: start;
  color: var(--text-color);
  margin: 16px 0;
  font-size: 14px;
}

.foot-line-info {
  margin-left: 12px;
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--font-sub-title-weight);
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
  text-align: left;
}
.foot-contact a {
  color: var(--text-color);
  text-decoration: none;
  cursor: pointer;
}

/* center columns */
.foot-center {
  padding: 0 110px;
  display: flex;
  justify-content: space-around;
}

.foot-col {
}

.foot-col h4 {
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
  margin-bottom: var(--footer-title-m-bottom);
}
.foot-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.foot-col li {
  margin-bottom: 12px;
}
.foot-col a {
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 14px;
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
}

/* right column - contact form */

.foot-right {
  max-width: 279px;
}
.foot-right h4 {
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: var(--line-height);
  text-transform: capitalize;
  margin-bottom: var(--footer-title-m-bottom);
}

.foot-hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 40px;
}

/* bottom bar */
.foot-bottom {
  --padding-y: 21px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--padding-y);
  padding-bottom: var(--padding-y);
}
.social-inline {
  list-style: none;
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 0;
  align-items: center;
}
.social-inline li a {
  --size: 38px;
  width: var(--size);
  height: var(--size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  overflow: hidden;
}

.social-inline li a .iconfont {
  color: #111;
}

.foot-bottom-right {
  color: var(--text-color);
  text-align: right;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
}

/* form */

#ks-footer-form .inqury-form.form {
  --form-gap: 12px;
  gap: var(--form-gap);
}

#ks-footer-form .inqury-form.form .half {
  width: calc(50% - calc(var(--form-gap)) / 2);
}

#ks-footer-form .crmForm-error {
  font-size: 7px !important;
}

#ks-footer-form .inqury-form.form input {
  padding: 0 10px !important;
}

#ks-footer-form .inqury_title_box {
  display: none;
}

/* #ks-footer-form .input-wrap:nth-of-type(1) {
  display: none;
} */

#ks-footer-form div {
  padding: 0;
  margin: 0;
}

#ks-footer-form .input-label,
#ks-footer-form .char-count {
  display: none !important;
}

#ks-footer-form button[type='submit'] {
  display: flex;
  width: 142.259px;
  height: 36px;
  padding: 10px 23px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--border-radius);
  background: var(--second-color);
}

#ks-footer-form input,
#ks-footer-form textarea {
  border-radius: var(--border-radius);
  background: #232323;
  border: none;
  color: var(--text-color);
}

#ks-footer-form input::placeholder,
#ks-footer-form textarea::placeholder {
  color: #666;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: var(--line-height); /* 150% */
  text-transform: capitalize;
}

@media screen and (max-width: 1024px) {
  .keshiou_foot {
    padding-top: 40px;
  }
  .foot-center {
    padding: 0 0px;
  }
}

@media screen and (max-width: 992px) {
  .foot-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .foot-left {
    flex: 1;
    min-width: 300px;
  }
  .foot-center {
    flex: 1;
    flex-shrink: 0;
    min-width: 400px;
  }

  .foot-right {
    flex: 1;
    max-width: 100%;
  }
}

@media screen and (max-width: 552px) {
  .keshiou_foot {
    background-color: #3f4958;
  }
  .foot-top {
  }
  .foot-left {
  }
  .foot-center {
    justify-content: space-between;
    min-width: 100%;
  }

  .foot-right {
    flex: 1;
    max-width: 100%;
  }

  .foot-bottom {
    flex-flow: column;
  }
  .foot-bottom-right p {
    margin-top: 12px;
    text-align: center;
  }
  .foot-email .foot-line-info {
    font-size: 14px;
  }
  .foot-tel .foot-line-info {
    font-size: 18px;
  }
}