/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
    ========================================================================== */

/**
  * Remove the margin in all browsers.
  */

body {
   margin: 0;
}

/**
  * Render the `main` element consistently in IE.
  */

main {
   display: block;
}

/**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */

h1 {
   font-size: 2em;
   margin: 0.67em 0;
}

/* Grouping content
    ========================================================================== */

/**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */

hr {
   box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

pre {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/* Text-level semantics
    ========================================================================== */

/**
  * Remove the gray background on active links in IE 10.
  */

a {
   background-color: transparent;
}

/**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */

abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   text-decoration: underline dotted; /* 2 */
}

/**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */

b,
strong {
   font-weight: bolder;
}

/**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */

code,
kbd,
samp {
   font-family: monospace, monospace; /* 1 */
   font-size: 1em; /* 2 */
}

/**
  * Add the correct font size in all browsers.
  */

small {
   font-size: 80%;
}

/**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

/* Embedded content
    ========================================================================== */

/**
  * Remove the border on images inside links in IE 10.
  */

img {
   border-style: none;
}

/* Forms
    ========================================================================== */

/**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */

button,
input,
optgroup,
select,
textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
   line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */

button,
input {
   /* 1 */
   overflow: visible;
}

/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */

button,
select {
   /* 1 */
   text-transform: none;
}

/**
  * Correct the inability to style clickable types in iOS and Safari.
  */

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

/**
  * Remove the inner border and padding in Firefox.
  */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

/**
  * Restore the focus styles unset by the previous rule.
  */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

/**
  * Correct the padding in Firefox.
  */

fieldset {
   padding: 0.35em 0.75em 0.625em;
}

/**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */

legend {
   box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
   padding: 0; /* 3 */
   white-space: normal; /* 1 */
}

/**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */

progress {
   vertical-align: baseline;
}

/**
  * Remove the default vertical scrollbar in IE 10+.
  */

textarea {
   overflow: auto;
}

/**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */

[type="checkbox"],
[type="radio"] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
}

/**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

/**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */

[type="search"] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
}

/**
  * Remove the inner padding in Chrome and Safari on macOS.
  */

[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
}

/**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */

::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
}

/* Interactive
    ========================================================================== */

/*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */

details {
   display: block;
}

/*
  * Add the correct display in all browsers.
  */

summary {
   display: list-item;
}

/* Misc
    ========================================================================== */

/**
  * Add the correct display in IE 10+.
  */

template {
   display: none;
}

/**
  * Add the correct display in IE 10.
  */

[hidden] {
   display: none;
}

/* ==================================end reset============================================= */
html {
   scroll-behavior: smooth;
}
*,
*::after *::before {
   box-sizing: border-box;
}

* {
   margin: 0;
   padding: 0;
}

ol,
ul {
   box-sizing: content-box;
}

ul {
   margin: 0;
   list-style: none;
}

.menu li {
   padding-left: 0;
   display: flex;
   align-items: center;
   padding-bottom: 10px;
}

a {
   text-decoration: none;
   color: #dadada;
   object-fit: cover;
}

body {
   font-family: "Roboto", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   text-transform: inherit;
   color: rgba(36, 38, 41, 1);
   background-color: #dadada;
}
.wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.container {
   max-width: 1226px;
   padding: 0 10px;
   margin: 0 auto;
   position: relative;
   text-align: left;
}

.header__inner {
   display: flex;
   border-bottom: 1px solid #0d0d0d;
   justify-content: space-between;
   align-items: center;
}

.logo {
   border-right: 1px solid #0d0d0d;
   padding: 10px 15px;
}
.logo img {
   max-width: 84px;
   max-height: 84px;
}

.header__phone {
   color: rgba(36, 38, 41, 1);
}

.header__left {
   flex-basis: 90px;
   max-width: 90px;
   margin-right: 55px;
   white-space: nowrap;
}

.header__right {
   flex-basis: 180px;
   max-width: 180px;
   white-space: nowrap;
}

.header__items {
   display: flex;
}

.item__img {
   padding-right: 15px;
}

.header {
   height: 100vh;
}

.header__info {
   display: flex;
   align-items: center;
}

.header__list {
   display: flex;
}

.social__img-header {
   flex-basis: 20px;
   max-width: 20px;
}

.social__img-header-1 {
   padding-right: 15px;
}

.menu {
   padding: 40px 30px;
   border-left: 1px solid #0d0d0d;
}

.menu__item {
   text-align: center;
}

.descr-1,
.descr-2,
.descr-3,
.descr-4,
.descr-6,
.descr-7,
.descr-8,
.down-text-1,
.down-text-2,
.down-text-3,
.down-text-4,
.down-text-5 {
   max-height: 0;
   transition: 1s ease-out;
   overflow: hidden;
}
.descr-5{
    display: none;
}
.descr-5-active{
    display:block;
}

.menu__list {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.9);
   right: 0;
   top: 111px;
   font-weight: 500;
   font-size: 0px;
   line-height: 0px;
   color: rgba(36, 38, 41, 1);
   opacity: 0;
   z-index: 99;
   transition: 0.5s;
}

.menu__list--active {
   font-size: 22px;
   line-height: 44px;
   padding: 50px;
   opacity: 1;
   transition: 0.5s;
}

.menu__btn {
   width: 30px;
   border: none;
   background-color: transparent;
   padding: 15px 0;
   position: relative;
   z-index: 10;
   cursor: pointer;
}

.menu__btn span {
   display: block;
   height: 1px;
   background-color: #0d0d0d;
}

.menu__btn::after,
.menu__btn::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   height: 1px;
   background-color: #0d0d0d;
}

.menu__btn::before {
   top: 25px;
   right: 15px;
}

.menu__btn::after {
   bottom: 25px;
   left: 15px;
}

.header__column {
   margin-bottom: 160px;
}

.header__title {
   position: relative;
   flex-basis: 715px;
   max-width: 715px;
   margin-top: 190px;
   margin-right: 50px;
   font-weight: 800;
   font-size: 46px;
   line-height: 55px;
   text-transform: uppercase;
   color: #0d0d0d;
}

.header__subtitle {
   flex-basis: 451px;
   max-width: 451px;
   padding-top: 55px;
   font-weight: 500;
   font-size: 22px;
   line-height: 31px;
   text-transform: inherit;
   color: #0d0d0d;
}

.header__column {
   display: flex;
}

.image__head {
   position: relative;
   flex-basis: 465px;
   max-width: 465px;
   height: 630px;
}

.backgroung__head--top {
   position: absolute;
   background-color: #f2d680;
   padding: 15px 95px;
   left: 240px;
   top: 325px;
}

.backgroung__head--bottom {
   position: absolute;
   background-color: #f2d680;
   padding: 15px 195px;
   left: 20px;
   top: 435px;
}

.button__headline-1 {
   display: flex;
   margin-top: 55px;
   margin-left: 25px;
   justify-content: space-between;
}

.button__headline {
   margin-top: 55px;
   text-align: center;
}

.header__button {
   flex-basis: 227px;
   max-width: 227px;
   font-weight: 700;
   font-size: 15px;
   line-height: 17px;
   color: #0d0d0d;
   padding: 25px 32px;
   text-decoration: none;
   text-transform: uppercase;
   white-space: nowrap;
   background-color: #ffb41d;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08), 8px 8px 16px rgba(0, 0, 0, 0.08);
   border-radius: 5px;
   position: relative;
}
.header__button::after {
   content: "";
   position: absolute;
   width: 50px;
   height: 50px;
   background-image: url(../img/telephone.svg);
   left: -22px;
   top: 40px;
}
.image__items {
   position: absolute;
   left: 11px;
   top: 625px;
}

.bottom__items {
   display: flex;
   align-items: center;
   flex-basis: 317px;
   max-width: 317px;
   margin-left: 50px;
}

.header__bottom {
   flex-basis: 197px;
   max-width: 197px;
   font-weight: 500;
   font-size: 16px;
   line-height: 22px;
}

.arrow__item {
   flex-basis: 70px;
   max-width: 70px;
   padding-right: 20px;
}

.benefits__column {
   display: flex;
}

.backgroung__benefits--title {
   position: absolute;
   background-color: #f2d680;
   padding: 15px 95px;
   left: 345px;
   top: 36px;
   z-index: -1;
}

.benefits__title-top {
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   text-transform: uppercase;
   color: #0d0d0d;
   text-align: center;
   margin-bottom: 70px;
}

.benefits__img--top {
   position: relative;
   flex-basis: 420px;
   max-width: 420px;
}

.backgroung__benefits {
   position: absolute;
   background-color: #f2d680;
   padding: 115px 190px;
   left: 14px;
   top: 350px;
   rotate: -90deg;
   z-index: -1;
}

.benefits__img--bottom {
   position: absolute;
   flex-basis: 300px;
   max-width: 300px;
   top: 350px;
   left: 306px;
}

.column__right {
   display: block;
   margin-left: 345px;
}

.benefits__items {
   display: flex;
   align-items: center;
   flex-basis: 482px;
   max-width: 482px;
   padding-bottom: 20px;
}

.benefits__contents {
   padding-right: 30px;
}

.benefits__title--item {
   font-weight: 500;
   font-size: 26px;
   line-height: 29px;
}

.benefits__items--logo {
   flex-basis: 80px;
   max-width: 80px;
}

.image__items-1 {
   position: absolute;
   top: 710px;
   left: 835px;
}

.benefits__btn {
   margin-top: 35px;
}

.benefits__title {
   padding-top: 20px;
}

.benefits {
   margin-top: 80px;
   margin-bottom: 200px;
}

.work__title {
   padding-top: 20px;
}

.backgroung__work--title {
   position: absolute;
   background-color: #f2d680;
   padding: 15px 120px;
   left: 655px;
   top: 35px;
   z-index: -1;
}

.work__title-top {
   font-weight: 800;
   font-size: 34px;
   line-height: 37px;
   text-transform: uppercase;
   color: #0d0d0d;
   text-align: center;
   margin-bottom: 100px;
}

.work__inner {
   margin-bottom: 100px;
}

.work__column {
   display: flex;
}

.work__column--left {
   padding-left: 40px;
   padding-right: 190px;
   padding-top: 25px;
}

.work__column--left {
   overflow: hidden;
}

.work__column--left::before {
   content: "";
   margin-left: -128px;
   margin-bottom: -135px;
   display: inline-block;
   box-sizing: border-box;
   width: 180px;
   height: 2px;
   border: solid #0d0d0d;
   rotate: 90deg;
}

.item__text-1 {
   flex-basis: 585px;
   max-width: 585px;
}

.work__text {
   flex-basis: 585px;
   max-width: 585px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   text-transform: inherit;
   align-items: center;
}

.work__img {
   flex-basis: 359px;
   max-width: 359px;
   margin-left: 20px;
}

.backgroung__work {
   position: absolute;
   background-color: #f2d680;
   padding: 172px 123px;
   left: 980px;
   top: 130px;
   z-index: -1;
}

.backgroung__work--column {
   position: absolute;
   left: 233px;
   top: 215px;
   z-index: -1;
}

.work__bonus {
   z-index: 1;
   position: absolute;
   padding: 31px 30px;
   background-color: #ffff;
   top: 190px;
   left: 755px;
}

.work__text--bonus {
   flex-basis: 155px;
   max-width: 155px;
   font-weight: 800;
   font-size: 30px;
   line-height: 33px;
}

.work__img-2 {
   flex-basis: 359px;
   max-width: 359px;
   margin-left: 40px;
}

.work__column-2 {
   display: flex;
   margin-top: 120px;
   margin-bottom: 120px;
}

.work__bonus-2 {
   z-index: 1;
   position: absolute;
   padding: 31px 30px;
   background-color: #ffff;
   top: 660px;
   left: 305px;
}

.work__column--right-2 {
   padding-left: 40px;
   padding-top: 25px;
   margin-left: 215px;
}

.work__column--right-2 {
   overflow: hidden;
}

.work__column--right-2::before {
   content: "";
   margin-left: -128px;
   margin-bottom: -135px;
   display: inline-block;
   box-sizing: border-box;
   width: 180px;
   height: 2px;
   border: solid #0d0d0d;
   rotate: 90deg;
}

.backgroung__work--column-2 {
   position: absolute;
   left: 855px;
   top: 670px;
   z-index: -1;
}

.item__text-2 {
   flex-basis: 589px;
   max-width: 589px;
}

.backgroung__work-2 {
   position: absolute;
   background-color: #f2d680;
   padding: 172px 123px;
   left: 10px;
   top: 590px;
   z-index: -1;
}

.work__bonus-3 {
   z-index: 1;
   position: absolute;
   padding: 31px 30px;
   background-color: #ffff;
   top: 1165px;
   left: 760px;
}

.backgroung__work--column-3 {
   position: absolute;
   left: 265px;
   top: 1170px;
   z-index: -1;
}

.work__column-3 {
   display: flex;
}

.work__text--bonus-3 {
   flex-basis: 155px;
   max-width: 155px;
   font-weight: 800;
   font-size: 30px;
   line-height: 33px;
}

.work__column--left-3 {
   padding-left: 40px;
   padding-right: 305px;
   padding-top: 45px;
}

.work__column--left-3 {
   overflow: hidden;
}

.work__column--left-3::before {
   content: "";
   margin-left: -98px;
   margin-bottom: -98px;
   display: inline-block;
   box-sizing: border-box;
   width: 120px;
   height: 2px;
   border: solid #0d0d0d;
   rotate: 90deg;
}

.item__text-3 {
   flex-basis: 476px;
   max-width: 476px;
}

.backgroung__work-3 {
   position: absolute;
   background-color: #f2d680;
   padding: 172px 123px;
   left: 990px;
   top: 1150px;
   z-index: -1;
}

