@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Play&display=swap');

body {
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
}

a {
  text-decoration: none;
  color: var(--black);
}

/* text style */

h1,
h2,
h3,
h4,
.title-h1,
.title-h2,
.title-h3,
.title-h4 {
  font-family: 'Play', sans-serif;
  font-weight: 400;
  letter-spacing: 0em;
}

h1,
.title-h1 {
  font-size: 55px;
  line-height: 64px;
}

h2,
.title-h2 {
  font-size: 35px;
  line-height: 40px;
}

h3,
.title-h3 {
  font-size: 20px;
  line-height: 23px;

}

h4,
.title-h4 {
  font-size: 18px;
  line-height: 21px;
}

.text-1,
.text-2 {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
}

.text-1 {
  font-size: 16px;
  line-height: 20.8px;
}

.text-2 {
  font-size: 15px;
  line-height: 20.8px;
}

@media (max-width: 1024px) {

  h1,
  .title-h1 {
    font-size: 40px;
    line-height: 46.28px;
  }

  h2,
  .title-h2 {
    font-size: 25px;
    line-height: 28.93px;
  }

  h3,
  .title-h3 {
    font-size: 18px;
    line-height: 20.83px;
  }

  h4,
  .title-h4 {
    font-size: 16px;
    line-height: 18.51px;
  }

  .text-1 {
    font-size: 15px;
    line-height: 18px;
  }

  .text-2 {
    font-size: 14px;
    line-height: 16.8px;
  }
}

@media (max-width: 479px) {

  h1,
  .title-h1 {
    font-size: 35px;
    line-height: 35px;
  }

  h2,
  .title-h2 {
    font-size: 20px;
    line-height: 22px;
  }

  h3,
  .title-h3 {
    font-size: 15px;
    line-height: 17.36px;
  }

  h4,
  .title-h4 {
    font-size: 14px;
    line-height: 15.4px;
  }

  .text-1 {
    font-size: 15px;
    line-height: 17.36px;
  }

  .text-2 {
    font-size: 13px;
    line-height: 15.6px;
  }
}

.btn,
.btn-two {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Play', sans-serif;
  font-size: 16px;
  line-height: 19px;
  border: 0;
  border-radius: 20px;
  padding: 15px 20px;
  background: var(--yellow);
  color: var(--black);
  cursor: pointer;
  transition: all .3s ease;
}

.btn:focus-visible,
.btn-two:focus-visible {
  outline: none;
}

.btn-two {
  padding: 5px 10px;
}

.btn:hover,
.btn-two:hover {
  box-shadow: 0px 0px 30px 0px #F8D117B2;
  background: var(--hover);
}

@media (max-width: 1024px) {
  .btn {
    font-size: 14px;
    line-height: 16.2px;
  }

  .btn-two {
    padding: 10px;
    font-size: 15px;
    line-height: 17.36px;
  }
}

@media (max-width: 479px) {
  .btn-two {
    font-size: 14px;
    line-height: 16.2px;
  }
}

.hide_input {
  display: none;
}

.input-form,
input {
  width: 100%;
  color: var(--black);
  border-radius: 15px;
  padding: 15px 30px;
  background: var(--text);
  outline: none;
  border: 0;
}

.input-form::placeholder,
input::placeholder {
  color: var(--gray);
}

@media (max-width: 1024px) {

  .input-form,
  input {
    padding: 16px 30px;
  }
}

@media (max-width: 479px) {

  .input-form,
  input {
    padding: 10px 30px;
  }
}

/* form */

.wpcf7-not-valid-tip {
	display: none!important;
}

.wpcf7-response-output {
	font-family: 'Manrope', sans-serif;
    border: 0!important;
    padding: 10px!important;
	background: #fff;
	border-radius: 10px;
}

.questions-form .wpcf7-spinner {
	display: none!important;
}