:root {
  --font-family: "Gilroy", sans-serif;
  --font-family-italic: "Gilroy", sans-serif;
  --font-accent: "Gilroy", sans-serif;
  --font-accent-bold: "GilroyBold", sans-serif;
  --font-medium: "GilroyMedium", sans-serif;
  --font-light: "GilroyLight", sans-serif;
  --color-accent: #ff0000;
  --font-color: #162136;
  --font-dark: #162136;
  --bg-light: #f4f5f8;
  --font: rgba(17, 17, 17, 0.75);
  --font-50: rgba(17, 17, 17, 0.5);
  --case-bg: #f9f2f6;
  --border: #e6e6e6;
  --bg-color: #eff2f5;
  --bullets: #dedede;
  --color-border: #e5e7e9;
  --color-white: #fff;
  --btn-bg: #ff0000;
  --btn-bg-hover: #e21818;
  --btn-bg-focus: #ff5353;
  --btn2-bg: #2168de;
  --btn2-bg-hover: #205dc1;
  --btn2-bg-focus: #5e94ed;
  --color-link: #07f;
}

.spasibo-section {
  /* background-image: url(../img/spasibo-bg.avif); */

  background-repeat: no-repeat;
  padding: 20px 0 0;
  position: relative;
  border-radius: 12px;
  max-width: 1220px;
  margin: 50px auto;
  background: rgb(203 199 196);
  background-image: url(../img/first-bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  overflow: hidden;
  background-size: cover;
}

.spasibo-section__flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.spasibo-section__form,
.spasibo-section__text {
  width: calc(50% - 20px);
}

.spasibo-section__form {
  height: 391px;
  width: 500px;
}

.spasibo-section__form img {
  width: 100%;
  object-fit: contain;
  object-position: top;
  height: 100%;
}

.spasibo-section__text {
  max-width: 470px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: -70px 20px 150px 5px rgba(255, 255, 255, 1);
  -moz-box-shadow: -70px 20px 150px 5px rgba(255, 255, 255, 1);
  box-shadow: -70px 20px 150px 5px rgba(255, 255, 255, 1);
}

.spasibo-section__text .spasibo__subtitle {
  font-family: var(--font-accent-bold);
  font-weight: 600;
  font-size: 24px;
  color: #162136;
  margin: 0 0 15px;
}

.spasibo-section__text p,
.spasibo-section__text li {
  font-size: 18px;
}

.spasibo-section__text li {
  margin: 0;
}

.spasibo-section__text li::marker {
  font-size: 12px;
  color: #162136;
}

.spasibo-section__form form {
  border: 1px solid rgba(22, 33, 54, 0.08);
  background: #f5f5f5;
  border-radius: 8px;
  padding: 30px;
}

.spasibo-section__form h3 {
  text-align: center;
  max-width: 350px;
  margin: 0 auto 30px;
}

.spasibo_form-flex {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 30px;
}

.spasibo_form-flex p {
  font-family: var(--font-family);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: rgba(22, 33, 54, 0.7);
  margin-top: 10px;
}

.spasibo_form-flex>div {
  width: calc(50% - 5px);
}

.spasibo-section__text h1 {
  display: block;
}

.spasibo-section__form h2 {
  display: none;
}

.spasibo-section__text h1,
.spasibo-section__form h2 {
  font-family: var(--font-accent-bold);
  font-weight: 600;
  font-size: 40px;
  color: #162136;
  padding: 0;
  background: transparent;
  margin: 0 0 30px;
}

.spasibo-section__text h1 strong,
.spasibo-section__form h2 strong {
  color: #2f5349;
}

.spasibo-section__form select {
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjU4NzEgNi4xMTU3N0w5Ljc4MDQ2IDEuOTE0OTlDOS44NTAwMyAxLjg0NiA5LjkwNTI0IDEuNzYzOTEgOS45NDI5MiAxLjY3MzQ3QzkuOTgwNiAxLjU4MzAyIDEwIDEuNDg2MDIgMTAgMS4zODgwNEMxMCAxLjI5MDA2IDkuOTgwNiAxLjE5MzA1IDkuOTQyOTIgMS4xMDI2MUM5LjkwNTI0IDEuMDEyMTcgOS44NTAwMyAwLjkzMDA4MiA5Ljc4MDQ2IDAuODYxMDg2QzkuNjQxNCAwLjcyMjg1MyA5LjQ1MzMgMC42NDUyNjQgOS4yNTcyMiAwLjY0NTI2NEM5LjA2MTE0IDAuNjQ1MjY0IDguODczMDQgMC43MjI4NTMgOC43MzM5OCAwLjg2MTA4Nkw1LjAyMzA0IDQuNTM0OTFMMS4zNDkyMSAwLjg2MTA4NkMxLjIxMDE1IDAuNzIyODUzIDEuMDIyMDUgMC42NDUyNjQgMC44MjU5NzEgMC42NDUyNjRDMC42Mjk4OTUgMC42NDUyNjQgMC40NDE3ODYgMC43MjI4NTMgMC4zMDI3MjkgMC44NjEwODZDMC4yMzI2IDAuOTI5ODI0IDAuMTc2ODA5IDEuMDExNzkgMC4xMzg1OSAxLjEwMjI1QzAuMTAwMzY5IDEuMTkyNyAwLjA4MDQ4MDYgMS4yODk4NCAwLjA4MDA3MjQgMS4zODgwNEMwLjA4MDQ4MDYgMS40ODYyNCAwLjEwMDM2OSAxLjU4MzM4IDAuMTM4NTkgMS42NzM4M0MwLjE3NjgwOSAxLjc2NDI4IDAuMjMyNiAxLjg0NjI2IDAuMzAyNzI5IDEuOTE0OTlMNC40OTYwOSA2LjExNTc3QzQuNTY1NTkgNi4xOTExMSA0LjY0OTk0IDYuMjUxMjMgNC43NDM4MiA2LjI5MjM2QzQuODM3NzEgNi4zMzM0OCA0LjkzOTEgNi4zNTQ3MSA1LjA0MTYgNi4zNTQ3MUM1LjE0NDA5IDYuMzU0NzEgNS4yNDU0OCA2LjMzMzQ4IDUuMzM5MzcgNi4yOTIzNkM1LjQzMzI1IDYuMjUxMjMgNS41MTc2IDYuMTkxMTEgNS41ODcxIDYuMTE1NzdaIiBmaWxsPSIjQUUxQjNFIi8+Cjwvc3ZnPgo=) no-repeat right 15px center #fff;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
  padding: 15px;
  height: 49px;
  width: 100%;
}