.contacts {
   background-color: #d9d2bf;
}

.contacts__column {
   display: flex;
   align-items: center;
}
.contacts .header__button {
   flex-basis: 100%;
   max-width: 100%;
   border: 0;
}
.wpcf7-submit {
   cursor: pointer;
}

.contacts__title {
   flex-basis: 603px;
   max-width: 603px;
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   text-transform: uppercase;
   color: #0d0d0d;
   padding-top: 125px;
   padding-bottom: 40px;
}

.contacts__subtitle {
   flex-basis: 603px;
   max-width: 603px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   text-transform: inherit;
   color: #0d0d0d;
   opacity: 0.8;
   padding-bottom: 150px;
}

.contacts__content {
   margin-right: 250px;
}

.contacts__form {
   padding-top: 125px;
}

.contacts__input {
   background-color: transparent;
   width: 355px;
   height: 50px;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   color: #0d0d0d !important;
   border-bottom: 2px solid #0d0d0d;
   margin-bottom: 30px;
   display: block;
   text-align: left;
   border-top-style: none;
   border-left-style: none;
   border-right-style: none;
   outline: none;
}

.contacts__input::placeholder {
   padding-left: 5px;
   text-align: left;
   color: #414040;
   opacity: 0.8;
}

.contacts__btn {
   margin-top: 80px;
}

.about__inner {
   margin-bottom: 200px;
}

.about__column {
   display: flex;
}

.about__head {
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   color: #0d0d0d;
   text-transform: uppercase;
   text-align: center;
   margin-top: 70px;
   margin-bottom: 100px;
}

.backgroung__about {
   position: absolute;
   background-color: #f2d680;
   padding: 15px 75px;
   left: 510px;
   top: 20px;
   z-index: -1;
}

.about__title {
   display: flex;
   align-items: center;
   margin-bottom: 70px;
}

.about__title--main {
   display: block;
}

.title--top {
   font-weight: 400;
   font-size: 34px;
   line-height: 37px;
   color: #0d0d0d;
   text-transform: uppercase;
   padding-left: 25px;
}

.title--bottom {
   font-weight: 800;
   font-size: 34px;
   line-height: 37px;
   color: #0d0d0d;
   text-transform: uppercase;
   padding-left: 109px;
}

.about__content {
   flex-basis: 507px;
   max-width: 507px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   text-transform: inherit;
   color: #0d0d0d;
   opacity: 0.8;
}

.about__bottom--text {
   padding-top: 20px;
}

.about__title--right {
   display: flex;
   align-items: center;
   margin-bottom: 35px;
}

.about__numbers {
   flex-basis: 252px;
   max-width: 252px;
   font-weight: 300;
   font-size: 150px;
   line-height: 165px;
   color: #ffb41d;
   padding-right: 43px;
   margin-left: 117px;
}

.about__right--text {
   flex-basis: 288px;
   max-width: 288px;
   font-weight: 500;
   font-size: 22px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: uppercase;
}

.about__right--subtitle {
   margin-bottom: 50px;
   margin-left: 244px;
}

.about__subtitle {
   font-weight: 500;
   font-size: 26px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: inherit;
}

.about__column--content {
   margin-left: 77px;
}

.about__column--item-text {
   display: flex;
   margin-bottom: 20px;
   align-items: center;
}

.about__img-list {
   padding-right: 20px;
}

.about__list-text {
   flex-basis: 500px;
   max-width: 500px;
   font-weight: 500;
   font-size: 26px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: inherit;
}

.portfolio {
   margin-bottom: 200px;
}

.portfolio__slider-main {
   position: relative;
}

.portfolio__slider-main .slick-arrow {
   position: absolute;
   top: 50%;
   z-index: 10;
   font-size: 0;
   width: 52px;
   height: 55px;
}

.portfolio__slider-main .slick-arrow.slick-prev {
   left: 0;
   background: url("../img/left-arrow.svg") 0 0 / 100% no-repeat;
   border-style: none;
}

.portfolio__slider-main .slick-arrow.slick-next {
   right: 0;
   background: url("../img/right-arrow.svg") 0 0 / 100% no-repeat;
   border-style: none;
}

/* .portfolio__slider-main .slick-dots {
   display: flex;
   margin: 20px 100px;
} */

.portfolio__image-slider {
   flex-basis: 1125px;
   max-width: 1125px;
   padding: 60px 50px;
   background-color: #f2f2f2;
   border-radius: 5px;
}

.portfolio__headline {
   margin-bottom: 50px;
}

.portfolio__head {
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   color: #0d0d0d;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 15px;
}

.portfolio__head--sub {
   font-weight: 500;
   font-size: 20px;
   line-height: 31px;
   color: #0d0d0d;
   text-align: center;
   text-transform: uppercase;
}

.portfolio__column {
   display: flex;
   justify-content: center;
}

.portfolio__column--left {
   width: 48%;
    margin: 0 40px;
}

.portfolio__column--right {
   width: 40%;
   text-align: left;
}

.portfolio__description {
   display: flex;
   margin-bottom: 50px;
   align-items: center;
}

.portfolio__head--left {
   font-weight: 800;
   font-size: 22px;
   line-height: 24px;
   color: #ffb41d;
   text-transform: uppercase;
   margin-right: 35px;
}

.portfolio__head--right {
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
   color: #727070;
   text-transform: inherit;
   white-space: nowrap;
}

.porfolio__content--block {
   display: block;
}

.porfolio__name {
   display: flex;
   margin-bottom: 15px;
}

.portfolio__objects--left {
   flex-basis: 200px;
   max-width: 135px;
   font-weight: 500;
   font-size: 20px;
   line-height: 22px;
   color: #0d0d0d;
   margin-right: 40px;
}

.portfolio__objects--right {
   font-weight: 500;
   font-size: 20px;
   line-height: 22px;
   color: #727070;
   text-transform: inherit;
   flex-basis: 215px;
   max-width: 215px;
}

.portfolio__hidden--list {
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   flex-basis: 272px;
   max-width: 272px;
   color: #727070;
   padding-left: 10px;
   padding-top: 10px;
}

.portfolio__ul--list {
   display: block;
}

.portfolio__li--list {
   padding-top: 10px;
   align-items: center;
}

.portfolio__slide {
    width: 100px;
    height: 120px;
    object-fit: cover;
}

.portfolio__slide-big {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio__slider {
   margin-top: 20px;
   position: relative;
}

.portfolio__slider .slick-arrow {
   position: absolute;
   top: 50%;
   z-index: 10;
   font-size: 0;
}

.portfolio__slider .slick-dots {
   display: flex;
   margin: 20px 100px;
}

.portfolio__slider .slick-dots li {
   list-style: none;
}

.portfolio__slider .slick-dots button {
   font-size: 0;
   width: 30px;
   height: 2px;
   margin: 0px 25px;
   background-color: #0d0d0d;
   border-style: none;
}

.portfolio__slider .slick-dots li.slick-active button {
   background-color: #fec810;
}

.portfolio__slider--item {
   text-align: center;
   transition: all 0.3s ease 0s;
   opacity: 0.7;
}

.portfolio__slider-big--item {
    text-align: right;
    max-height: 440px;
}

.portfolio__slider-big--item.slick-center {
   opacity: 1;
}

.portfolio__btn {
   margin-top: 0px;
   text-align: center;
}

.image__items-11 {
   position: absolute;
   top: 857px;
   left: 462px;
}

.backgroung__portfolio {
   position: absolute;
   background-color: #f2d680;
   padding: 350px 492px;
   left: 146px;
   top: 165px;
   z-index: -1;
}

.slick-track {
   display: flex;
}

.slick-list {
   overflow: hidden;
   text-align: center;
}

.country__header{
   margin-bottom: 105px;
}

.country__title{
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   color: #0D0D0D;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 15px;
   flex-basis: 570px;
}

.country__sub-title{
   font-weight: 500;
   font-size: 20px;
   line-height: 31px;
   color: #0D0D0D;
   text-align: center;
   text-transform: uppercase;
   flex-basis: 260px;
}

.country__column--right{
   margin-left: 105px;
}

.country__right--title{
   font-weight: 800;
   font-size: 30px;
   line-height: 33px;
   color: #0D0D0D;
   text-align: center;
   text-transform: uppercase;
   margin-bottom: 50px;
   flex-basis: 460px;
   max-width: 460px;
}

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

.country__sub-title--content{
   font-weight: 500;
   font-size: 26px;
   line-height: 31px;
   color: #0D0D0D;
   text-transform: lowercase;
}

.country__list{
   margin-bottom: 60px;
}

.country__column{
   display: flex;
}

.country__list-content{
   display: flex;
   align-items: center;
}

.country__btn{
   margin-top: 90px;
}

.country__slider{
   flex-basis: 583px;
   max-width: 583px;
   margin-left: 15px;
}

.country__slider .slick-dots{
   display: flex;
   margin: 20px 100px;
}

.country__slider .slick-dots li{
   list-style: none;
}

.country__slider .slick-dots button{
   font-size: 0;
   width: 30px;
   height: 2px;
   margin: 0px 25px;
   background-color: #0D0D0D;
   border-style: none;
}

.country__slider .slick-dots li.slick-active button{
   background-color: #FEC810;
}

.backgroung__country {
   position: absolute;
   background-color: #F2D680;
   padding: 160px 160px;
   left: 10px;
   top: 165px;
   z-index: -1;
}

.backgroung__header-country {
   position: absolute;
   background-color: #F2D680;
   padding: 15px 70px;
   left: 310px;
   top: 20px;
   z-index: -1;
}

.image__items-99{
   position: absolute;
   top: 650px;
   left: 790px;
}

.payment__inner {
   margin-top: 80px;
}

.payment__column {
   display: flex;
}

.backgroung__payment {
   position: absolute;
   background-color: #f2d680;
   padding: 104px 165px;
   left: 160px;
   top: 130px;
   z-index: -1;
}

.column__left--payment {
   flex-basis: 627px;
   max-width: 627px;
   margin-right: 68px;
}

.payment__title-main {
   font-weight: 800;
   font-size: 34px;
   line-height: 37px;
   color: #0d0d0d;
   text-transform: uppercase;
   margin-bottom: 50px;
}

.payment__img--bottom {
   position: absolute;
   flex-basis: 450px;
   max-width: 450px;
   top: 200px;
   left: 185px;
}

.payment__img--top {
   position: relative;
   flex-basis: 450px;
   max-width: 450px;
   top: 0px;
   left: 0px;
}

.payment__title--item {
   flex-basis: 388px;
   max-width: 388px;
   font-weight: 500;
   font-size: 26px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: inherit;
}

.payment__items {
   display: flex;
   padding-bottom: 53px;
   align-items: center;
}

.payment__items--logo {
   padding-left: 80px;
}

.payment__items--logo-1 {
   padding-left: 177px;
}

.payment__btn {
   margin-top: 325px;
   margin-left: 175px;
}

.image__items-3 {
   position: absolute;
   top: 597px;
   left: 225px;
}

.payment-2__inner {
   margin-top: 175px;
   margin-bottom: 100px;
}

.payment-2__column {
   display: flex;
   margin-bottom: 100px;
}

.payment-2__title-main {
   flex-basis: 310px;
   max-width: 310px;
   font-weight: 800;
   font-size: 34px;
   line-height: 37px;
   color: #0d0d0d;
   text-transform: uppercase;
   margin-bottom: 50px;
}

.payment-2__title--item {
   flex-basis: 388px;
   max-width: 388px;
   font-weight: 500;
   font-size: 26px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: inherit;
}
.payment-2__img--bottom {
   position: absolute;
   flex-basis: 450px;
   max-width: 450px;
   top: 250px;
   left: 620px;
}

.payment-2__img--top {
   position: relative;
   flex-basis: 450px;
   max-width: 450px;
   top: 65px;
   left: 200px;
}

.payment-2__items {
   display: flex;
   padding-bottom: 53px;
   align-items: center;
}

.payment-2__items--logo {
   padding-right: 55px;
}

.column__left--payment-2 {
   flex-basis: 627px;
   max-width: 627px;
   margin-left: 68px;
}

.payment-2__btn {
   text-align: center;
}

.image__items-4 {
   position: absolute;
   top: 720px;
   left: 440px;
}

.image__items-5 {
   position: absolute;
   top: 355px;
   left: 855px;
}

.faq__inner {
   display: flex;
   margin-bottom: 80px;
}

.faq__link {
   padding-left: 30px;
   left: 1130px;
   top: 230px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__headline {
   margin-top: 120px;
   padding-top: 20px;
   margin-bottom: 80px;
}

.faq__numbers {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__title-head {
   padding-bottom: 15px;
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   color: #0d0d0d;
   text-transform: uppercase;
   text-align: center;
   align-items: center;
}

.faq__title-sub {
   font-weight: 500;
   font-size: 22px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: uppercase;
   text-align: center;
}

.faq__move {
   display: flex;
}

.faq__head {
   padding-bottom: 60px;
}

.faq__list {
   width: 100%;
}

.faq__list-item {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 5px;
}

.faq__title {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-top: 25px;
   padding-bottom: 20px;
}

.details__list {
   display: flex;
   padding-top: 15px;
   padding-bottom: 15px;
   justify-content: space-between;
}

.details__faq-content {
   align-items: center;
   max-width: 683px;
   flex-basis: 683px;
   margin-left: 300px;
}

.details__list-1 {
   flex-basis: 860px;
   max-width: 860px;
}

.details__title {
   padding-left: 30px;
   font-weight: 400;
   font-size: 24px;
   line-height: 34px;
   color: #0d0d0d;
   text-transform: inherit;
}

.faq__list-2 {
   width: 100%;
}

.faq__link-2 {
   padding-left: 30px;
   left: 1130px;
   top: 435px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-2 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 30px;
   padding-top: 40px;
}

.faq__title-2 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-bottom: 20px;
}

.faq__numbers-2 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-2 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__list-3 {
   width: 100%;
}

.faq__link-3 {
   padding-left: 30px;
   left: 1130px;
   top: 645px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-3 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 30px;
   padding-top: 40px;
}

.faq__title-3 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-bottom: 20px;
}

.faq__numbers-3 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-3 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__list-4 {
   width: 100%;
}

.faq__link-4 {
   padding-left: 30px;
   left: 1130px;
   top: 855px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-4 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 5px;
}

.faq__title-4 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-top: 25px;
   padding-bottom: 20px;
}

