:root {
  --en-letter: -0.2px;
}

img {
  display: block;
}

span {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

section {
  overflow: hidden;
  position: relative;
}

.custom-btn {
  width: fit-content;
  --btn-height: 55px;
  --btn-font-size: var(--f20);
  border-radius: 50px;
  min-width: 180px;
}

.custom-btn.wht {
  background: transparent;
  border-color: var(--color-text);
  color: var(--color-text);
}

/* content-title */
.text.white *,
.content-title.white * {
  color: #fff;
}

.text.center *,
.content-title.center * {
  text-align: center;
}

.content-title {
  margin-bottom: 80px;
}

.content-title h2 {
  line-height: 1.4;
}

input::placeholder,
input::-webkit-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-weight: 400;
  letter-spacing: -0.4px;
}

/* Desktop ( 1024px ~)*/
@media all and (min-width: 1024px) {}

/* Laptop ( 1024px ~ 1440px)*/
@media all and (min-width: 1024px) and (max-width: 1440px) {}

/* Tablet ( 768px ~ 1023px)*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  .custom-btn {
    --btn-height: 50px;
    min-width: 160px;
  }

  .content-title {
    margin-bottom: 60px;
  }

  .btn.add-arrow span::after{
    right: -20px;
  }

}

/* Mobile ( ~ 767px)*/
@media all and (max-width: 767px) {
  .custom-btn {
    --btn-height: 45px;
    min-width: 130px;
  }

  .content-title {
    margin-bottom: 40px;
  }

  .btn.add-arrow span::after{
    right: -20px;
  }
}