.spasibo-section__form select,
.spasibo-section__form input {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.5);
  margin: 0;
}

.spasibo-section__form input {
  height: 49px;
  padding: 15px;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
}

.spasibo-section__form .form-label {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.7);
}

.form-bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 30px -30px -30px;
  background: rgba(22, 33, 54, 0.05);
  padding: 12px 25px 20px;
}

.form-bottom p {
  font-family: var(--font-family);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: rgba(22, 33, 54, 0.7);
  text-align: center;
}



@media (max-width: 1200px) {
  .spasibo_form-flex {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
  }

  .spasibo_form-flex>div {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .spasibo-section__flex {
    flex-direction: column-reverse;
  }

  .spasibo-section__form,
  .spasibo-section__text {
    width: 100%;
  }

  .spasibo-section__form {
    height: 275px;
  }

  .spasibo-section {
    padding: 20px 0 40px;
  }

  .spasibo-section__text h1 {
    /* display: none; */
  }

  .spasibo-section__form h2 {
    display: block;
  }

  .spasibo-section__text h1,
  .spasibo-section__form h2 {
    font-size: 26px;
    margin: 0 0 15px;
  }
}

label.error {
  display: none !important;
}

input.error,
select.error {
  border: 1px solid #ff0000;
}



.spasibo-section__form select {
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjU4NzEgNi4xMTU3N0w5Ljc4MDQ2IDEuOTE0OTlDOS44NTAwMyAxLjg0NiA5LjkwNTI0IDEuNzYzOTEgOS45NDI5MiAxLjY3MzQ3QzkuOTgwNiAxLjU4MzAyIDEwIDEuNDg2MDIgMTAgMS4zODgwNEMxMCAxLjI5MDA2IDkuOTgwNiAxLjE5MzA1IDkuOTQyOTIgMS4xMDI2MUM5LjkwNTI0IDEuMDEyMTcgOS44NTAwMyAwLjkzMDA4MiA5Ljc4MDQ2IDAuODYxMDg2QzkuNjQxNCAwLjcyMjg1MyA5LjQ1MzMgMC42NDUyNjQgOS4yNTcyMiAwLjY0NTI2NEM5LjA2MTE0IDAuNjQ1MjY0IDguODczMDQgMC43MjI4NTMgOC43MzM5OCAwLjg2MTA4Nkw1LjAyMzA0IDQuNTM0OTFMMS4zNDkyMSAwLjg2MTA4NkMxLjIxMDE1IDAuNzIyODUzIDEuMDIyMDUgMC42NDUyNjQgMC44MjU5NzEgMC42NDUyNjRDMC42Mjk4OTUgMC42NDUyNjQgMC40NDE3ODYgMC43MjI4NTMgMC4zMDI3MjkgMC44NjEwODZDMC4yMzI2IDAuOTI5ODI0IDAuMTc2ODA5IDEuMDExNzkgMC4xMzg1OSAxLjEwMjI1QzAuMTAwMzY5IDEuMTkyNyAwLjA4MDQ4MDYgMS4yODk4NCAwLjA4MDA3MjQgMS4zODgwNEMwLjA4MDQ4MDYgMS40ODYyNCAwLjEwMDM2OSAxLjU4MzM4IDAuMTM4NTkgMS42NzM4M0MwLjE3NjgwOSAxLjc2NDI4IDAuMjMyNiAxLjg0NjI2IDAuMzAyNzI5IDEuOTE0OTlMNC40OTYwOSA2LjExNTc3QzQuNTY1NTkgNi4xOTExMSA0LjY0OTk0IDYuMjUxMjMgNC43NDM4MiA2LjI5MjM2QzQuODM3NzEgNi4zMzM0OCA0LjkzOTEgNi4zNTQ3MSA1LjA0MTYgNi4zNTQ3MUM1LjE0NDA5IDYuMzU0NzEgNS4yNDU0OCA2LjMzMzQ4IDUuMzM5MzcgNi4yOTIzNkM1LjQzMzI1IDYuMjUxMjMgNS41MTc2IDYuMTkxMTEgNS41ODcxIDYuMTE1NzdaIiBmaWxsPSIjQUUxQjNFIi8+Cjwvc3ZnPgo=) no-repeat right 15px center #fff;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
  padding: 15px;
  height: 49px;
  width: 100%;
}