.faq__numbers-4 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-4 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__list-5 {
   width: 100%;
}

.faq__link-5 {
   padding-left: 30px;
   left: 1130px;
   top: 1065px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-5 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 30px;
   padding-top: 40px;
}

.faq__title-5 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-bottom: 20px;
}

.faq__numbers-5 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-5 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__list-6 {
   width: 100%;
}

.faq__link-6 {
   padding-left: 30px;
   left: 1130px;
   top: 1275px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-6 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 30px;
   padding-top: 40px;
}

.faq__title-6 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-bottom: 20px;
}

.faq__numbers-6 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-6 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.faq__list-7 {
   width: 100%;
}

.faq__link-7 {
   padding-left: 30px;
   left: 1130px;
   top: 1485px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-7 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 5px;
}

.faq__title-7 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-top: 25px;
   padding-bottom: 20px;
}

.faq__numbers-7 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-7 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.details__title-2 {
   padding-left: 30px;
   padding-bottom: 5px;
   font-weight: 400;
   font-size: 24px;
   line-height: 34px;
   color: #0d0d0d;
   text-transform: inherit;
   white-space: pre-line;
   padding-bottom: 30px;
}

.faq__list-8 {
   width: 100%;
}

.faq__link-8 {
   padding-left: 30px;
   left: 1130px;
   top: 1695px;
   flex-basis: 35px;
   max-width: 35px;
}

.faq__list-item-8 {
   padding-right: 290px;
   border: 2px solid #0d0d0d;
   padding-bottom: 30px;
   padding-top: 40px;
}

.faq__title-8 {
   padding-left: 30px;
   font-weight: 500;
   font-size: 26px;
   line-height: 36px;
   color: #0d0d0d;
   text-transform: inherit;
   align-items: center;
   padding-bottom: 20px;
}

.faq__numbers-8 {
   border-top: 2px solid #0d0d0d;
   border-left: 2px solid #0d0d0d;
   border-bottom: 2px solid #0d0d0d;
}

.faq__numbers--head-8 {
   font-weight: 900;
   font-size: 110px;
   line-height: 100px;
   color: #ffb41d;
   padding: 25px 50px 10px;
}

.details__title-3 {
   padding-left: 30px;
   padding-bottom: 5px;
   font-weight: 400;
   font-size: 24px;
   line-height: 34px;
   color: #0d0d0d;
   text-transform: inherit;
   white-space: pre-line;
   padding-bottom: 10px;
}

.faq__title--bottom {
   flex-basis: 735px;
   max-width: 735px;
   padding-bottom: 10px;
   font-weight: 800;
   font-size: 34px;
   line-height: 37px;
   color: #0d0d0d;
   text-transform: uppercase;
}

.faq__subtitle--bottom {
   flex-basis: 660px;
   max-width: 660px;
   font-weight: 400;
   font-size: 22px;
   line-height: 31px;
   color: #0d0d0d;
   text-transform: inherit;
}

.faq__bottom--content {
   display: flex;
   margin-bottom: 150px;
}

.faq__content {
   margin-right: 290px;
}

.image__items-6 {
   position: absolute;
   top: 70px;
   left: 1010px;
}

.feedback__item {
   margin-bottom: 150px;
}

.feedback__block {
   margin-right: 100px;
   flex-basis: 440px;
   max-width: 440px;
   padding: 15px 50px;
   border-radius: 50px;
   background-color: #d9d2bf;
}

.feedback__content {
   display: flex;
   margin-bottom: 100px;
}

.feedback__content--bottom {
   display: flex;
   margin-top: 100px;
}

.feedback__block--right {
   flex-basis: 610px;
   max-width: 610px;
   padding: 20px 50px;
   border-radius: 50px;
   background-color: #d9d2bf;
}

.feeback__text--right {
   font-weight: 400;
   font-size: 20px;
   line-height: 28px;
   padding-bottom: 37px;
}

.feeback__subtext--right {
   font-weight: 600;
   font-size: 20px;
   line-height: 20px;
   padding-right: 15px;
}

.feedback__instagram {
   font-weight: 400;
   font-size: 20px;
   line-height: 28px;
}

.feedback__text--instagram {
   display: flex;
}

.feedback__img-1 {
   flex-basis: 70px;
   max-width: 70px;
   position: absolute;
   left: 370px;
   top: 55px;
}

.feedback__img-2 {
   flex-basis: 70px;
   max-width: 70px;
   position: absolute;
   left: 1010px;
   top: 55px;
}

.feedback__img-3 {
   flex-basis: 70px;
   max-width: 70px;
   position: absolute;
   left: 370px;
   top: 550px;
}

.feedback__img-4 {
   flex-basis: 70px;
   max-width: 70px;
   position: absolute;
   left: 1010px;
   top: 550px;
}

.feedback__title--top {
   padding-left: 399px;
   margin-bottom: 45px;
   flex-basis: 410px;
   max-width: 410px;
   font-weight: 800;
   font-size: 40px;
   line-height: 44px;
   color: #0d0d0d;
   text-transform: uppercase;
   text-align: center;
}

.social {
   text-decoration: none;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid #0d0d0d;
   padding-bottom: 15px;
}
.social-item--footer {
   padding-right: 25px;
   list-style: none;
   padding-bottom: 0px;
   width: 20px;
   height: 20px;
}
.social li:last-child {
   padding-right: 0;
}
.social img {
   width: 20px;
   height: 20px;
}

.footer__inner {
   text-align: center;
}

.footer__social-top {
   text-align: center;
}

.social__link {
   font-weight: 400;
   font-size: 20px;
   line-height: 28px;
   color: #0d0d0d;
   text-transform: lowercase;
   transition: all 0.3s;
}
.social__link:hover {
   color: #ffb41d;
}

.bottom-text {
   padding-top: 15px;
}

.image__items-7 {
   position: absolute;
   top: 521px;
   left: 455px;
}

.feedback__instagram {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    padding-right: 10px;
}

@media (max-width: 425px) {
   .social-item--footer {
      padding-right: 10px;
   }
   .portfolio__slider .slick-dots li {
      list-style: none;
      width: 50px;
   }
   .logo {
      padding: 32px 13px;
   }
   .logo img {
      max-width: 40px;
      max-height: 40px;
   }
   .header__button::after {
      top: 30px;
   }
}

@media (max-width: 375px) {
   .social-item--footer {
      padding-right: 10px;
   }
}

@media (max-width: 320px) {
   .social {
      padding-left: 30px;
   }
}

