@charset "UTF-8";

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Regular.woff2") format("woff2"),
    url("../fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: GilroyMedium;
  font-display: swap;
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2"),
    url("../fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: GilroyLight;
  font-display: swap;
  src: url("../fonts/Gilroy-Light.woff2") format("woff2"),
    url("../fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: GilroyBold;
  font-display: swap;
  src: url("../fonts/Gilroy-Bold.woff2") format("woff2"),
    url("../fonts/Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

: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;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
main {
  overflow-x: hidden;
  font-family: var(--font-family);
  color: var(--font-color);
  font-size: 16px;
  font-style: normal;
  line-height: 1.2;
}

main {
  margin-top: 80px;
}

@media (max-width: 992px) {
  main {
    margin-top: 90px;
  }
}

@media (max-width: 768px) {
  main {
    margin-top: 44px;
  }
}

@media (max-width: 767px) {
  main {
    margin-top: 128px;
  }
}

header {
  position: fixed;
  z-index: 50;
  left: 0;
  right: 0;
  top: 0;
  box-shadow: 1px 1px 10px 0 rgba(146, 146, 146, 0.08);
  background: #f5f5f5;
  max-height: max-content;
  padding: 15px 0;
}

header .navbar {
  padding: 0;
}

header .container {
  padding: 0 0 0 15px;
}

.header-contacts {
    display: flex;
    justify-content: flex-end;
}

.header-contacts .item2 {
    width: 50%;
    max-width: 225px;
}

.header-contacts .item2 button {
    width: 100%;
}

.header-contacts .item1 {
    margin-right: 17px;
    padding-top: 5px;
}

.header-contacts .time {
    font-size: 14px;
    color: rgba(22, 33, 54, 0.6980392157);
    text-align: right;
}

.header-contacts .time span {
    color: #0CB013;
}

.logo {
  display: flex;
  flex-flow: column;
  max-width: 200px;
}

.logo__title {
  font: 700 20px/1.2 var(--font-accent-bold)
}

/* .logo__subtitle {
  font: 500 14px/1.2 var(--font-medium);
} */

.phone-with-icon {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.phone-with-icon a {
  font-size: 15px;
  font-weight: 700;
  color: rgba(22, 33, 54, 0.8980392157);
  display: inline-block;
  text-decoration: none;
}

.phone-with-icon span {
  border-bottom: 1px solid rgba(22, 33, 54, 0.8980392157);
}

.phone-with-icon:hover {
  text-decoration: none;
}

@media(max-width:1200px) {
  header .container {
    padding: 0 15px;
  }
}

@media (max-width: 992px) {
  header {
    padding: 20px 15px;
    border-bottom: 1px solid #f0f3f6;
  }

  header .container {
    padding: 0 15px;
  }

}

@media (max-width: 768px) {
  header {
    padding: 10.6px 0;
  }
  /* .logo__subtitle {
        font: 500 11px/1.2 var(--font-medium);
    } */
}

@media (max-width: 991px) {
  .container {
    padding: 0 15px;
  }
}

.icon-mobile-phone {
  display: flex;
  height: 45px;
  width: 45px;
  background: transparent;
  border-radius: 5px;
  border: 1px solid #2ba9f6;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.btn__container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0;
}

.btn-accent {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-family: var(--font-medium);
  font-size: 18px;
  line-height: 1.0585;
  color: var(--color-white);
  text-align: center;
  border: 1px solid #2ba9f6;
  outline: none;
  background: #2ba9f6;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  height: 50px;
  padding: 0 5px;
  max-width: 533px;
}

@media (max-width: 768px) {
  .btn-accent {
    font-size: 17px;
  }
}

.btn-accent.btn-accent--sm {
  font-size: 17px;
  padding: 10px 35px;
}

@media (max-width: 768px) {
  .btn-accent.btn-accent--sm {
    font-size: 14px;
  }
}

.btn-accent:hover {
  opacity: 0.8;
  text-decoration: none;
}

.btn-accent:focus {
  opacity: 0.8;
}

.btn-accent-border {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  height: 50px;
  font-family: var(--font-medium);
  font-size: 15px;
  color: #2ba9f6;
  text-align: center;
  border: 1px solid #2ba9f6;
  border-radius: 5px;
  outline: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  max-width: 288px;
}

.btn-accent-border.btn-accent-border--sm {
  padding: 12px 24px;
}

.btn-accent-border.btn-accent-border--md {
  font-size: 22px;
  line-height: 1;
  font-family: var(--font-accent-bold);
  font-weight: 900;
  padding: 20px 60px;
}

@media (max-width: 768px) {
  .btn-accent-border.btn-accent-border--md {
    font-size: 14px;
    padding: 20px 30px;
  }
}

.btn-accent-border.btn-accent-border--lg {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-accent-bold);
  padding: 21.5px 56px;
}

@media (max-width: 768px) {
  .btn-accent-border.btn-accent-border--lg {
    font-size: 17px;
    font-weight: 600;
    font-family: var(--font-accent-bold);
    padding: 12px 32px;
  }
}

.btn-accent-border:hover {
  text-decoration: none;
  color: #fff;
  background-color: #2ba9f6;
}

.btn-accent-border:focus {
  background: #2ba9f6;
  border-color: #2ba9f6;
  color: #fff;
  text-decoration: none;
}

.btn-accent-border:focus svg path {
  fill: #fff;
}

@media (max-width: 767px) {
  .btn-accent-border {
    font-size: 14px;
  }
}

.btn-border {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  height: 50px;
  font-family: var(--font-medium);
  font-size: 15px;
  color: rgba(22, 33, 54, 0.8980392157);
  text-align: center;
  border: 1px solid rgba(22, 33, 54, 0.5019607843);
  border-radius: 5px;
  outline: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  max-width: 288px;
}

.btn-border.btn-accent-border--sm {
  padding: 12px 24px;
}

.btn-border.btn-accent-border--md {
  font-size: 22px;
  line-height: 1;
  font-family: var(--font-accent-bold);
  font-weight: 900;
  padding: 20px 60px;
}

@media (max-width: 768px) {
  .btn-border.btn-accent-border--md {
    font-size: 14px;
    padding: 20px 30px;
  }
}

.btn-border.btn-accent-border--lg {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-accent-bold);
  padding: 21.5px 56px;
}

@media (max-width: 768px) {
  .btn-border.btn-accent-border--lg {
    font-size: 17px;
    font-weight: 600;
    font-family: var(--font-accent-bold);
    padding: 12px 32px;
  }
}

.btn-border:hover {
  background: #162136;
  border-color: #162136;
  color: #fff;
}

.btn-border:focus {
  background: #434B5C;
  border-color: #434B5C;
  color: #fff;
}

.btn-border:focus svg path {
  fill: #fff;
}

.btn-border:hover svg path {
  fill: #fff;
}

@media (max-width: 767px) {
  .btn-accent-border {
    font-size: 14px;
  }
}

.btn-grey {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-medium);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.15;
  color: #2ba9f6;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  background: transparent;
  border: 1px solid #2ba9f6;
  padding: 15px 19px;
}

.btn-grey:hover {
  color: #fff;
  background: #2ba9f6;
}

.btn-grey:focus {
  color: #fff;
  background: #2ba9f6;
}

.btn-m {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-medium);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.215;
  color: #586684;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  background: rgba(22, 33, 54, 0.0509803922);
  padding: 14px 40px;
}

a,
.link {
  color: inherit;
  font-family: var(--font-family);
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

a:hover,
a:focus,
a.link:hover,
a.link:focus {
  text-decoration: none !important;
}

a.link:hover {
  color: #2ba9f6;
  border-color: #2ba9f6;
}

a.link:hover span {
  border-color: #2ba9f6;
}

a.link:hover svg path {
  fill: #2ba9f6;
}

a.link:focus {
  color: #2ba9f6;
  border-color: #2ba9f6;
}

a.link:focus span {
  border-color: #2ba9f6;
}

a.link:focus svg path {
  fill: #2ba9f6;
}


.spasibo-section {
  /* background-image: url(../img/spasibo-bg.avif); */
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px 0 0;
}

.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: #2ba9f6;
}

.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: 1400px) {
  .spasibo-section {
    background-image: none;
  }
}