.spasibo-section__form select,
.spasibo-section__form input {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.5);
  margin: 0;
}

.spasibo-section__form input {
  height: 49px;
  padding: 15px;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
}

.spasibo-section__form .form-label {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.7);
}

.form-bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 30px -30px -30px;
  background: rgba(22, 33, 54, 0.05);
  padding: 12px 25px 20px;
}

.form-bottom p {
  font-family: var(--font-family);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: rgba(22, 33, 54, 0.7);
  text-align: center;
}



@media (max-width: 1200px) {
  .spasibo_form-flex {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
  }

  .spasibo_form-flex>div {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .spasibo-section__flex {
    flex-direction: column-reverse;
  }

  .spasibo-section__form,
  .spasibo-section__text {
    width: 100%;
  }

  .spasibo-section {
    padding: 20px 0 40px;
  }

  .spasibo-section__text h1 {
    /* display: none; */
  }

  .spasibo-section__form h2 {
    display: block;
  }

  .spasibo-section__text h1,
  .spasibo-section__form h2 {
    font-size: 26px;
    margin: 0 0 15px;
  }
}

label.error {
  display: none !important;
}

input.error,
select.error {
  border: 1px solid #ff0000;
}


.spasibo-section__form select {
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjU4NzEgNi4xMTU3N0w5Ljc4MDQ2IDEuOTE0OTlDOS44NTAwMyAxLjg0NiA5LjkwNTI0IDEuNzYzOTEgOS45NDI5MiAxLjY3MzQ3QzkuOTgwNiAxLjU4MzAyIDEwIDEuNDg2MDIgMTAgMS4zODgwNEMxMCAxLjI5MDA2IDkuOTgwNiAxLjE5MzA1IDkuOTQyOTIgMS4xMDI2MUM5LjkwNTI0IDEuMDEyMTcgOS44NTAwMyAwLjkzMDA4MiA5Ljc4MDQ2IDAuODYxMDg2QzkuNjQxNCAwLjcyMjg1MyA5LjQ1MzMgMC42NDUyNjQgOS4yNTcyMiAwLjY0NTI2NEM5LjA2MTE0IDAuNjQ1MjY0IDguODczMDQgMC43MjI4NTMgOC43MzM5OCAwLjg2MTA4Nkw1LjAyMzA0IDQuNTM0OTFMMS4zNDkyMSAwLjg2MTA4NkMxLjIxMDE1IDAuNzIyODUzIDEuMDIyMDUgMC42NDUyNjQgMC44MjU5NzEgMC42NDUyNjRDMC42Mjk4OTUgMC42NDUyNjQgMC40NDE3ODYgMC43MjI4NTMgMC4zMDI3MjkgMC44NjEwODZDMC4yMzI2IDAuOTI5ODI0IDAuMTc2ODA5IDEuMDExNzkgMC4xMzg1OSAxLjEwMjI1QzAuMTAwMzY5IDEuMTkyNyAwLjA4MDQ4MDYgMS4yODk4NCAwLjA4MDA3MjQgMS4zODgwNEMwLjA4MDQ4MDYgMS40ODYyNCAwLjEwMDM2OSAxLjU4MzM4IDAuMTM4NTkgMS42NzM4M0MwLjE3NjgwOSAxLjc2NDI4IDAuMjMyNiAxLjg0NjI2IDAuMzAyNzI5IDEuOTE0OTlMNC40OTYwOSA2LjExNTc3QzQuNTY1NTkgNi4xOTExMSA0LjY0OTk0IDYuMjUxMjMgNC43NDM4MiA2LjI5MjM2QzQuODM3NzEgNi4zMzM0OCA0LjkzOTEgNi4zNTQ3MSA1LjA0MTYgNi4zNTQ3MUM1LjE0NDA5IDYuMzU0NzEgNS4yNDU0OCA2LjMzMzQ4IDUuMzM5MzcgNi4yOTIzNkM1LjQzMzI1IDYuMjUxMjMgNS41MTc2IDYuMTkxMTEgNS41ODcxIDYuMTE1NzdaIiBmaWxsPSIjQUUxQjNFIi8+Cjwvc3ZnPgo=) no-repeat right 15px center #fff;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
  padding: 15px;
  height: 49px;
  width: 100%;
}

