@font-face {
   font-family: "DINPro";
   font-display: swap;
   src: url("../assets/fonts/DINPro-Bold.woff2") format("woff2"),url("../assets/fonts/DINPro-Bold.woff") format("woff");
   font-weight: 700;
   font-style: normal
 }
 @font-face {
   font-family: "DINPro";
   font-display: swap;
   src: url("../assets/fonts/DINPro-BoldItalic.woff2") format("woff2"),url("../assets/fonts/DINPro-BoldItalic.woff") format("woff");
   font-weight: 700;
   font-style: italic
 }
 @font-face {
   font-family: "DINPro";
   font-display: swap;
   src: url("../assets/fonts/DINPro-LightItalic.woff2") format("woff2"),url("../assets/fonts/DINPro-LightItalic.woff") format("woff");
   font-weight: 300;
   font-style: italic
 }
 @font-face {
   font-family: "DINPro";
   font-display: swap;
   src: url("../assets/fonts/DINPro-Regular.woff2") format("woff2"),url("../assets/fonts/DINPro-Regular.woff") format("woff");
   font-weight: 400;
   font-style: normal
 }
 @font-face {
   font-family: "DINPro_Condensed";
   font-display: swap;
   src: url("../assets/fonts/DINPro-CondensedMedium.woff2") format("woff2"),url("../assets/fonts/DINPro-CondensedMedium.woff") format("woff");
   font-weight: 500;
   font-style: normal
 }
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
 }
 sub {
   bottom: -0.25em
 }
 sup {
   top: -0.5em
 }
 button,
 input,
 optgroup,
 select,
 textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
 }
 button,
 input {
   overflow: visible
 }
 button,
 select {
   text-transform: none
 }
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button
 }
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0
 }
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText
 }
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto
 }
 [type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px
 }
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none
 }
 ::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
 }
 template {
   display: none
 }
 [hidden] {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   border: 0 none;
   visibility: visible;
   clip-path: inset(100%)
 }
 * {
   padding: 0;
   margin: 0;
   box-sizing: border-box
 }
 *:before,
 *:after {
   box-sizing: border-box
 }
 html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
 }
 body {
   font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: "DINPro",cursive;
   font-weight: 700;
   color: #4a447d;
   min-width: 320px
 }
 input::-ms-clear {
   display: none
 }
 button {
   cursor: pointer
 }
 progress {
   vertical-align: baseline
 }
 a {
   color: inherit
 }
 a,
 a:hover,
 a:visited {
   text-decoration: none
 }
 ul li {
   list-style: none
 }
 img {
   vertical-align: top
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: inherit;
   font-weight: inherit
 }
 .circle {
   position: relative;
   border-left: 1px solid #979595;
   padding-left: 50px
 }
 @media only screen and (max-width: 991.8px) {
   .circle {
     padding-left: 25px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .circle {
     padding-left: 0;
     border: none
   }
 }
 .circle::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 25px;
   height: 25px;
   transform: translate(-50%, -100%);
   border: 3px solid #4a447d;
   background-color: transparent;
   border-radius: 50%
 }
 @media only screen and (max-width: 991.8px) {
   .circle::before {
     display: none
   }
 }
 .circle::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 25px;
   height: 25px;
   transform: translate(-50%, 100%);
   border: 3px solid #4a447d;
   background-color: transparent;
   border-radius: 50%
 }
 @media only screen and (max-width: 991.8px) {
   .circle::after {
     display: none
   }
 }
 .container {
   max-width: 1200px;
   margin: 0 auto
 }
 .container--cards {
   max-width: 1140px
 }
 @media only screen and (max-width: 1439.8px) {
   .container {
     padding: 0 60px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .container {
     max-width: 992px;
     padding: 0 45px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .container {
     max-width: 768px;
     padding: 0 30px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .container {
     max-width: 768px;
     padding: 0 15px
   }
 }
 .logo {
   width: 63px;
   height: 35px
 }
 .subtitle {
   font-size: 26px;
   font-family: "DINPro_Condensed",cursive;
   font-weight: 500;
   text-align: center;
   color: #444a4c
 }
 @media only screen and (max-width: 1139.8px) {
   .subtitle {
     font-size: 20px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .subtitle {
     font-size: 18px
   }
 }
 .text {
   font-size: 24px;
   color: #444a4c;
   font-weight: 400
 }
 @media only screen and (max-width: 1439.8px) {
   .text {
     font-size: 20px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .text {
     font-size: 16px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .text {
     font-size: 14px
   }
 }
 .text--bold {
   font-weight: 700
 }
 .text--font {
   font-weight: 300;
   font-style: italic
 }
 .title {
   font-size: 29px;
   font-weight: 700
 }
 @media only screen and (max-width: 1439.8px) {
   .title {
     font-size: 24px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .title {
     font-size: 20px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .title {
     font-size: 18px
   }
 }
 .title--color {
   color: #4a447d
 }
 .header {
   position: relative;
   padding-top: 50px;
   padding-bottom: 25px;
   box-shadow: 0 0 5px #444a4c
 }
 @media only screen and (max-width: 991.8px) {
   .header {
     padding-top: 60px;
     padding-bottom: 20px
   }
 }
 .header__logo {
   position: absolute;
   top: 41px;
   left: 25px
 }
 @media only screen and (max-width: 1139.8px) {
   .header__logo {
     position: absolute;
     top: 15px;
     left: 50%;
     transform: translateX(-50%)
   }
 }
 .header__title {
   font-size: 24px;
   text-align: center;
   color: #c95540;
   text-transform: uppercase
 }
 @media only screen and (max-width: 767.8px) {
   .header__title {
     font-size: 18px
   }
 }
 .info {
   padding-top: 100px;
   padding-bottom: 100px
 }
 @media only screen and (max-width: 1139.8px) {
   .info {
     padding-top: 50px;
     padding-bottom: 50px
   }
 }
 .info__wrap {
   display: flex;
   justify-content: space-between;
   margin-bottom: 50px
 }
 @media only screen and (max-width: 991.8px) {
   .info__wrap {
     flex-direction: column-reverse;
     align-items: center
   }
 }
 .info__title {
   max-width: 700px;
   margin-bottom: 50px;
   font-size: 60px
 }
 @media only screen and (max-width: 1439.8px) {
   .info__title {
     max-width: 600px;
     font-size: 50px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .info__title {
     max-width: 600px;
     font-size: 40px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .info__title {
     font-size: 30px;
     margin-bottom: 25px
   }
 }
 .info__text {
   max-width: 680px;
   margin-bottom: 100px
 }
 @media only screen and (max-width: 991.8px) {
   .info__text {
     margin-bottom: 50px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .info__text {
     margin-bottom: 25px
   }
 }
 .info__item {
   position: relative;
   padding-left: 155px;
   margin-bottom: 80px
 }
 @media only screen and (max-width: 991.8px) {
   .info__item {
     padding-left: 120px;
     margin-bottom: 40px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .info__item {
     padding-left: 70px;
     margin-bottom: 20px
   }
 }
 .info__item::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: 125px;
   height: 125px;
   background: url("../assets/images/number.jpg") no-repeat center center;
   background-size: 100%
 }
 @media only screen and (max-width: 991.8px) {
   .info__item::before {
     width: 100px;
     height: 100px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .info__item::before {
     width: 60px;
     height: 60px
   }
 }
 .info__item:last-child {
   margin-bottom: 0
 }
 .info__item:nth-of-type(2)::before {
   content: '';
   background: url("../assets/images/quotes.jpg") no-repeat center center;
   width: 100px;
   height: 100px;
   background-size: 100%
 }
 @media only screen and (max-width: 991.8px) {
   .info__item:nth-of-type(2)::before {
     width: 75px;
     height: 75px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .info__item:nth-of-type(2)::before {
     width: 60px;
     height: 60px
   }
 }
 .info__item:nth-of-type(2) .info__item-text {
   margin-bottom: 8px
 }
 .info__item-text {
   max-width: 720px
 }
 @media only screen and (max-width: 991.8px) {
   .info__item-text {
     max-width: 490px
   }
 }
 .info__item-subtext {
   max-width: 675px
 }
 .info__wrap-img {
   margin-right: -110px
 }
 @media only screen and (max-width: 1439.8px) {
   .info__wrap-img {
     margin-right: 0
   }
 }
 @media only screen and (max-width: 991.8px) {
   .info__wrap-img {
     align-self: center
   }
 }
 @media only screen and (max-width: 767.8px) {
   .info__wrap-img {
     align-self: flex-end
   }
 }
 .info__img {
   height: 620px
 }
 @media only screen and (max-width: 1439.8px) {
   .info__img {
     height: 550px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .info__img {
     height: 300px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .info__img {
     height: 250px
   }
 }
 .cards {
   padding-bottom: 100px
 }
 @media only screen and (max-width: 1139.8px) {
   .cards {
     padding-bottom: 50px
   }
 }
 .cards__wrap {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: 1fr;
   column-gap: 50px
 }
 @media only screen and (max-width: 1139.8px) {
   .cards__wrap {
     column-gap: 30px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .cards__wrap {
     grid-template-columns: 1fr;
     row-gap: 30px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .cards__wrap {
     row-gap: 20px
   }
 }
 .cards__info {
   padding: 15px 25px 50px 25px;
   text-align: center;
   box-shadow: 0px 0px 8px 0px #444a4c;
   border-radius: 25px
 }
 .cards__img {
   margin-bottom: 15px
 }
 .cards__title {
   margin-bottom: 25px
 }
 .cards__list {
   text-align: left
 }
 .cards__item {
   position: relative;
   padding-left: 25px;
   margin-bottom: 10px
 }
 .cards__item::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
   width: 10px;
   height: 10px;
   background-color: #444a4c;
   border-radius: 50%
 }
 .cards__item:last-child {
   margin-bottom: 0
 }
 .Problems:nth-of-type(3) {
   padding-bottom: 75px
 }
 @media only screen and (max-width: 991.8px) {
   .Problems:nth-of-type(3) {
     padding-bottom: 35px
   }
 }
 .Problems:nth-of-type(4) {
   background-color: #e9e9e9
 }
 .Problems__description {
   margin: 0 auto;
   margin-bottom: 75px;
   font-size: 40px;
   text-align: center;
   color: #c95540
 }
 @media only screen and (max-width: 1439.8px) {
   .Problems__description {
     font-size: 30px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__description {
     margin-bottom: 35px;
     font-size: 25px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .Problems__description {
     font-size: 20px
   }
 }
 .Problems__wrap {
   display: flex;
   justify-content: center;
   align-items: center
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__wrap {
     flex-direction: column;
     align-items: center
   }
 }
 .Problems__wrap--indent {
   padding-top: 75px;
   padding-bottom: 75px
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__wrap--indent {
     padding-top: 35px;
     padding-bottom: 35px
   }
 }
 .Problems__wrap-img {
   margin-right: 50px
 }
 @media only screen and (max-width: 1139.8px) {
   .Problems__wrap-img {
     margin-right: 75px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__wrap-img {
     margin-right: 0;
     margin-bottom: 20px
   }
 }
 .Problems__wrap-img--indent_mr {
   margin-right: 95px
 }
 @media only screen and (max-width: 1139.8px) {
   .Problems__wrap-img--indent_mr {
     margin-right: 75px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__wrap-img--indent_mr {
     margin-right: 0;
     margin-bottom: 20px
   }
 }
 .Problems__wrap-img--indent {
   margin-right: 0;
   margin-left: 75px
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__wrap-img--indent {
     margin-left: 0;
     margin-top: 20px;
     margin-bottom: 0
   }
 }
 @media only screen and (max-width: 1439.8px) {
   .Problems__img {
     width: 400px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .Problems__img {
     width: 300px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__img {
     width: 220px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__info {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center
   }
 }
 .Problems__title {
   max-width: 472px;
   font-size: 29px;
   color: #c95540
 }
 @media only screen and (max-width: 1439.8px) {
   .Problems__title {
     font-size: 24px;
     max-width: 400px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .Problems__title {
     font-size: 20px;
     max-width: 400px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__title {
     margin-bottom: 10px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .Problems__title {
     font-size: 18px
   }
 }
 .Problems__text {
   max-width: 605px;
   margin-bottom: 25px
 }
 @media only screen and (max-width: 991.8px) {
   .Problems__text {
     margin-bottom: 15px
   }
 }
 .Problems__text:last-child {
   margin-bottom: 0
 }
 .product {
   padding-bottom: 100px
 }
 @media only screen and (max-width: 1139.8px) {
   .product {
     padding-top: 50px;
     padding-bottom: 50px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product {
     padding-top: 30px
   }
 }
 .product__wrap {
   display: flex;
   flex-direction: column;
   align-items: center
 }
 .product__text {
   max-width: 1025px;
   margin-bottom: 25px;
   text-align: center
 }
 .product__name {
   max-width: 1000px;
   margin-bottom: 100px;
   text-align: center
 }
 @media only screen and (max-width: 1439.8px) {
   .product__name {
     margin-bottom: 70px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__name {
     margin-bottom: 50px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .product__name {
     margin-bottom: 35px
   }
 }
 .product__title {
   max-width: 1170px;
   margin-bottom: 35px;
   font-size: 52px;
   text-align: center
 }
 @media only screen and (max-width: 1439.8px) {
   .product__title {
     max-width: 1050px;
     font-size: 30px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__title {
     font-size: 25px;
     margin-bottom: 20px
   }
 }
 .product__info {
   max-width: 850px;
   text-align: center;
   margin-bottom: 70px
 }
 @media only screen and (max-width: 991.8px) {
   .product__info {
     margin-bottom: 35px
   }
 }
 .product__subtext {
   display: inline
 }
 .product__content {
   display: flex
 }
 @media only screen and (max-width: 991.8px) {
   .product__content {
     flex-direction: column;
     align-items: center;
     text-align: center
   }
 }
 .product__wrap-img {
   position: relative
 }
 .product__wrap-img::before {
   content: '';
   position: absolute;
   top: 0;
   right: -300px;
   z-index: -1;
   width: 163px;
   height: 731px;
   background: url("../assets/images/product-line.jpg") no-repeat center center;
   background-size: 100%
 }
 @media only screen and (max-width: 1439.8px) {
   .product__wrap-img::before {
     right: -250px;
     width: 135px;
     height: 633px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .product__wrap-img::before {
     right: -190px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__wrap-img::before {
     display: none
   }
 }
 .product__subtitle {
   transform: translatey(-50%);
   max-width: 315px
 }
 @media only screen and (max-width: 991.8px) {
   .product__subtitle {
     max-width: 220px
   }
 }
 @media only screen and (max-width: 1439.8px) {
   .product__img {
     height: 600px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__img {
     height: 500px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .product__img {
     height: 350px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .product__img {
     height: 300px
   }
 }
 .product__list {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   margin-left: 320px;
   min-height: 600px;
   padding-top: 100px;
   padding-bottom: 90px
 }
 @media only screen and (max-width: 1439.8px) {
   .product__list {
     margin-left: 250px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .product__list {
     margin-left: 200px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__list {
     flex-wrap: wrap;
     justify-content: flex-start;
     flex-direction: row;
     min-height: auto;
     margin-left: 0px;
     padding-top: 0;
     padding-bottom: 0
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__item {
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1 0 50%;
     margin-bottom: 40px
   }
   .product__item:last-child {
     margin-bottom: 0
   }
 }
 @media only screen and (max-width: 767.8px) {
   .product__item {
     flex: 1 1 100%
   }
 }
 @media only screen and (max-width: 575.8px) {
   .product__item {
     margin-bottom: 25px
   }
 }
 .product__item:nth-of-type(2) {
   padding-left: 45px
 }
 @media only screen and (max-width: 1139.8px) {
   .product__item:nth-of-type(2) {
     padding-left: 25px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__item:nth-of-type(2) {
     padding-left: 0
   }
 }
 .product__item-text {
   max-width: 367px
 }
 .product__heading {
   max-width: 450px
 }
 @media only screen and (max-width: 1439.8px) {
   .product__heading {
     max-width: 400px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .product__heading {
     max-width: 330px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .product__heading {
     margin-bottom: 15px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .product__heading {
     margin-bottom: 5px
   }
 }
 .feed .container {
   position: relative
 }
 .feed__text {
   position: relative;
   padding-left: 60px;
   max-width: 730px;
   margin: 0 auto;
   margin-bottom: 100px
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__text {
     max-width: 640px;
     margin-bottom: 50px
   }
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__text {
     max-width: 722px;
     margin: 0 auto 0 auto
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__text {
     max-width: 550px;
     margin: 0 auto 50px auto;
     padding-left: 80px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__text {
     margin: 0 0 50px auto
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__text {
     padding-left: 100px;
     margin: 0 auto 50px auto
   }
 }
 .feed__text::before {
   content: '';
   position: absolute;
   top: 50%;
   left: -20%;
   transform: translateY(-50%);
   width: 175px;
   height: 165px;
   background: url("../assets/images/feeding.jpg") no-repeat center center;
   background-size: 100%
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__text::before {
     left: -12%;
     width: 132px;
     height: 140px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__text::before {
     left: 0%;
     width: 85px;
     height: 85px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .feed__text::before {
     top: 0px;
     transform: none
   }
 }
 .feed__wrap-img {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: flex-end
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__wrap-img {
     justify-content: flex-start
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__wrap-img {
     flex-direction: column;
     align-items: center
   }
 }
 .feed__wrap-img::before {
   content: '';
   position: absolute;
   top: -16%;
   left: 3%;
   width: 140px;
   height: 455px;
   background: url("../assets/images/line-left.png") no-repeat center center;
   background-size: 100%
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__wrap-img::before {
     top: -29%;
     left: 7%;
     width: 111px
   }
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__wrap-img::before {
     top: -20%;
     left: 0%;
     width: 90px;
     z-index: -1
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__wrap-img::before {
     top: -30%;
     left: 4%;
     width: 75px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__wrap-img::before {
     display: none
   }
 }
 .feed__wrap-img::after {
   content: '';
   position: absolute;
   top: 51%;
   right: -1%;
   width: 58px;
   height: 445px;
   background: url("../assets/images/line-right.png") no-repeat center center;
   background-size: 100%
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__wrap-img::after {
     right: 5%;
     width: 45px
   }
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__wrap-img::after {
     right: 4%;
     top: 46%;
     width: 43px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__wrap-img::after {
     top: 66%;
     right: 8%;
     width: 37px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__wrap-img::after {
     top: 64%;
     width: 29px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__wrap-img::after {
     display: none
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__product {
     align-self: flex-start;
     margin-left: 50px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__product {
     align-self: center;
     margin-left: 0
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__product:nth-of-type(2) {
     align-self: center;
     margin-top: -100px;
     margin-right: 50px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__product:nth-of-type(2) {
     margin-top: 0
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__product:nth-of-type(2) {
     align-self: center;
     margin-right: 0
   }
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__img {
     width: 350px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__img {
     width: 350px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__img {
     width: 250px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .feed__img {
     width: 200px
   }
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__img--size_w {
     width: 380px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__img--size_w {
     width: 380px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__img--size_w {
     width: 270px
   }
 }
 @media only screen and (max-width: 575.8px) {
   .feed__img--size_w {
     width: 220px
   }
 }
 .feed__subtitle {
   max-width: 250px;
   transform: translatey(-50%);
   margin: 0 auto
 }
 @media only screen and (max-width: 767.8px) {
   .feed__subtitle {
     max-width: 150px;
     transform: translatey(-40%)
   }
 }
 .feed__info {
   position: absolute;
   top: 34%;
   right: 0;
   max-width: 190px;
   color: #444a4c;
   align-self: center
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__info {
     right: 3%
   }
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__info {
     right: 10%
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__info {
     top: 65%
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__info {
     right: 5%
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__info {
     position: relative;
     top: auto;
     right: auto;
     max-width: 100%;
     text-align: center;
     margin-bottom: 25px
   }
 }
 .feed__text-bot {
   margin: 0 auto;
   max-width: 1030px;
   padding: 25px;
   background-color: #4a447d;
   border-radius: 25px
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__text-bot {
     max-width: 800px
   }
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__text-bot {
     max-width: 796px
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__text-bot {
     max-width: 670px
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__text-bot {
     max-width: 490px
   }
 }
 .feed__text-bot span {
   display: block;
   max-width: 570px;
   margin: 0 auto;
   font-size: 24px;
   color: #fff;
   text-align: center
 }
 @media only screen and (max-width: 1279.8px) {
   .feed__text-bot span {
     font-size: 18px;
     max-width: 450px
   }
 }
 @media only screen and (max-width: 767.8px) {
   .feed__text-bot span {
     font-size: 16px
   }
 }
 .feed__research {
   position: absolute;
   bottom: 0;
   right: -10%;
   font-size: 16px;
   height: 1200px;
   text-align: left;
   color: #444a4c;
   writing-mode: vertical-rl;
   transform: rotate(180deg)
 }
 @media only screen and (max-width: 1499.9px) {
   .feed__research {
     right: -8%
   }
 }
 @media only screen and (max-width: 1439.8px) {
   .feed__research {
     right: 2%
   }
 }
 @media only screen and (max-width: 1139.8px) {
   .feed__research {
     right: 2%
   }
 }
 @media only screen and (max-width: 991.8px) {
   .feed__research {
     position: relative;
     height: 100%;
     margin-top: 25px;
     writing-mode: initial;
     transform: rotate(0deg);
     font-size: 14px;
     right: auto;
     text-align: center
   }
 }
 .footer {
   padding-top: 50px;
   padding-bottom: 50px
 }
 .footer__wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center
 }
 .footer__logo {
   margin-bottom: 15px
 }
 .footer__link {
   color: #444a4c;
   margin-bottom: 15px
 }
 .footer__list {
   display: flex
 }
 .footer__item {
   margin-right: 5px
 }
 .footer__item:last-child {
   margin-right: 0
 }
 .footer__icon {
   height: 32px
 }
 @media only screen and (max-width: 767.8px) {
   .footer__icon {
     height: 24px
   }
 }