@media (max-width: 1024px) {
   .feedback__title--top {
      flex-basis: 327px;
      max-width: 327px;
      font-weight: 800;
      font-size: 32px;
      line-height: 44px;
      padding-left: 335px;
   }

   .image__items-7 {
      position: absolute;
      top: 554px;
      left: 349px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 960px) {
   .feedback__title--top {
      padding-left: 300px;
   }

   .image__items-7 {
      position: absolute;
      top: 550px;
      left: 324px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 800px){
    .feedback__title--top {
        padding-left: 225px;
    }
}

@media (max-width: 782px){
    
    .feedback__title--top {
        padding-left: 210px;
    }
}

@media (max-width: 768px) {
   .feedback__title--top {
      padding-left: 235px;
      flex-basis: 265px;
      max-width: 265px;
   }

   .image__items-7 {
      position: absolute;
      top: 733px;
      left: 250px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 640px) {
   .feedback__block {
      margin-right: 30px;
      flex-basis: 386px;
      max-width: 386px;
      padding: 15px 30px;
      border-radius: 50px;
      background-color: #d9d2bf;
   }

   .feedback__block--right {
      flex-basis: 341px;
      max-width: 235px;
      padding: 15px 30px;
      border-radius: 50px;
      background-color: #d9d2bf;
   }

   .feedback__title--top {
      padding-left: 195px;
      flex-basis: 227px;
      max-width: 227px;
   }

   .image__items-7 {
      position: absolute;
      top: 603px;
      left: 194px;
      flex-basis: 40px;
      max-width: 40px;
   }

   .feedback__title--top {
      font-size: 22px;
      line-height: 28px;
   }
   .button__headline-1 {
      max-height: 55px;
   }
}

@media (max-width: 600px){
    .feedback__title--top {
        padding-left: 175px;
    }
}

@media (max-width: 425px) {
   .feedback__content {
      flex-wrap: wrap;
   }

   .feedback__content--bottom {
      flex-wrap: wrap;
   }

   .feedback__block {
      margin-right: 0px;
      flex-basis: 386px;
      max-width: 386px;
      padding: 15px 30px;
      border-radius: 50px;
      background-color: #d9d2bf;
      margin-bottom: 40px;
   }

   .feedback__block--right {
      flex-basis: 325px;
      max-width: 325px;
      padding: 15px 30px;
      border-radius: 50px;
      background-color: #d9d2bf;
      margin-left: 0px;
   }

   .feedback__title--top {
      padding-left: 85px;
   }

   .button__headline {
      margin-left: 0px;
   }

   .image__items-7 {
      position: absolute;
      top: 766px;
      left: 86px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 390px){
    .feedback__title--top {
        padding-left: 70px;
    }
}

@media (max-width: 375px) {
   .feedback__btn {
      margin-left: 0;
   }

   .feedback__title--top {
      padding-left: 60px;
   }

   .image__items-7 {
      position: absolute;
      top: 793px;
      left: 62px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 360px){
    .feedback__title--top {
        padding-left: 55px;
    }
}

@media (max-width: 320px) {
   .feedback__title--top {
      padding-left: 40px;
   }
   
   .feeback__text--right {
        font-size: 18px;
        line-height: 28px;
    }
    
    .feedback__instagram {
        font-size: 18px;
        line-height: 20px;
    }
    
    .feedback__title--top {
        padding-left: 35px;
    }
}
@media (max-width: 1024px) {
   .image__items-6 {
      position: absolute;
      top: 77px;
      left: 799px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 960px) {
   .faq__title--bottom {
      font-size: 30px;
      line-height: 40px;
   }

   .faq__subtitle--bottom {
      font-size: 20px;
      line-height: 29px;
   }

   .image__items-6 {
      position: absolute;
      top: 74px;
      left: 743px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 800px){
    .faq__content {
        margin-right: 120px;
    }
}

@media (max-width: 782px){
    .faq__content {
        margin-right: 110px;
    }
}

@media (max-width: 768px) {
   .faq__content {
      margin-right: 195px;
   }

   .faq__title--bottom {
      font-size: 25px;
      line-height: 35px;
   }

   .faq__subtitle--bottom {
      font-size: 16px;
      line-height: 24px;
   }

   .image__items-6 {
      position: absolute;
      top: 74px;
      left: 584px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 640px) {
   .faq__content {
      margin-right: 120px;
   }

   .faq__numbers--head-8 {
      padding: 25px 50px 7px;
   }

   .faq__numbers--head-6 {
      padding: 25px 50px 7px;
   }

   .faq__numbers--head-3 {
      padding: 25px 50px 7px;
   }

   .faq__numbers--head-2 {
      padding: 25px 50px 7px;
   }

   .faq__title--bottom {
      font-size: 22px;
      line-height: 30px;
      flex-basis: 300px;
      max-width: 300px;
   }

   .image__items-6 {
      position: absolute;
      top: 72px;
      left: 465px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 425px) {
   .faq__bottom--content {
      flex-wrap: wrap;
   }

   .faq__content {
      margin-right: 0px;
   }

   .faq__btn {
      margin-top: 80px;
      margin-left: 130px;
   }

   .image__items-6 {
      position: absolute;
      top: 262px;
      left: 121px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 375px) {
   .faq__btn {
      margin-top: 80px;
      margin-left: 110px;
   }

   .image__items-6 {
      position: absolute;
      top: 287px;
      left: 103px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 320px) {
   .faq__btn {
      margin-top: 80px;
      margin-left: 80px;
   }
}

@media (max-width: 1024px) {
   .faq__title-head {
      font-size: 32px;
      line-height: 40px;
   }

   .faq__title-sub {
      font-size: 20px;
      line-height: 31px;
   }

   .faq__title {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-2 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-3 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-4 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-5 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-6 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-7 {
      font-size: 24px;
      line-height: 33px;
   }

   .faq__title-8 {
      font-size: 24px;
      line-height: 33px;
   }

   .details__title {
      font-size: 24px;
      line-height: 33px;
   }

   .details__title-2 {
      font-size: 24px;
      line-height: 33px;
   }

   .details__title-3 {
      font-size: 24px;
      line-height: 33px;
   }
}

@media (max-width: 960px) {
   .faq__title {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-2 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-3 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-4 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-5 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-6 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-7 {
      font-size: 22px;
      line-height: 33px;
   }

   .faq__title-8 {
      font-size: 22px;
      line-height: 33px;
   }

   .details__title {
      font-size: 22px;
      line-height: 33px;
   }

   .details__title-2 {
      font-size: 22px;
      line-height: 33px;
   }

   .details__title-3 {
      font-size: 22px;
      line-height: 33px;
   }
}

@media (max-width: 768px) {
   .faq__title-head {
      font-size: 25px;
      line-height: 35px;
   }

   .faq__title-sub {
      font-size: 18px;
      line-height: 27px;
   }

   .faq__list-item {
      padding-right: 60px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-2 {
      padding-right: 100px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-3 {
      padding-right: 15px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-4 {
      padding-right: 100px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-5 {
      padding-right: 100px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-6 {
      padding-right: 15px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-7 {
      padding-right: 50px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-8 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .details__title {
      font-size: 20px;
      line-height: 28px;
   }

   .details__title-2 {
      font-size: 20px;
      line-height: 28px;
   }

   .details__title-3 {
      font-size: 20px;
      line-height: 28px;
   }
}

@media (max-width: 640px) {
   .faq__title-head {
      font-size: 22px;
      line-height: 30px;
   }

   .faq__title {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-2 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-3 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-4 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-5 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-6 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-7 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__title-8 {
      font-size: 20px;
      line-height: 28px;
   }

   .faq__list-item {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-2 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-3 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-4 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-5 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-6 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-7 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-8 {
      padding-right: 25px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }
}

@media (max-width: 425px) {
   .faq__numbers--head {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-2 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-3 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-4 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-5 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-6 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-7 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__numbers--head-8 {
      font-weight: 900;
      font-size: 90px;
      line-height: 80px;
      color: #ffb41d;
      padding: 25px 15px 10px;
   }

   .faq__list-item {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-2 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-3 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-4 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-5 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-6 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-7 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__list-item-8 {
      padding-right: 10px;
      border: 2px solid #0d0d0d;
      padding-bottom: 5px;
   }

   .faq__title {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-2 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-3 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-4 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-5 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-6 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-7 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__title-8 {
      padding-left: 15px;
      font-size: 16px;
      line-height: 24px;
   }

   .faq__link {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-2 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-3 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-4 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-5 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-6 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-7 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .faq__link-8 {
      padding-left: 15px;
      left: 1130px;
      top: 230px;
      flex-basis: 20px;
      max-width: 20px;
   }

   .details__title {
      font-size: 16px;
      line-height: 24px;
      padding-left: 15px;
   }

   .details__title-2 {
      font-size: 16px;
      line-height: 24px;
      padding-left: 15px;
   }

   .details__title-3 {
      font-size: 16px;
      line-height: 24px;
      padding-left: 15px;
   }

   .faq__inner {
      margin-bottom: 50px;
   }
}

@media (max-width: 414px){
    .faq__headline {
        margin-top: 130px;
        margin-bottom: 60px;
    }
}

@media (max-width: 390px){
    
    .faq__headline {
        margin-top: 80px;
        margin-bottom: 60px;
    }
    
    .faq__bottom--content {
        margin-bottom: 80px;
    }
}

@media (max-width: 375px){
    
    .faq__headline {
        margin-top: 80px;
        margin-bottom: 60px;
    }
    
    .faq__bottom--content {
        margin-bottom: 80px;
    }
}

@media (max-width: 1024px) {
   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 0px;
      left: 189px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 104px 163px;
      left: 619px;
      top: 150px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 253px;
      left: 548px;
   }

   .payment-2__title-main {
      flex-basis: 310px;
      max-width: 310px;
      font-weight: 800;
      font-size: 28px;
      line-height: 35px;
      color: #0d0d0d;
      text-transform: uppercase;
      margin-bottom: 50px;
   }

   .payment-2__title--item {
      flex-basis: 327px;
      max-width: 327px;
      font-weight: 500;
      font-size: 24px;
      line-height: 31px;
      color: #0d0d0d;
      text-transform: inherit;
   }

   .image__items-4 {
      position: absolute;
      top: 834px;
      left: 330px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 960px) {
   .payment-2__items--logo {
      padding-right: 35px;
   }

   .payment-2__title--item {
      flex-basis: 500px;
      max-width: 500px;
      font-weight: 500;
      font-size: 22px;
      line-height: 31px;
      color: #0d0d0d;
      text-transform: inherit;
   }

   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 0px;
      left: 88px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 104px 174px;
      left: 559px;
      top: 150px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 235px;
      left: 515px;
   }

   .image__items-4 {
      position: absolute;
      top: 721px;
      left: 307px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 800px){
    .backgroung__payment-2 {
        display: none;
    }
    
    .payment-2__img--bottom {
        top: 374px;
    }
}

@media (max-width: 782px){
    .payment-2__column {
        display: inline-block;
        margin-bottom: 160px;
    }
    
    .payment-2__img--bottom {
        max-width: 100%;
        height: 353px;
        top: 668px;
        left: 244px;
    }
    
    .backgroung__payment-2 {
        display: none;
    }
    
    .payment-2__img--top {
        max-width: 100%;
        height: 353px;
        top: 0px;
        left: 0px;
    }
    
    .column__left--payment-2 {
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
   .payment-2__column {
      flex-wrap: wrap;
   }

   .payment-2__title-main {
      flex-basis: 285px;
      max-width: 285px;
      font-weight: 800;
      font-size: 22px;
      line-height: 35px;
      color: #0d0d0d;
      text-transform: uppercase;
      margin-bottom: 50px;
   }

   .payment-2__title--item {
      flex-basis: 430px;
      max-width: 430px;
      font-weight: 500;
      font-size: 20px;
      line-height: 31px;
      color: #0d0d0d;
      text-transform: inherit;
   }

   .payment-2__items--logo {
      padding-right: 50px;
   }

   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 100%;
      height: 353px;
      top: 0px;
      left: 167px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 128px 240px;
      left: 188px;
      top: 680px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 353px;
      top: 732px;
      left: 80px;
   }
}

@media (max-width: 640px) {
   .payment-2__title-main {
      flex-basis: 285px;
      max-width: 285px;
      font-weight: 800;
      font-size: 20px;
      line-height: 30px;
      color: #0d0d0d;
      text-transform: uppercase;
      margin-bottom: 50px;
   }

   .payment-2__title--item {
      flex-basis: 430px;
      max-width: 430px;
      font-weight: 500;
      font-size: 18px;
      line-height: 27px;
      color: #0d0d0d;
      text-transform: inherit;
   }

   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 100%;
      height: 353px;
      top: 0px;
      left: 36px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 146px 167px;
      left: 95px;
      top: 622px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 265px;
      top: 684px;
      left: 13px;
   }

   .payment-2__btn {
      margin-top: 184px;
   }

   .image__items-4 {
      position: absolute;
      top: 1062px;
      left: 181px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 425px) {
    
    .payment-2__btn {
        margin-top: 20px;
    }
    
   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 100%;
      height: 218px;
      top: 0px;
      left: 17px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 105px 145px;
      left: 62px;
      top: 622px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 203px;
      top: 684px;
      left: 13px;
   }

   .image__items-4 {
      position: absolute;
      top: 987px;
      left: 74px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 414px){
    .payment-2__inner {
        margin-top: 115px;
    }
}

@media (max-width: 390px){
    .payment-2__inner {
        margin-top: 115px;
    }
    
    .payment-2__items--logo {
        padding-right: 50px;
        max-width: 40px;
    }
}

@media (max-width: 375px) {
   .payment-2__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 100%;
      height: 210px;
      top: 0px;
      left: 0px;
   }

   .backgroung__payment-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 105px 133px;
      left: 55px;
      top: 650px;
      z-index: -1;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 190px;
      top: 684px;
      left: 13px;
   }

   .image__items-4 {
      position: absolute;
      top: 1036px;
      left: 49px;
      flex-basis: 40px;
      max-width: 40px;
   }
}

@media (max-width: 360px){
    .payment-2__img--bottom {
        top: 715px;
        left: 65px;
    }
    
    .payment__title--item {
        max-width: 270px;
        padding-right: 20px;
    }
    
    .payment__items--logo-1 {
        padding-left: 67px;
        max-width: 40px;
    }
}

@media (max-width: 320px) {
   .backgroung__payment-2 {
      display: none;
   }

   .payment-2__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 165px;
      top: 848px;
      left: 13px;
   }
   
   .payment-2__btn {
        margin-top: 65px;
    }
}

@media (max-width: 1024px) {
   .payment__img--top {
      position: relative;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 0px;
      left: 0px;
   }

   .backgroung__payment {
      position: absolute;
      background-color: #f2d680;
      padding: 104px 165px;
      left: 98px;
      top: 130px;
      z-index: -1;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 360px;
      max-width: 360px;
      height: 280px;
      top: 200px;
      left: 150px;
   }

   .payment__btn {
      margin-top: 350px;
      margin-left: 0px;
   }

   .image__items-3 {
      position: absolute;
      top: 650px;
      left: 79px;
      flex-basis: 40px;
      max-width: 40px;
   }

   .payment__title-main {
      font-weight: 800;
      font-size: 28px;
      line-height: 35px;
      color: #0d0d0d;
      text-transform: uppercase;
      margin-bottom: 50px;
   }

   .payment__items {
      padding-bottom: 40px;
   }

   .payment__title--item {
      font-size: 24px;
      line-height: 31px;
   }
}

@media (max-width: 960px) {
   .payment__title--item {
      font-size: 22px;
      line-height: 31px;
   }

   .payment__items--logo {
      padding-left: 35px;
   }

   .image__items-3 {
      top: 648px;
   }
}

@media (max-width: 800px){
    .payment__column {
        display: inline-block;
    }
    
    .column__left--payment {
        margin-right: 0px;
    }
    
    .payment__img--top {
        max-width: 610px;
        height: 341px;
    }
    
    .payment__img--bottom {
        max-width: 658px;
        height: 340px;
        top: 200px;
        left: 280px;
    }
    
    .payment__btn {
        margin-left: 205px;
        margin-bottom: 90px;
    }
}

@media (max-width: 782px){
    .payment__column {
        display: inline-block;
    }
    
    .payment__img--top {
        max-width: 100%;
        height: 353px;
    }
    
    .payment__img--bottom {
        max-width: 100%;
        height: 413px;
    }
    
    .payment__btn {
        margin-bottom: 100px;
    }
}

@media (max-width: 768px) {
   .payment__column {
      flex-wrap: wrap;
   }

   .payment__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
      height: 353px;
      top: 0px;
      left: 0px;
   }

   .column__right--payment {
      margin-left: 283px;
   }

   .backgroung__payment {
      position: absolute;
      background-color: #f2d680;
      padding: 145px 294px;
      left: 110px;
      top: 118px;
      z-index: -1;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 353px;
      top: 200px;
      left: 228px;
   }

   .payment__btn {
      margin-top: 280px;
      margin-left: 175px;
      margin-bottom: 100px;
   }

   .image__items-3 {
      top: 650px;
      left: 259px;
   }

   .payment__title-main {
      font-weight: 800;
      font-size: 22px;
      line-height: 35px;
      color: #0d0d0d;
      text-transform: uppercase;
      margin-bottom: 50px;
   }

   .payment__title--item {
      font-size: 20px;
      line-height: 31px;
      flex-basis: 355px;
      max-width: 355px;
   }

   .payment__items--logo {
      padding-left: 50px;
   }
}

@media (max-width: 640px) {
   .payment__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
      height: 353px;
      top: 0px;
      left: 0px;
   }

   .backgroung__payment {
      position: absolute;
      background-color: #f2d680;
      padding: 125px 235px;
      left: 113px;
      top: 125px;
      z-index: -1;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 265px;
      top: 200px;
      left: 230px;
   }

   .payment__btn {
      margin-top: 219px;
      margin-left: 110px;
      margin-bottom: 100px;
   }

   .image__items-3 {
      top: 594px;
      left: 202px;
   }

   .payment__title-main {
      font-size: 20px;
      line-height: 30px;
   }

   .payment__title--item {
      font-size: 18px;
      line-height: 27px;
      flex-basis: 320px;
      max-width: 320px;
   }

   .payment__items--logo-1 {
      padding-left: 167px;
   }
}

@media (max-width: 600px){
    .column__right--payment {
        margin-left: 150px;
    }
    
    .backgroung__payment {
        display: none;
    }
}

@media (max-width: 425px) {
   .column__right--payment {
      margin-left: 0px;
   }

   .payment__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
      height: 215px;
      top: 0px;
      left: 0px;
   }

   .backgroung__payment {
      position: absolute;
      background-color: #f2d680;
      padding: 79px 150px;
      left: 76px;
      top: 92px;
      z-index: -1;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 203px;
      top: 135px;
      left: 110px;
   }

   .payment__btn {
      margin-top: 219px;
      margin-left: 90px;
      margin-bottom: 100px;
   }

   .image__items-3 {
      top: 456px;
      left: 84px;
   }
}

@media (max-width: 390px){
    .payment__items--logo {
        padding-left: 0px;
        max-width: 40px;
    }
    
    .payment__items--logo-1 {
        padding-left: 116px;
        max-width: 40px;
    }
}

@media (max-width: 375px) {
   .payment__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
      height: 210px;
      top: 0px;
      left: 0px;
   }

   .backgroung__payment {
      position: absolute;
      background-color: #f2d680;
      padding: 79px 150px;
      left: 38px;
      top: 74px;
      z-index: -1;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 190px;
      top: 135px;
      left: 80px;
   }

   .payment__btn {
      margin-top: 219px;
      margin-left: 60px;
      margin-bottom: 100px;
   }

   .image__items-3 {
      top: 452px;
      left: 52px;
   }
}

@media (max-width: 320px) {
   .payment__items {
      flex-wrap: wrap;
   }

   .payment__items--logo-1 {
      padding-left: 52px;
   }

   .backgroung__payment {
      display: none;
   }

   .payment__btn {
      margin-top: 219px;
      margin-left: 30px;
      margin-bottom: 100px;
   }

   .payment__img--bottom {
      position: absolute;
      flex-basis: 100%;
      max-width: 100%;
      height: 190px;
      top: 135px;
      left: 25px;
   }
   
   .payment__title--item {
        flex-basis: 235px;
        max-width: 235px;
    }
    
    .payment__items--logo {
        padding-left: 20px;
    }
}

@media (max-width: 1024px){
   .country__title{
       font-weight: 800;
       font-size: 32px;
       line-height: 40px;
       color: #0D0D0D;
       text-align: center;
       text-transform: uppercase;
       margin-bottom: 15px;
   }

   .backgroung__country {
       position: absolute;
       background-color: #F2D680;
       padding: 160px 160px;
       left: 10px;
       top: 170px;
       z-index: -1;
   }

   .image__items-99 {
       position: absolute;
       top: 659px;
       left: 626px;
       flex-basis: 40px;
       max-width: 40px;
   }
   
   .country__right--title{
       font-weight: 800;
       font-size: 28px;
       line-height: 35px;
       color: #0D0D0D;
       text-transform: uppercase;
   }

   .country__sub-title--content {
       font-size: 22px;
       line-height: 31px;
   }

   .country__slider {
       flex-basis: 515px;
       max-width: 515px;
       margin-left: 15px;
   }

   .country__column--right {
       margin-left: 60px;
   }

   .country__img {
       max-width: 100%;
   }
}

@media (max-width: 960px){
   .country__slider {
       flex-basis: 465px;
       max-width: 465px;
   }

   .country__slider .slick-dots {
       display: flex;
       margin: 20px 70px;
   }

   .country__column--right {
       margin-left: 54px;
   }

   .country__list-content {
       margin-bottom: 25px;
   }

   .about__img-list {
       padding-right: 15px;
   }

   .country__inner{
       margin-bottom: 150px;
   }

   .image__items-99 {
       position: absolute;
       top: 640px;
       left: 575px;
   }
}

@media (max-width: 800px){
    .country__slider {
        margin-left: 165px;
    }
    
    .backgroung__country {
        left: 151px;
        top: 170px;
    }
    
    .country__right--title {
        max-width: 715px;
    }
}

@media (max-width: 782px){
    .backgroung__header-country {
        left: 180px;
        top: 15px;
    }
    
    .backgroung__country {
        left: 115px;
        top: 170px;
    }
    
    .country__slider {
        margin-left: 125px;
    }
    
    .country__right--title {
        max-width: 735px;
    }
    
    .country__slider .slick-dots button {
        margin: 0px 32px;
    }
}

@media (max-width: 768px){
   .country__column {
       flex-wrap: wrap;
   }

   .country__title {
       font-weight: 800;
       font-size: 25px;
       line-height: 35px;
       color: #0D0D0D;
       text-transform: uppercase;
       margin-bottom: 10px;
   }

   .country__right--title {
       font-weight: 800;
       font-size: 24px;
       line-height: 35px;
       color: #0D0D0D;
       text-transform: uppercase;
       max-width: none;
   }

   .country__sub-title {
       font-weight: 500;
       font-size: 18px;
       line-height: 27px;
   }

   .country__slider {
       margin-left: 145px;
   }

   .backgroung__header-country {
       position: absolute;
       background-color: #F2D680;
       padding: 10px 50px;
       left: 206px;
       top: 18px;
       z-index: -1;
   }

   .backgroung__country {
       position: absolute;
       background-color: #F2D680;
       padding: 160px 160px;
       left: 138px;
       top: 155px;
       z-index: -1;
   }

   .country__column--right {
       margin-left: 0px;
   }

   .image__items-99 {
       position: absolute;
       top: 1027px;
       left: 236px;
   }
}

@media (max-width: 640px){
   .country__title {
       font-weight: 800;
       font-size: 22px;
       line-height: 30px;
       color: #0D0D0D;
       text-transform: uppercase;
       margin-bottom: 10px;
   }

   .country__slider {
       margin-left: 83px;
   }

   .country__column--right {
       margin-top: 30px;
   }

   .image__items-99 {
       position: absolute;
       top: 1051px;
       left: 181px;
   }

   .backgroung__country {
       position: absolute;
       background-color: #F2D680;
       padding: 160px 160px;
       left: 78px;
       top: 155px;
       z-index: -1;
   }

   .backgroung__header-country {
       position: absolute;
       background-color: #F2D680;
       padding: 10px 50px;
       left: 155px;
       top: 13px;
       z-index: -1;
   }
}

@media (max-width: 600px){
    .backgroung__country {
        display: none;
    }
    
    .country__slider {
        margin-left: 35px;
    }
}

@media (max-width: 425px){
   .country__slider {
       margin-left: 0;
       max-width: 400px;
   }

   .backgroung__country {
       display: none;
   }

   .backgroung__header-country {
       position: absolute;
       background-color: #F2D680;
       padding: 10px 50px;
       left: 45px;
       top: 13px;
       z-index: -1;
   }
}

@media (max-width: 414px){
   .country__slider {
       max-width: 390px;
   }

   .country__slider .slick-dots {
       display: flex;
       margin: 20px 35px;
   }

   .country__header {
       margin-bottom: 40px;
   }

   .country__right--title {
       font-weight: 800;
       font-size: 20px;
       line-height: 28px;
       color: #0D0D0D;
       text-transform: uppercase;
       max-width: none;
   }

   .country__sub-title--content {
       font-size: 18px;
       line-height: 25px;
   }
}

@media (max-width: 390px){
   .country__slider {
       max-width: 365px;
   }

   .country__inner {
       margin-bottom: 100px;
   }

   .country__slider .slick-dots {
       display: flex;
       margin: 20px 15px;
   }
}

@media (max-width: 375px){
   .country__slider {
       max-width: 350px;
   }
   
   .country__slider .slick-dots button {
        margin: 0px 25px;

    }
}

@media (max-width: 320px){
   .country__slider {
       max-width: 295px;
   }

   .country__slider .slick-dots button {
       font-size: 0;
       width: 30px;
       height: 2px;
       margin: 0px 15px;
       background-color: #0D0D0D;
       border-style: none;
   }

   .country__slider .slick-dots {
       display: flex;
       margin: 20px 25px;
   }
   
   .backgroung__header-country {
        left: 12px;
        top: 13px;
    }
}

@media (max-width: 1024px) {
   .portfolio__head {
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      color: #0d0d0d;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 15px;
   }

   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 350px 375px;
      left: 146px;
      top: 157px;
      z-index: -1;
   }

   .image__items-11 {
      position: absolute;
      top: 857px;
      left: 354px;
      flex-basis: 40px;
      max-width: 40px;
   }

   .portfolio__column--right {
      margin-left: 0px;
   }

   .portfolio__head--left {
      margin-right: 30px;
      font-size: 20px;
      line-height: 24px;
      flex-basis: 168px;
      max-width: 168px;
   }

   .portfolio__objects--left {
      font-size: 18px;
      line-height: 22px;
   }

   .portfolio__objects--right {
      font-size: 18px;
      line-height: 22px;
   }
}

@media (max-width: 960px) {
   .portfolio__head--right {
      white-space: normal;
   }

   .portfolio__head--left {
      margin-right: 35px;
   }

   .portfolio__objects--left {
      max-width: 125px;
      margin-right: 10px;
   }

   .image__items-11 {
      top: 853px;
      left: 329px;
   }

   .portfolio__slider-main .slick-arrow {
      width: 30px;
   }
   
   .portfolio__slider-main .slick-arrow.slick-next {
        right: -40px;
        background: url(../img/right-arrow.svg) 0 0 / 100% no-repeat;
        border-style: none;
    }
    
    .portfolio__slider-main .slick-arrow.slick-prev {
        left: -40px;
        background: url(../img/left-arrow.svg) 0 0 / 100% no-repeat;
        border-style: none;
    }   

   .portfolio__slider {
      margin-right: 0;
   }

   .portfolio__slider-big {
      margin-right: 0;
   }
}

@media (max-width: 768px) {
   .portfolio__head {
      font-weight: 800;
      font-size: 25px;
      line-height: 35px;
      color: #0d0d0d;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 15px;
   }

   .portfolio__head--sub {
      font-weight: 500;
      font-size: 18px;
      line-height: 27px;
      color: #0d0d0d;
      text-align: center;
      text-transform: uppercase;
   }

   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 405px 250px;
      left: 146px;
      top: 150px;
      z-index: -1;
   }

   .portfolio__column {
      display: inline-block;
   }

   .portfolio__column--left {
      
      margin-left: 0px;
   }

   .portfolio__column--right {
      margin-left: 60px;
      margin-top: 40px;
   }

   .portfolio__head--left {
      margin-right: 70px;
   }

   .portfolio__objects--left {
      max-width: 125px;
      margin-right: 115px;
   }

   .portfolio__slider-main .slick-arrow.slick-next {
      right: -20px;
   }

   .portfolio__slider-main .slick-arrow.slick-prev {
      left: -20px;
   }

   .image__items-11 {
      top: 1141px;
      left: 255px;
   }
}

@media (max-width: 640px) {
   .portfolio__column--left {
      margin-left: 30px;
   }

   .portfolio__column--right {
      margin-left: 65px;
   }

   .image__items-11 {
      top: 1142px;
      left: 198px;
   }

   .portfolio__head {
      font-size: 22px;
      line-height: 30px;
   }

   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 410px 175px;
      left: 146px;
      top: 165px;
      z-index: -1;
   }
}

@media (max-width: 425px) {
   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 375px 135px;
      left: 78px;
      top: 195px;
      z-index: -1;
   }
   

   .portfolio__slider-main .slick-arrow.slick-prev {
      left: -40px;
   }

   .portfolio__slider-main .slick-arrow.slick-next {
      right: -40px;
   }

   .portfolio__slider .slick-dots {
      display: flex;
      margin: 20px -190px;
   }

   .portfolio__slide {
      flex-basis: 30px;
      max-width: 30px;
      height: 45px;
   }

   .portfolio__column--left {
     
      margin-left: 30px;
   }

   .portfolio__column--right {
      margin-left: 60px;
   }
   
   .portfolio__slider-big {
      margin-left: 0;
      margin-right: 0;
   }
}

@media (max-width: 414px){
    .portfolio__column--left {
        margin-left: 25px;
    }
    
    .portfolio__column--right {
        margin-left: 55px;
    }
}

@media (max-width: 390px) {
   .backgroung__portfolio {
      display: none;
   }
   
   .portfolio__column--right {
        margin-left: 30px;
    }
    
    .portfolio__column--left {
        margin-left: 15px;
    }
}

@media (max-width: 375px) {
   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 375px 135px;
      left: 50px;
      top: 225px;
      z-index: -1;
   }
   
   .portfolio__column--left {
        margin-left: 0px;
    }
    
    .portfolio {
        margin-bottom: 115px;
    }
}

@media (max-width: 320px) {
   .backgroung__portfolio {
      position: absolute;
      background-color: #f2d680;
      padding: 375px 135px;
      left: 25px;
      top: 225px;
      z-index: -1;
   }
}

@media (max-width: 1024px) {
   .backgroung__about {
      padding: 14px 60px;
      left: 412px;
      top: 15px;
   }

   .about__head {
      font-size: 32px;
      line-height: 40px;
   }

   .about__title {
      margin-bottom: 95px;
   }

   .about__top--text {
      font-weight: 500;
      font-size: 22px;
      line-height: 35px;
   }

   .about__bottom--text {
      font-weight: 500;
      font-size: 22px;
      line-height: 35px;
   }

   .title--top {
      font-size: 30px;
      line-height: 37px;
   }

   .title--bottom {
      font-size: 30px;
      line-height: 37px;
   }

   .about__numbers {
      padding-right: 30px;
      margin-left: 65px;
   }

   .about__right--text {
      flex-basis: 200px;
      max-width: 200px;
   }

   .about__subtitle {
      font-size: 24px;
      line-height: 31px;
   }

   .about__list-text {
      font-size: 22px;
      line-height: 31px;
   }
}

@media (max-width: 960px) {
   .backgroung__about {
      left: 380px;
   }

   .about__numbers {
      padding-right: 15px;
   }
}

@media (max-width: 782px){
    .about__numbers {
        font-size: 100px;
        line-height: 80px;
   }
   
   .about__right--subtitle {
        margin-bottom: 50px;
        margin-left: 205px;
    }
}

@media (max-width: 768px) {
   .about__head {
      font-size: 25px;
      line-height: 35px;
   }

   .backgroung__about {
      left: 295px;
      padding: 12px 55px;
   }

   .about__title {
      margin-bottom: 40px;
   }

   .title--top {
      font-size: 22px;
      line-height: 30px;
   }

   .title--bottom {
      font-size: 22px;
      line-height: 32px;
   }

   .about__top--text {
      font-weight: 500;
      font-size: 20px;
      line-height: 35px;
   }

   .about__bottom--text {
      font-weight: 500;
      font-size: 20px;
      line-height: 35px;
   }

   .about__numbers {
      padding-right: 15px;
      margin-left: 35px;
      flex-basis: 175px;
      max-width: 175px;
      font-size: 100px;
      line-height: 80px;
   }

   .about__right--text {
      font-size: 20px;
      line-height: 30px;
   }

   .about__right--subtitle {
      margin-bottom: 50px;
      margin-left: 135px;
   }

   .about__subtitle {
      font-size: 20px;
      line-height: 35px;
   }

   .about__column--content {
      margin-left: 50px;
   }

   .about__column--item-text {
      margin-bottom: 30px;
   }

   .about__img-list {
      padding-right: 15px;
      flex-basis: 70px;
      max-width: 70px;
   }

   .about__list-text {
      font-size: 20px;
      line-height: 35px;
   }
}

@media (max-width: 640px) {
   .backgroung__about {
      left: 235px;
      padding: 10px 55px;
      top: 11px;
   }

   .about__column {
      flex-wrap: wrap;
   }

   .about__head {
      font-size: 22px;
      line-height: 30px;
   }

   .about__img--item {
      flex-basis: 80px;
      max-width: 80px;
   }

   .title--top {
      font-size: 20px;
      line-height: 25px;
   }

   .title--bottom {
      font-size: 20px;
      line-height: 32px;
   }

   .about__column--left {
      margin-bottom: 90px;
   }

   .about__numbers {
      margin-left: 0px;
      padding-right: 25px;
   }

   .about__right--text {
      flex-basis: 365px;
      max-width: 365px;
   }

   .about__right--subtitle {
      margin-bottom: 50px;
      margin-left: 0px;
      text-align: center;
   }

   .about__img-list {
      padding-right: 20px;
   }

   .about__column--content {
      margin-left: 0px;
   }

   .about__content {
      flex-basis: 617px;
      max-width: 617px;
   }
}

@media (max-width: 425px) {
   .backgroung__about {
      left: 145px;
      padding: 10px 45px;
   }

   .title--top {
      font-size: 18px;
      line-height: 20px;
   }

   .title--bottom {
      font-size: 18px;
      line-height: 25px;
   }

   .about__top--text {
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
   }

   .about__bottom--text {
      font-weight: 500;
      font-size: 18px;
      line-height: 28px;
   }

   .about__right--text {
      font-size: 18px;
      line-height: 26px;
   }

   .about__subtitle {
      font-size: 18px;
      line-height: 27px;
   }

   .about__list-text {
      font-size: 18px;
      line-height: 30px;
   }
}

@media (max-width: 414px){
    .about__inner {
        margin-bottom: 120px;
        margin-top: 140px;
    }
}

@media (max-width: 390px){
    .about__inner {
        margin-bottom: 120px;
    }
}

@media (max-width: 375px) {
   .about__numbers {
      padding-right: 15px;
   }

   .backgroung__about {
      left: 120px;
      padding: 10px 40px;
   }
   
   .about__inner {
        margin-bottom: 80px;
        margin-top: 50px;
    }
    
    .about__head {
        margin-bottom: 60px;
    }
}

@media (max-width: 1024px) {
   .image__items-5 {
      position: absolute;
      top: 360px;
      left: 655px;
      flex-basis: 40px;
      max-width: 40px;
   }

   .contacts__content {
      margin-right: 110px;
   }

   .contacts__title {
      font-size: 35px;
      line-height: 44px;
   }

   .contacts__subtitle {
      flex-basis: 525px;
      max-width: 525px;
      font-size: 22px;
      line-height: 31px;
   }
}

@media (max-width: 960px) {
   .contacts__content {
      margin-right: 150px;
   }

   .contacts__title {
      font-size: 30px;
      line-height: 40px;
   }

   .contacts__subtitle {
      font-size: 20px;
      line-height: 30px;
   }

   .contacts__form {
      padding-top: 120px;
   }

   .contacts__input {
      width: 310px;
      font-size: 18px;
      line-height: 24px;
   }

   .image__items-5 {
      top: 353px;
      left: 623px;
   }
}

@media (max-width: 800px){
    .about__numbers{
        font-size: 100px;
    }
}

@media (max-width: 768px) {
   .contacts__content {
      margin-right: 110px;
   }

   .contacts__title {
      font-size: 25px;
      line-height: 38px;
   }

   .contacts__subtitle {
      font-size: 16px;
      line-height: 25px;
   }

   .contacts__input {
      width: 260px;
      font-size: 16px;
      line-height: 24px;
   }

   .image__items-5 {
      top: 352px;
      left: 481px;
   }
}

@media (max-width: 640px) {
   .contacts__title {
      font-size: 22px;
      line-height: 35px;
      padding-top: 130px;
   }

   .contacts__content {
      margin-right: 35px;
   }

   .contacts__subtitle {
      flex-basis: 350px;
      max-width: 350px;
   }

   .contacts__input {
      width: 243px;
      font-size: 16px;
      line-height: 24px;
   }

   .image__items-5 {
      top: 352px;
      left: 370px;
   }
}

@media (max-width: 425px) {
   .contacts__column {
      flex-wrap: wrap;
   }

   .contacts__content {
      margin-right: 0px;
   }

   .contacts__subtitle {
      padding-bottom: 60px;
   }

   .contacts {
      height: 100vh;
   }

   .contacts__inner {
      height: 100vh;
   }

   .contacts__form {
      padding-top: 0px;
   }

   .contacts__btn {
      margin-top: 80px;
      margin-left: 17px;
   }

   .image__items-5 {
      top: 565px;
      left: 10px;
   }

   .contacts__input {
      width: 255px;
   }

   .contacts__title {
      padding-top: 90px;
   }
}

@media (max-width: 414px){
    .contacts {
        height: 70vh;
    }
    
    .contacts__title {
        padding-top: 55px;
    }
}

@media (max-width: 390px){
    .contacts {
        height: 70vh;
    }
    
    .contacts__title {
        padding-top: 40px;
    }
}

@media (max-width: 375px){
    .contacts {
        height: 90vh;
    }
    
    .contacts__title {
        padding-top: 40px;
    }
}

@media (max-width: 1024px) {
   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 15px 120px;
      left: 505px;
      top: 35px;
      z-index: -1;
   }

   .work__title-top {
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      text-transform: uppercase;
      color: #0d0d0d;
      text-align: center;
      margin-bottom: 70px;
   }

   .work__column--left {
      padding-left: 40px;
      padding-right: 60px;
      padding-top: 0px;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 120px 123px;
      left: 765px;
      top: 110px;
      z-index: -1;
   }

   .work__img {
      flex-basis: 300px;
      max-width: 300px;
      margin-left: 0px;
   }

   .work__bonus {
      z-index: 1;
      position: absolute;
      padding: 21px 20px;
      background-color: #ffff;
      top: 155px;
      left: 645px;
   }

   .work__text--bonus {
      flex-basis: 155px;
      max-width: 155px;
      font-weight: 800;
      font-size: 25px;
      line-height: 30px;
   }

   .backgroung__work--column {
      position: absolute;
      left: 233px;
      top: 160px;
      z-index: -1;
   }

   .work__img-2 {
      flex-basis: 300px;
      max-width: 300px;
      margin-left: 20px;
   }

   .work__bonus-2 {
      z-index: 1;
      position: absolute;
      padding: 21px 20px;
      background-color: #ffff;
      top: 565px;
      left: 250px;
   }

   .backgroung__work-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 140px 123px;
      left: 12px;
      top: 520px;
      z-index: -1;
   }

   .work__column--right-2 {
      padding-left: 40px;
      padding-top: 0px;
      margin-left: 74px;
   }

   .backgroung__work--column-2 {
      position: absolute;
      left: 635px;
      top: 560px;
      z-index: -1;
   }

   .work__column--left-3 {
      padding-left: 40px;
      padding-right: 170px;
      padding-top: 20px;
   }

   .backgroung__work--column-3 {
      position: absolute;
      left: 250px;
      top: 1000px;
      z-index: -1;
   }

   .work__bonus-3 {
      z-index: 1;
      position: absolute;
      padding: 21px 20px;
      background-color: #ffff;
      top: 1005px;
      left: 640px;
   }

   .work__text--bonus-3 {
      flex-basis: 155px;
      max-width: 155px;
      font-weight: 800;
      font-size: 25px;
      line-height: 30px;
   }

   .backgroung__work-3 {
      position: absolute;
      background-color: #f2d680;
      padding: 115px 123px;
      left: 765px;
      top: 1055px;
      z-index: -1;
   }

   .work__column--left {
      padding-left: 39px;
      padding-right: 85px;
      padding-top: 0px;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 120px 123px;
      left: 712px;
      top: 110px;
      z-index: -1;
   }

   .work__img {
      flex-basis: 280px;
      max-width: 280px;
      margin-left: 0px;
   }

   .work__text {
      flex-basis: 585px;
      max-width: 585px;
      font-weight: 500;
      font-size: 22px;
      line-height: 35px;
      text-transform: inherit;
      align-items: center;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 120px 123px;
      left: 700px;
      top: 115px;
      z-index: -1;
   }

   .work__img {
      flex-basis: 300px;
      max-width: 300px;
      margin-left: 0px;
   }
}

@media (max-width: 960px) {
   .work__column--right-2 {
      padding-left: 39px;
      padding-top: 0px;
      margin-left: 95px;
   }

   .work__bonus {
      top: 150px;
      left: 575px;
   }

   .work__column--left-3 {
      padding-left: 39px;
      padding-right: 150px;
      padding-top: 20px;
   }

   .item__text-3 {
      flex-basis: 430px;
      max-width: 430px;
   }

   .backgroung__work--column-3 {
      position: absolute;
      left: 230px;
      top: 1000px;
      z-index: -1;
   }

   .backgroung__work-3 {
      position: absolute;
      background-color: #f2d680;
      padding: 115px 123px;
      left: 700px;
      top: 1055px;
      z-index: -1;
   }

   .work__bonus-3 {
      z-index: 1;
      position: absolute;
      padding: 21px 20px;
      background-color: #ffff;
      top: 1005px;
      left: 575px;
   }
}

@media (max-width: 800px){
    .backgroung__work--title {
        left: 410px;
        top: 35px;
    }
    
    .backgroung__work--column {
        position: absolute;
        left: 176px;
        top: 160px;
        z-index: -1;
    }
    
    .work__column--left {
        padding-right: 25px;
    }
    
    .work__bonus {
        top: 150px;
        left: 465px;
    }
    
    .work__column--right-2 {
        margin-left: 15px;
    }
    
    .backgroung__work--column-2 {
        left: 505px;
    }
    
    .work__column--left-3 {
        padding-right: 60px;
    }
    
    .backgroung__work--column-3 {
        left: 150px;
    }
    
    .work__bonus-3 {
        top: 1020px;
        left: 460px;
    }
}

@media (max-width: 782px){
    .backgroung__work--title {
        position: absolute;
        background-color: #f2d680;
        padding: 15px 120px;
        left: 440px;
        top: 35px;
        z-index: -1;
    }
    
    .backgroung__work--column {
        position: absolute;
        left: 175px;
        top: 160px;
        z-index: -1;
    }
    
    .work__text {
        font-size: 20px;
        line-height: 35px;
    }
    
    .work__bonus {
        top: 144px;
        left: 435px;
    }
    
    .work__column--left {
        padding-left: 39px;
        padding-right: 45px;
        padding-top: 0px;
    }
    
    .work__column--right-2 {
        padding-left: 39px;
        padding-top: 0px;
        margin-left: 20px;
    }
    
    .backgroung__work--column-2 {
        left: 495px;
    }
    
    .work__column--left-3 {
        padding-left: 39px;
        padding-right: 65px;
        padding-top: 20px;
    }
    
    .backgroung__work-3 {
        top: 1087px;
    }
    
    .backgroung__work--column-3 {
        left: 150px;
    }
    
    .work__bonus-3 {
        top: 1020px;
        left: 438px;
    }
}

@media (max-width: 768px) {
   .work__title-top {
      font-weight: 800;
      font-size: 25px;
      line-height: 35px;
      text-transform: uppercase;
      color: #0d0d0d;
      text-align: center;
      margin-bottom: 70px;
   }

   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 12px 95px;
      left: 402px;
      top: 32px;
      z-index: -1;
   }

   .work__text {
      flex-basis: 585px;
      max-width: 585px;
      font-weight: 500;
      font-size: 20px;
      line-height: 35px;
      text-transform: inherit;
      align-items: center;
   }

   .work__column--left::before {
      content: "";
      margin-left: -115px;
      margin-bottom: -135px;
      display: inline-block;
      box-sizing: border-box;
      width: 180px;
      height: 2px;
      border: solid #0d0d0d;
      rotate: 90deg;
   }

   .work__column--left {
      padding-left: 26px;
      padding-right: 35px;
      padding-top: 0px;
   }

   .work__img {
      flex-basis: 225px;
      max-width: 225px;
      margin-left: 0px;
      height: 270px;
   }

   .work__text--bonus {
      flex-basis: 155px;
      max-width: 155px;
      font-weight: 800;
      font-size: 20px;
      line-height: 30px;
   }

   .work__bonus {
      top: 145px;
      left: 470px;
   }

   .work__bonus-2 {
      top: 545px;
      left: 175px;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 647px;
      top: 115px;
      z-index: -1;
   }

   .work__img-2 {
      flex-basis: 225px;
      max-width: 225px;
      margin-left: 20px;
      height: 270px;
   }

   .backgroung__work-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 647px;
      top: 115px;
      z-index: -1;
   }

   .work__column--right-2::before {
      content: "";
      margin-left: -115px;
      margin-bottom: -135px;
      display: inline-block;
      box-sizing: border-box;
      width: 180px;
      height: 2px;
      border: solid #0d0d0d;
      rotate: 90deg;
   }

   .work__column--right-2 {
      padding-left: 26px;
      padding-top: 0px;
      margin-left: 38px;
   }

   .backgroung__work--column-2 {
      position: absolute;
      left: 469px;
      top: 535px;
      z-index: -1;
   }

   .item__text-3 {
      flex-basis: 405px;
      max-width: 405px;
   }

   .backgroung__work-3 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 645px;
      top: 1090px;
      z-index: -1;
   }

   .work__column--left-3 {
      padding-left: 26px;
      padding-right: 75px;
      padding-top: 20px;
   }

   .work__column--left-3::before {
      content: "";
      margin-left: -85px;
      margin-bottom: -98px;
      display: inline-block;
      box-sizing: border-box;
      width: 120px;
      height: 2px;
      border: solid #0d0d0d;
      rotate: 90deg;
   }

   .backgroung__work--column-3 {
      position: absolute;
      left: 200px;
      top: 935px;
      z-index: -1;
   }

   .backgroung__work--column {
      position: absolute;
      left: 200px;
      top: 160px;
      z-index: -1;
   }

   .backgroung__work-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 15px;
      top: 505px;
      z-index: -1;
   }
}

@media (max-width: 640px) {
   .work__title-top {
      font-size: 22px;
      line-height: 30px;
   }

   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 12px 80px;
      left: 340px;
      top: 30px;
      z-index: -1;
   }

   .work__column--left {
      padding-left: 26px;
      padding-right: 35px;
      padding-top: 0px;
   }

   .work__column--left::before {
      margin-bottom: -120px;
   }

   .backgroung__work--column {
      position: absolute;
      left: 155px;
      top: 140px;
      z-index: -1;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 520px;
      top: 110px;
      z-index: -1;
   }

   .work__img {
      flex-basis: 190px;
      max-width: 190px;
      margin-left: 0px;
      height: 260px;
   }

   .work__bonus {
      top: 140px;
      left: 415px;
      padding: 16px 20px;
   }

   .work__text {
      font-size: 16px;
      line-height: 32px;
   }

   .work__img-2 {
      flex-basis: 190px;
      max-width: 190px;
      margin-left: 20px;
      height: 260px;
   }

   .backgroung__work-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 15px;
      top: 490px;
      z-index: -1;
   }

   .work__column--right-2 {
      margin-left: 33px;
   }

   .work__bonus-2 {
      top: 530px;
      left: 135px;
      padding: 16px 20px;
   }

   .work__column--right-2::before {
      margin-bottom: -120px;
   }

   .backgroung__work--column-2 {
      position: absolute;
      left: 395px;
      top: 525px;
      z-index: -1;
   }

   .item__text-3 {
      flex-basis: 320px;
      max-width: 320px;
   }

   .backgroung__work-3 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 519px;
      top: 1050px;
      z-index: -1;
   }

   .work__bonus-3 {
      z-index: 1;
      position: absolute;
      padding: 16px 20px;
      background-color: #ffff;
      top: 910px;
      left: 415px;
   }

   .work__text--bonus-3 {
      font-size: 20px;
      line-height: 30px;
   }

   .backgroung__work--column-3 {
      position: absolute;
      left: 155px;
      top: 900px;
      z-index: -1;
   }

   .work__column--left-3::before {
      margin-bottom: -88px;
   }
}

@media (max-width: 600px){
    .work__bonus {
        top: 140px;
        left: 375px;
        padding: 16px 20px;
    }
    
    .work__bonus-3 {
        top: 958px;
        left: 379px;
    }
    
    .backgroung__work--title {
        padding: 10px 80px;
        left: 308px;
        top: 33px;
    }
}

@media (max-width: 425px) {
   .work__title-top {
      margin-bottom: 50px;
   }

   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 10px 80px;
      left: 235px;
      top: 30px;
      z-index: -1;
   }

   .work__column {
      flex-wrap: wrap;
   }

   .work__column--left {
      padding-left: 25px;
      padding-right: 0px;
      padding-top: 0px;
   }

   .backgroung__work {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 303px;
      top: 665px;
      z-index: -1;
   }

   .backgroung__work--column {
      display: none;
   }

   .work__img {
      margin-top: 50px;
      flex-basis: 100%;
      max-width: 100%;
      margin-left: 0px;
      height: 370px;
   }

   .work__bonus {
      top: 405px;
      left: 10px;
      padding: 16px 20px;
   }

   .work__column-2 {
      flex-wrap: wrap;
      margin-top: 80px;
      margin-bottom: 80px;
   }

   .work__img-2 {
      margin-top: 50px;
      flex-basis: 100%;
      max-width: 100%;
      margin-left: 15px;
      height: 395px;
   }

   .backgroung__work-2 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 12px;
      top: 885px;
      z-index: -1;
   }

   .work__column--right-2 {
      padding-left: 25px;
      margin-left: 0px;
      margin-top: 40px;
   }

   .backgroung__work--column-2 {
      display: none;
   }

   .work__bonus-2 {
      top: 910px;
      left: 300px;
      padding: 16px 20px;
   }

   .work__column-3 {
      flex-wrap: wrap;
   }

   .work__img-3 {
      margin-top: 50px;
      flex-basis: 100%;
      max-width: 100%;
      margin-left: 15px;
      height: 395px;
   }

   .work__column--left-3 {
      padding-left: 25px;
      padding-right: 75px;
      padding-top: 20px;
   }

   .backgroung__work-3 {
      position: absolute;
      background-color: #f2d680;
      padding: 55px 55px;
      left: 300px;
      top: 2190px;
      z-index: -1;
   }

   .work__bonus-3 {
      z-index: 1;
      position: absolute;
      padding: 16px 20px;
      background-color: #ffff;
      top: 1925px;
      left: 10px;
   }

   .backgroung__work--column-3 {
      display: none;
   }
}

@media (max-width: 414px){
    .backgroung__work {
      display: none;
   }

   .backgroung__work-2 {
      display: none;
   }

   .backgroung__work-3 {
      display: none;
   }
   
   .work__bonus {
        top: 370px;
        left: 10px;
        padding: 16px 20px;
    }
    
    .work__img-2 {
        margin-left: 0px;
        height: 420px;
    }
    
    .work__bonus-2 {
        top: 880px;
        left: 305px;
        padding: 16px 20px;
    }
    
    .work__bonus-3 {
        top: 1920px;
    }
}

@media (max-width: 390px){
    
    .backgroung__work--title {
        left: 120px;
    }
    
    .backgroung__work {
        display: none;
    }
    
    .backgroung__work-2 {
        display: none;
    }
    
    .backgroung__work-3 {
        display: none;
    }
    
    .work__bonus {
        top: 435px;
        left: 10px;
        padding: 16px 20px;
    }
    
    .work__img-2 {
        margin-left: 0px;
    }
    
    .work__bonus-2 {
        top: 940px;
        left: 281px;
        padding: 16px 20px;
    }
    
    .work__bonus-3 {
        top: 2010px;
    }
}

@media (max-width: 375px) {
   .work__title-top {
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 40px;
   }

   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 10px 80px;
      left: 200px;
      top: 30px;
      z-index: -1;
   }

   .backgroung__work {
      display: none;
   }

   .backgroung__work-2 {
      display: none;
   }

   .backgroung__work-3 {
      display: none;
   }

   .work__img-2 {
      margin-left: 0px;
   }
   
   .work__bonus {
      top: 395px;
   }

   .work__bonus-2 {
      top: 900px;
      left: 266px;
      padding: 16px 20px;
   }

   .work__bonus-3 {
      top: 1970px;
   }

   .work__column--left::before {
      margin-bottom: -135px;
   }
}

@media (max-width: 360px){
    .work__bonus-3 {
        top: 2030px;
    }
    
    .work__bonus-2 {
        top: 925px;
        left: 251px;
    }
    
    .work__bonus {
        top: 420px;
    }
    
    .backgroung__work--title {
        padding: 10px 47px;
        left: 226px;
        top: 30px;
    }
}

@media (max-width: 320px) {
   .backgroung__work--title {
      position: absolute;
      background-color: #f2d680;
      padding: 10px 80px;
      left: 85px;
      top: 30px;
      z-index: -1;
   }

   .work__bonus {
      top: 485px;
      left: 10px;
      padding: 16px 20px;
   }

   .work__bonus-2 {
      top: 990px;
      left: 210px;
      padding: 16px 20px;
   }

   .work__bonus-3 {
      top: 2190px;
   }
}

@media (max-width: 1024px) {
   .benefits__title-top {
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      text-transform: uppercase;
      color: #0d0d0d;
      text-align: center;
      margin-bottom: 70px;
   }

   .backgroung__benefits--title {
      position: absolute;
      background-color: #f2d680;
      padding: 12px 85px;
      left: 267px;
      top: 35px;
      z-index: -1;
   }

   .backgroung__benefits {
      position: absolute;
      background-color: #f2d680;
      padding: 139px 226px;
      left: 49px;
      top: 350px;
      rotate: -90deg;
      z-index: -1;
   }

   .image__items-1 {
      position: absolute;
      top: 715px;
      left: 641px;
      flex-basis: 40px;
      max-width: 40px;
   }

   .header__button {
      margin-right: 5px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 370px;
      max-width: 370px;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 300px;
      max-width: 280px;
      top: 325px;
      left: 245px;
   }

   .column__right {
      margin-left: 215px;
   }

   .benefits__contents {
      padding-right: 20px;
   }
}

@media (max-width: 960px) {
   .benefits__title-top {
      font-weight: 800;
      font-size: 32px;
      line-height: 40px;
      text-transform: uppercase;
      color: #0d0d0d;
      text-align: center;
      margin-bottom: 70px;
   }

   .benefits__title--item {
      font-weight: 500;
      font-size: 22px;
      line-height: 29px;
   }

   .image__items-1 {
      position: absolute;
      top: 715px;
      left: 617px;
   }

   .backgroung__benefits--title {
      position: absolute;
      background-color: #f2d680;
      padding: 12px 85px;
      left: 232px;
      top: 35px;
      z-index: -1;
   }
}

@media (max-width: 800px){
    
    .backgroung__benefits--title {
        left: 150px;
        top: 35px;
    }
    
    .benefits__img--top {
        flex-basis: 290px;
        max-width: 290px;
    }
    
    .backgroung__benefits {
        left: 20px;
        top: 350px;
    }
    
    .benefits__img--bottom {
        flex-basis: 280px;
        max-width: 280px;
        top: 325px;
        left: 187px;
    }
}

@media (max-width: 782px){
    .benefits__img--top {
        position: relative;
        flex-basis: 306px;
        max-width: 300px;
    }
    
    .benefits__img--bottom {
        position: absolute;
        flex-basis: 300px;
        max-width: 230px;
        top: 410px;
        left: 195px;
    }
    
    .backgroung__benefits {
        position: absolute;
        background-color: #f2d680;
        padding: 114px 226px;
        left: 21px;
        top: 350px;
        rotate: -90deg;
        z-index: -1;
    }   
    
    .column__right {
        margin-left: 140px;
    }
}

@media (max-width: 768px) {
   .benefits__title-top {
      font-weight: 800;
      font-size: 25px;
      line-height: 35px;
      text-transform: uppercase;
      color: #0d0d0d;
      text-align: center;
      margin-bottom: 70px;
   }

   .backgroung__benefits--title {
      position: absolute;
      background-color: #f2d680;
      padding: 10px 70px;
      left: 190px;
      top: 35px;
      z-index: -1;
   }

   .image__items-1 {
      position: absolute;
      top: 704px;
      left: 460px;
   }

   .header__button {
      margin-right: 5px;
   }

   .benefits__title--item {
      font-weight: 500;
      font-size: 20px;
      line-height: 27px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 300px;
      max-width: 300px;
   }

   .backgroung__benefits {
      position: absolute;
      background-color: #f2d680;
      padding: 115px 190px;
      left: 35px;
      top: 343px;
      rotate: -90deg;
      z-index: -1;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 230px;
      max-width: 230px;
      top: 395px;
      left: 150px;
   }

   .column__right {
      margin-left: 120px;
   }
}

@media (max-width: 640px) {
   .benefits__title-top {
      font-size: 22px;
      line-height: 30px;
   }

   .backgroung__benefits--title {
      padding: 10px 60px;
      left: 150px;
      top: 32px;
   }

   .column__right {
      margin-left: 105px;
   }

   .benefits__items--logo {
      flex-basis: 60px;
      max-width: 60px;
   }

   .benefits__title--item {
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 250px;
      max-width: 250px;
   }

   .backgroung__benefits {
      position: absolute;
      background-color: #f2d680;
      padding: 107px 190px;
      left: -14px;
      top: 309px;
      rotate: -90deg;
      z-index: -1;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 210px;
      max-width: 210px;
      top: 350px;
      left: 98px;
   }

   .image__items-1 {
      position: absolute;
      top: 636px;
      left: 371px;
   }
}

@media (max-width: 425px) {
   .backgroung__benefits--title {
      left: 40px;
   }

   .column__right {
      margin-left: 17px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 200px;
      max-width: 170px;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 150px;
      max-width: 150px;
      top: 332px;
      left: 10px;
   }

   .backgroung__benefits {
      display: none;
   }

   .benefits__title--item {
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
   }

   .benefits__items--logo {
      flex-basis: 45px;
      max-width: 45px;
   }

   .benefits__items {
      flex-basis: 206px;
      max-width: 206px;
      padding-left: 10px;
   }

   .benefits__contents {
      padding-right: 10px;
   }

   .image__items-1 {
      position: absolute;
      top: 538px;
      left: 184px;
      flex-basis: 30px;
      max-width: 30px;
   }
}

@media (max-width: 414px) {
   .backgroung__benefits--title {
      left: 20px;
   }
   
   .benefits {
        margin-top: 50px;
        margin-bottom: 150px;
    }

   .benefits__column {
      flex-wrap: wrap;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 150px;
      max-width: 255px;
      top: 567px;
      left: 85px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
   }

   .column__right {
      margin-left: 100px;
      margin-top: 320px;
   }

   .benefits__items {
      padding-left: 0px;
   }

   .image__items-1 {
      position: absolute;
      top: 1394px;
      left: 72px;
      flex-basis: 30px;
      max-width: 30px;
   }
}

@media (max-width: 390px){
    .benefits__img--bottom {
        left: 70px;
    }
    
    .column__right {
        margin-left: 90px;
        margin-top: 320px;
    }
    
    .benefits {
        margin-bottom: 150px;
    }
}

@media (max-width: 375px) {
   .backgroung__benefits--title {
      left: 20px;
   }
   
   .benefits {
        margin-top: 65px;
    }

   .benefits__column {
      flex-wrap: wrap;
   }

   .column__right {
      margin-left: 17px;
      margin-top: 201px;
   }

   .benefits__img--bottom {
      position: absolute;
      flex-basis: 150px;
      max-width: 255px;
      top: 567px;
      left: 65px;
   }

   .benefits__img--top {
      position: relative;
      flex-basis: 100%;
      max-width: 100%;
   }

   .column__right {
      margin-left: 75px;
      margin-top: 320px;
   }

   .benefits__items {
      padding-left: 0px;
   }

   .image__items-1 {
      position: absolute;
      top: 1394px;
      left: 72px;
      flex-basis: 30px;
      max-width: 30px;
   }
}

@media (max-width: 320px) {
    .benefits {
        margin-top: 100px;
        margin-bottom: 80px;
    }
    
   .column__right {
      margin-left: 75px;
      margin-top: 385px;
   }
   
   .benefits__img--bottom {
        left: 35px;
    }
    
    .column__right {
        margin-left: 50px;
        margin-top: 385px;
    }
}

@media (max-width: 1440px) {
   .image__items {
      position: absolute;
      left: 11px;
      top: 635px;
   }
}

@media (max-width: 1024px) {

   .menu {
      padding: 60px 35px;
  }

  .logo {
   padding: 30px 20px;
   }


   .header__title {
      flex-basis: 585px;
      max-width: 585px;
      margin-top: 100px;
      font-weight: 800;
      font-size: 38px;
      line-height: 55px;
     }

   .backgroung__head--top {
      padding: 15px 80px;
      left: 200px;
      top: 276px;
   }

   .backgroung__head--bottom {
      padding: 15px 160px;
      left: 20px;
      top: 385px;
   }

   .arrow__item {
      flex-basis: 60px;
      max-width: 60px;
      padding-right: 10px;
   }

   .bottom__items {
      display: flex;
      align-items: center;
   }

   .header__bottom {
      flex-basis: 197px;
      max-width: 197px;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
   }

   .image__items {
      top: 552px;
      flex-basis: 40px;
      max-width: 40px;
      left: 16px;
   }

   .header__button {
      margin-right: 5px;
   }

   .header__button::after {
      content: "";
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url(../img/telephone.svg);
      left: -22px;
      top: 39px;
   }

   .image__head {
      flex-basis: 367px;
      max-width: 367px;
      height: 535px;
   }

   .menu__list--active {
      font-size: 22px;
      line-height: 44px;
      padding: 50px;
      opacity: 1;
      transition: 0.5s;
   }

   .menu__item {
      text-align: left;
   }
}


@media (max-width: 960px) {

   .header__title {
      font-size: 35px;
      line-height: 50px;
   }

   .backgroung__head--top {
      padding: 15px 70px;
      left: 185px;
      top: 230px;
   }

   .backgroung__head--bottom {
      padding: 15px 150px;
      left: 20px;
      top: 330px;
   }

   .bottom__items {
      display: flex;
      align-items: center;
      flex-basis: 317px;
      max-width: 317px;
      margin-left: 30px;
   }

   .menu__list--active {
      font-size: 22px;
      line-height: 44px;
      padding: 50px;
      opacity: 1;
      transition: 0.5s;
   }

   .header__button {
      font-size: 14px;
      line-height: 16px;
      padding: 22px 32px;
   }

   .header__button::after {
      content: "";
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url(../img/telephone.svg);
      left: -22px;
      top: 32px;
   }

   .header__bottom {
      flex-basis: 160px;
      max-width: 160px;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
   }

   .image__items {
      top: 530px;
   }

   .image__head {
      flex-basis: 349px;
      max-width: 349px;
   }
}

@media (max-width: 800px){
    .header__title {
        font-size: 30px;
        line-height: 45px;
        margin-top: 50px;
        margin-right: 66px;
    }
    
    .image__head {
        flex-basis: 250px;
        max-width: 250px;
        height: 400px;
    }
    
    .bottom__items {
        margin-left: 15px;
    }
    
    .backgroung__head--top {
        padding: 13px 65px;
        left: 158px;
        top: 217px;
    }
    
    .backgroung__head--bottom {
        padding: 15px 135px;
        left: 14px;
        top: 298px;
    }
}

@media (max-width: 782px){
    
    .backgroung__head--bottom {
        padding: 15px 80px;
        left: 90px;
        top: 310px;
    }
    
    .backgroung__head--top {
        padding: 15px 60px;
        left: 160px;
        top: 219px;
    }
    
    .header__title {
        font-size: 30px;
        line-height: 45px;
        margin-top: 50px;
        margin-right: 0px;
    }
    
    .header__text{
        flex-basis: 465px
    }
    
    .image__head {
        flex-basis: 250px;
        max-width: 250px;
        height: 400px;
    }
    
    .bottom__items {
        margin-left: 10px;
    }
    
    .arrow__item {
        flex-basis: 50px;
        max-width: 50px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
   .menu__list--active {
      font-size: 22px;
      line-height: 44px;
      padding: 50px;
      opacity: 1;
      transition: 0.5s;
   }

   .menu {
      padding: 57px 26px;
      height: 35px;
   }

   .header__title {
      font-size: 30px;
      line-height: 45px;
      margin-top: 55px;
      margin-right: 35px;
   }

   .header__subtitle {
      padding-top: 30px;
      font-size: 20px;
      line-height: 30px;
   }

   .backgroung__head--top {
      padding: 12px 60px;
      left: 160px;
      top: 225px;
   }

   .backgroung__head--bottom {
      padding: 12px 120px;
      left: 17px;
      top: 315px;
   }

   .button__headline-1 {
      margin-top: 40px;
   }

   .header__button {
      flex-basis: 185px;
      max-width: 185px;
      margin-right: 0px;
      font-size: 12px;
      line-height: 14px;
      padding: 22px 25px;
   }

   .header__button::after {
      content: "";
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url(../img/telephone.svg);
      left: -22px;
      top: 30px;
   }

   .header__bottom {
      flex-basis: 135px;
      max-width: 135px;
      font-weight: 500;
      font-size: 12px;
      line-height: 18px;
   }

   .bottom__items {
      margin-left: 22px;
   }

   .image__items {
      top: 425px;
   }

   .arrow__item {
      flex-basis: 70px;
      max-width: 70px;
   }

   .image__head {
      flex-basis: 250px;
      max-width: 250px;
      height: 400px;
   }
}

@media (max-width: 640px) {
   .menu__list--active {
      font-size: 22px;
      line-height: 44px;
      padding: 50px;
      opacity: 1;
      transition: 0.5s;
   }

   .header__left {
      padding-left: 25px;
      margin-right: 35px;
   }

   .logo {
      padding: 25px 25px;
   }

   .item__img {
      flex-basis: 15px;
      max-width: 15px;
      padding-right: 10px;
   }
   .header__phone {
      font-size: 12px;
      line-height: 18px;
   }

   .header__text {
      font-size: 12px;
      line-height: 18px;
   }

   .header__list {
      padding: 60px 15px;
   }

   .header__title {
      font-size: 28px;
      line-height: 40px;
      margin-top: 35px;
      margin-right: 60px;
   }

   .header__subtitle {
      padding-top: 20px;
   }

   .button__headline-1 {
      margin-left: 0px;
      margin-top: 30px;
   }

   .header__button {
      font-size: 11px;
   }

   .header__button::after {
      display: none;
   }

   .image__items {
      display: none;
   }

   .backgroung__head--top {
      padding: 12px 60px;
      left: 150px;
      top: 200px;
   }

   .backgroung__head--bottom {
      padding: 12px 65px;
      left: 17px;
      top: 320px;
   }

   .bottom__items {
      margin-left: 10px;
   }

   .arrow__item {
      flex-basis: 50px;
      max-width: 50px;
      padding-right: 10px;
   }

   .image__head {
      flex-basis: 215px;
      max-width: 215px;
      height: 340px;
   }
}

@media (max-width: 604px){
    .header__title {

        margin-right: 25px;
    }
    
    .bottom__items {
        margin-top: 50px;
    }
    
    .arrow__item {
        padding-right: 0px;
        rotate: 90deg;
    }
    
    .button__headline-1 {
        display: inline-block;
        margin-top: 40px;
    }
}

@media (max-width: 600px){
    
    .header__title {
        margin-right: 20px;
    }
    
    .button__headline-1 {
        display: inline-block;
        margin-top: 40px;
    }
    
    .bottom__items {
        margin-top: 50px;
    }
    
    .arrow__item {
        padding-right: 0px;
        rotate: 90deg;
    }
}

@media (max-width: 425px) {
    
    .header {
        height: 100vh;
    }
    
   .menu__list--active {
      font-size: 20px;
      line-height: 44px;
      padding: 30px;
      opacity: 1;
      transition: 0.5s;
   }

   .logo {
        padding: 54px 15px;
    }
    
    .backgroung__head--bottom {
        padding: 12px 65px;
        left: 17px;
        top: 325px;
    }
    
    .header__title {
        margin-right: 55px;
    }

   .header__left {
        padding-left: 10px;
        margin-right: 0px;
        padding-bottom: 10px;
    }
    
    .header__right {
        padding-left: 10px;
        max-width: 90px;
        white-space: normal;
    }
   
   .header__info {
        display: inline-block;
    }

   .item__img {
      flex-basis: 15px;
      max-width: 15px;
      padding-right: 5px;
   }

   .header__list {
      padding: 0px 10px;
   }

   .social-item {
      padding-right: 10px;
   }

   .social__img-header-1 {
      padding-bottom: 10px;
      padding-right: 0;
   }

   .menu {
      padding: 59px 20px;
   }

   .menu__btn {
      width: 25px;
   }

   .image__head {
      display: none;
   }
}

@media (max-width: 414px){
    
    .arrow__item {
      flex-basis: 55px;
      max-width: 55px;
      rotate: 90deg;
      padding-right: 0;
   }
   
   .button__headline-1 {
        margin-top: 50px;
        display: block;
    }
    
    .bottom__items {
        margin-top: 50px;
    }
    
    .social-item {
        padding-right: 10px;
    }
    
    .header__list {
        padding: 23px 10px;
    }
}

@media (max-width: 390px){
    
    .social-item {
        padding-right: 10px;
    }
   
   .bottom__items {
        margin-left: 10px;
        margin-top: 50px;
    }
    
    .button__headline-1 {
        margin-left: 0px;
        margin-top: 50px;
        display: block;
    }
    
    .backgroung__head--bottom {
        padding: 12px 65px;
        left: 17px;
        top: 305px;
    }
    
    .header__title {
        font-size: 28px;
        line-height: 35px;
        margin-top: 35px;
        margin-right: 40px;
    }
}

@media (max-width: 375px) {
    
   .menu__list--active {
      font-size: 19px;
      line-height: 44px;
      padding: 30px;
      opacity: 1;
      transition: 0.5s;
   }
   
   .backgroung__head--bottom {
      top: 305px;
   }
   
   .social-item {
        padding-right: 10px;
    }

   .header__title {
      margin-top: 35px;
      margin-right: 25px;
   }
   
   .header__list {
        display: flex;
        padding: 31px 15px;
    }

   .image__items {
      display: block;
      flex-basis: 30px;
      max-width: 30px;
      top: 416px;
      left: 10px;
   }

   .bottom__items {
      margin-left: 0px;
      margin-top: 50px;
   }

   .button__headline-1 {
      display: block;
      margin-left: 15px;
      margin-top: 45px;
   }

   .header__items {
      margin-left: 0px;
      flex-wrap: wrap;
   }

   .item__img {
      padding-bottom: 10px;
   }
}

@media (max-width: 360px){
    .header__column {
        margin-bottom: 110px;
    }
    
    .header__title {
        margin-top: 35px;
        margin-right: 10px;
    }
}

@media (max-width: 320px) {
    
   .backgroung__head--bottom {
      padding: 12px 65px;
      left: 93px;
      top: 316px;
   }

   .social-item {
      padding-right: 5px;
   }

   .backgroung__head--bottom {
      padding: 12px 65px;
      left: 11px;
      top: 342px;
   }

   .backgroung__head--top {
      padding: 12px 60px;
      left: 150px;
      top: 198px;
   }
   
   .bottom__items {
        margin-left: 0px;
        margin-top: 70px;
    }
    
    .header__title {
        margin-top: 35px;
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
   .portfolio__description {
      display: block;
   }

   .porfolio__name {
      display: block;
   }
   .portfolio__slider-main .slick-arrow {
      width: 30px;
      height: 34px;
   }
   .portfolio__image-slider {
      padding: 60px 40px;
   }
   .portfolio__slider-big--item{
       text-align: center;
    height: 400px;
   }
   
}
@media (max-width: 425px) {
   .portfolio .button__headline {
      position: relative;
   }
   .portfolio .image__items-11 {
      left: 79px;
      top: 18px;
   }
   .portfolio__image-slider{
       padding:0;
   }
   .portfolio__slider-big--item {
    text-align: center;
        height: 440px;
}
.portfolio__column {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.portfolio__column--left, .portfolio__column--right{
    width: 100%;
}
.portfolio__slide {
    flex-basis: 80px;
    max-width: 80px;
    height: 110px;
}
.portfolio__column--left{
    margin:0;
}
}
@media (max-width: 375px) {
   .portfolio .image__items-11 {
      left: 54px;
      top: 18px;
   }
}

#arrowTop {
   position: fixed;
   width: 50px;
   height: 50px;
   bottom: 0px;
   right: 0px;
   cursor: pointer;
   z-index: 99;
}