.spasibo-section__form select,
.spasibo-section__form input {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.5);
  margin: 0;
}

.spasibo-section__form input {
  height: 49px;
  padding: 15px;
  border: 1px solid rgba(22, 33, 54, 0.1);
  border-radius: 5px;
}

.spasibo-section__form .form-label {
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 16px;
  color: rgba(22, 33, 54, 0.7);
}

.form-bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 30px -30px -30px;
  background: rgba(22, 33, 54, 0.05);
  padding: 12px 25px 20px;
}

.form-bottom p {
  font-family: var(--font-family);
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: rgba(22, 33, 54, 0.7);
  text-align: center;
}



@media (max-width: 1200px) {
  .spasibo_form-flex {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
  }

  .spasibo_form-flex>div {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .spasibo-section__flex {
    flex-direction: column-reverse;
  }

  .spasibo-section__form,
  .spasibo-section__text {
    width: 100%;
  }

  .spasibo-section {
    padding: 20px 0 40px;
  }

  .spasibo-section__text h1 {
    /* display: none; */
  }

  .spasibo-section__form h2 {
    display: block;
  }

  .spasibo-section__text h1,
  .spasibo-section__form h2 {
    font-size: 26px;
    margin: 0 0 15px;
  }
}

label.error {
  display: none !important;
}

input.error,
select.error {
  border: 1px solid #ff0000;
}



/* footer 6 end */
.works__desc .btn-accent {
  display: none !important;
}