@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;
}

@media (max-width: 1650px) {
  .spasibo-section {
    background-position: left -50px bottom;
  }
}

@media (max-width: 1600px) {
  .spasibo-section {
    background-position: left -100px bottom;
  }
}

@media (max-width: 1450px) {
  .spasibo-section {
    background-position: left -150px bottom;
  }
}


.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: 1400px) {
  .spasibo-section {
    background-image: none;
  }
}

@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;
}

@media (max-width: 1650px) {
  .spasibo-section {
    background-position: left -50px bottom;
  }
}

@media (max-width: 1600px) {
  .spasibo-section {
    background-position: left -100px bottom;
  }
}

@media (max-width: 1450px) {
  .spasibo-section {
    background-position: left -150px bottom;
  }
}

.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: 1400px) {
  .spasibo-section {
    background-image: none;
  }
}

@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;
}

@media (max-width: 1650px) {
  .spasibo-section {
    background-position: left -50px bottom;
  }
}

@media (max-width: 1600px) {
  .spasibo-section {
    background-position: left -100px bottom;
  }
}

@media (max-width: 1450px) {
  .spasibo-section {
    background-position: left -150px bottom;
  }
}

/* footer 6 */
.footer {
  background: #F5F5F5;
  padding: 35px 0 30px;
}

.footer .container {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-end;
  justify-content: space-between;
}

.footer__link,
.footer__simtu {
  display: flex;
  gap: 5px;
  align-items: center;
}

@media (max-width: 768px) {
  .calc_btns {
    margin-top: 10px;
    padding: 12px 20px 20px;
  }

  .footer .container {
    display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
  }
}
.works__desc .btn-accent{
  display: none!important;
}
.works__desc h3{
  width: 100%;
}
/* footer 6 end */