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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.lock {
  overflow: hidden;
}

body.active {
  overflow: hidden;
}

.container-base {
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 575.98px) {
  .container-base {
    max-width: 540px;
  }
}
@media (min-width: 767.98px) {
  .container-base {
    max-width: 720px;
  }
}
@media (min-width: 991.98px) {
  .container-base {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-base {
    max-width: 1400px;
    padding: 0 30px 0 100px;
  }
}

.img-adaptive {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.img-adaptive > picture img {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.img-adaptive > img {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.wrap-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100dvh;
  width: 100%;
  line-height: 150%;
  background-color: var(--bg-color);
}

.main-base {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  font-size: 16px;
  color: var(--text-color);
}

.main-base a {
  color: inherit;
}

.d-none {
  display: none;
}

.border-bt {
  border-bottom: var(--border);
}

.underline {
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 120%;
  padding: 11px 21px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  border-radius: 19px;
  background: var(--accent-color);
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .btn-main {
    white-space: normal;
    word-break: break-word;
  }
}

.btn-main-arrow {
  border-radius: 28px;
  background: var(--accent-color);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 120%;
  padding: 17px 30px 17px 40px;
  gap: 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.btn-main-arrow svg path {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.bd-right {
  border-right: var(--border);
}

.bd-left {
  border-left: var(--border);
}

.bd-right-after {
  position: relative;
}

.bd-right-after::after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  width: 0.5px;
  height: 100%;
  background-color: #fff;
}

.icon-arrow-main {
  width: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.icon-arrow-main svg {
  width: 100%;
  height: 100%;
}

.icon-arrow-main svg circle {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.icon-arrow-main svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes fadeInScale {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes fadeInSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInSlideUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes fadeInSlideRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeInSlideRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes underlineExpand {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes underlineExpand {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.animate-hidden {
  opacity: 0;
  will-change: transform, opacity;
}

.animate-circle {
  -webkit-animation: fadeInScale 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fadeInScale 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.animate-text {
  -webkit-animation: fadeInSlideUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fadeInSlideUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.animate-logo {
  -webkit-animation: fadeInSlideRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fadeInSlideRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.animate-promo {
  -webkit-animation: fadeInSlideRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
          animation: fadeInSlideRight 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.fade-in-js {
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}

.fade-in-js.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.slide-up-js {
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.slide-up-js.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.heading-gradient {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(var(--accent-color)), to(#fff));
  background: linear-gradient(90deg, #fff, var(--accent-color), #fff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: gradient 4s linear infinite;
          animation: gradient 4s linear infinite;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

.input-error {
  border-bottom: 1px solid var(--error-color) !important;
}

.text-upper {
  text-transform: uppercase;
}

.link-all-projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 120%;
  padding: 22px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  background: var(--accent-color);
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.case-realize-idea__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 75px;
  padding-bottom: 75px;
  gap: 20px;
}

.case-realize-idea__title {
  font-family: var(--font-main);
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 480px;
  line-height: 120%;
}

.semicircle-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: -1.5% 0 0 0;
  z-index: 2;
}

.semicircle-elements__item {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.semicircle-elements__item svg {
  width: 100%;
  height: 100%;
  -webkit-animation: pulse 4s infinite ease-in-out;
          animation: pulse 4s infinite ease-in-out;
}

@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}

@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}

@-webkit-keyframes gradientFlow {
  0% {
    stop-color: #0043F1;
  }

  50% {
    stop-color: #00A3F1;
  }

  100% {
    stop-color: #0043F1;
  }
}

@keyframes gradientFlow {
  0% {
    stop-color: #0043F1;
  }

  50% {
    stop-color: #00A3F1;
  }

  100% {
    stop-color: #0043F1;
  }
}

.gradient-stop-2,
.gradient-stop-3,
.gradient-stop-6 {
  -webkit-animation: gradientFlow 3s infinite ease-in-out;
          animation: gradientFlow 3s infinite ease-in-out;
}

.breadscrumbs {
  margin-bottom: 40px;
  position: relative;
  z-index: 8;
}

.breadscrumbs__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 120%;
  font-size: 14px;
  font-family: var(--font-main);
  color: var(--gray-color-light);
}

.breadscrumbs__ul li {
  position: relative;
  font-weight: 400;
}

.breadscrumbs__ul li:not(:first-child)::before {
  content: "-";
  margin: 0 12px;
}

.breadscrumbs__link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.img-adaptive {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.img-adaptive img {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.custom-case-ami {
  font-family: "Inter", sans-serif !important;
}

.custom-case-ami a {
  color: inherit;
}

.custom-case-ami .link-all-projects {
  color: #fff;
}

.custom-case-ami .btn-main-arrow {
  color: #fff;
}

.page-case__target {
  padding-top: 100px;
  padding-bottom: 80px;
  background-color: #fff;
}

.page-case__guideline {
  padding-top: 80px;
}

.page-case__solution {
  padding-top: 80px;
  padding-bottom: 150px;
}

.page-case__delivery {
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-case__result-ami {
  padding-top: 100px;
  background-color: #fff;
}

.page-case__visual-guide-ami {
  padding-top: 100px;
  padding-bottom: 150px;
}

.container {
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}

.main-screen-ami__title {
  color: #fff;
  max-width: 1000px;
  width: 100%;
}

.main-screen-ami__title:not(:last-child) {
  margin-bottom: 100px;
}

.main-screen-ami__img {
  padding-top: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 90dvh;
  position: relative;
}

.main-screen-ami__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(44, 48, 66);
  mix-blend-mode: soft-light;
  opacity: 0.5500000119;
}

.container-case-main-ami {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-case-ami {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-case-section-ami {
  margin-right: auto;
  margin-left: auto;
}

.container-big-case-ami {
  max-width: 2560px;
  margin: 0 auto;
}

.title-case-ami {
  font-family: "Jost", sans-serif;
  font-size: 50px;
  line-height: 110%;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400;
}

.title-case-ami-main {
  font-family: "Jost", sans-serif;
  font-size: 60px;
  line-height: 110%;
  text-transform: uppercase;
  text-align: left;
  font-weight: 400;
}

.text-main-screen-ami {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff;
  padding: 0 0 40px 0;
}

.text-main-screen-ami__item:not(:last-child) {
  margin-right: 100px;
}

.item-text-main-ami__title {
  font-family: "Jost", sans-serif;
  font-size: 30px;
  margin-bottom: 20px;
}

.item-text-main-ami__ul {
  font-family: "Inter", sans-serif;
}

.item-text-main-ami__ul li {
  font-size: 18px;
  line-height: 150%;
}

.item-text-main-ami__ul li:not(:last-child) {
  margin: 0 0 10px 0;
}

.route-ami {
  background-color: #F7F7F7;
}

.route-ami__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 80px;
}

.point-route-ami {
  max-width: 574px;
  width: 100%;
}

.point-route-ami:not(:last-child) {
  margin: 0 40px 0 0;
}

.point-route-ami__title {
  font-family: "Jost", sans-serif;
  color: #000;
  margin-bottom: 20px;
  font-size: 50px;
}

.point-route-ami__p {
  line-height: 150%;
  font-size: 18px;
  font-weight: 300;
  color: #000;
}

.target-ami__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.2fr 0px 210px 0px 0.2fr 0px 0.2fr 0px 0.2fr 0px 0.4fr 0px 30px;
  grid-template-columns: 0.2fr 210px 0.2fr 0.2fr 0.2fr 0.4fr 30px;
  -ms-grid-rows: 0.8fr 0px 140px 0px 140px 0px 60px 0px 120px 0px 160px 0px 0.8fr;
  grid-template-rows: 0.8fr 140px 140px 60px 120px 160px 0.8fr;
  gap: 0px 0px;
  margin-top: -60px;
      grid-template-areas: ". . . . . Img1 ." "Img2 Img2 Img2 Img2 . Img1 ." "Img2 Img2 Img2 Img2 . . ." ". . . . . . ." ". . . Img3 Img3 Img3 Img3" ". Img4 . Img3 Img3 Img3 Img3" ". Img4 . . . . .";
}

.target-ami__images picture {
  display: contents;
}

.target-ami__images img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.Img1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 11;
  grid-area: Img1;
}

.Img2 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-area: Img2;
}

.Img3 {
  -ms-grid-row: 9;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 7;
  grid-area: Img3;
}

.Img4 {
  -ms-grid-row: 11;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: Img4;
}

.describe-text-block {
  max-width: 810px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.describe-text-block__title {
  color: #000;
  max-width: 574px;
  width: 100%;
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
  margin-bottom: 60px;
  text-align: left;
}

.describe-text-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.23fr 40px 1fr;
  grid-template-columns: 0.23fr 1fr;
  -ms-grid-rows: 0.3fr 40px 0.3fr;
  grid-template-rows: 0.3fr 0.3fr;
  row-gap: 40px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
      grid-template-areas: ". guideline-grid-title" "guideline-grid-span guideline-grid-p";
}

.describe-text-grid__title {
  color: #000;
  text-align: left;
  margin: 0 0 0 0;
}

.describe-text-grid__title_white {
  color: #fff;
  text-align: left;
  margin: 0 0 0 0;
}

.guideline-grid-title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: guideline-grid-title;
}

.guideline-grid-span {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: guideline-grid-span;
}

.guideline-grid-p {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: guideline-grid-p;
}

.text-describe-ami {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.text-describe-ami__title {
  font-size: 20px;
  line-height: 150%;
  color: #000;
  margin: 0 20px 0 0;
}

.text-describe-ami__title_white {
  font-size: 20px;
  line-height: 150%;
  color: #fff;
}

.text-describe-ami__p {
  max-width: 574px;
  width: 100%;
  line-height: 150%;
  font-size: 18px;
  font-weight: 300;
  color: #000;
}

.text-describe-ami__p p:not(:last-child) {
  margin: 0 0 20px 0;
}

.text-describe-ami__p span {
  font-weight: 500;
}

.text-describe-ami__p_white {
  max-width: 574px;
  width: 100%;
  line-height: 150%;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}

.guideline-ami {
  background-color: #9FCFEF;
}

.guideline-ami__text {
  margin-bottom: 60px;
}

.guideline-ami__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 0px 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
      grid-template-areas: "img-main img-main img-colors" "img-main img-main img-menu";
  margin-bottom: 80px;
}

.guideline-ami__images picture {
  display: contents;
}

.guideline-ami__images img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.guideline-ami__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.5fr 0.4fr 45px 1fr 90px;
  grid-template-columns: 1.5fr 0.4fr 45px 1fr 90px;
  -ms-grid-rows: 0.1fr 0.2fr 0.1fr;
  grid-template-rows: 0.1fr 0.2fr 0.1fr;
  gap: 35px 0px;
}

.guideline-ami__grid picture {
  display: contents;
}

.guideline-ami__grid img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
  height: 100%;
}

.grid-guideline-ami__p {
  width: 100%;
  line-height: 150%;
  font-size: 18px;
  font-weight: 300;
}

.img-main {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: img-main;
}

.img-colors {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: img-colors;
}

.img-menu {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: img-menu;
}

.grid-text-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/2/4;
}

.grid-img1 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/5/3;
}

.grid-text-2 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: 3/4/4/6;
}

.grid-img-2 {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-area: 4/2/5/6;
}

.solution-ami {
  background-color: #48494E;
}

.solution-ami__img-main {
  width: 100%;
  padding: 0 0 153% 0;
  margin-bottom: 160px;
}

.solution-ami__grid-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 140px 1.2fr;
  grid-template-columns: 1fr 1.2fr;
  -ms-grid-rows: 0fr 70px 1fr 100px;
  grid-template-rows: 0fr 70px 1fr 100px;
  -webkit-column-gap: 140px;
     -moz-column-gap: 140px;
          column-gap: 140px;
  grid-auto-flow: row;
      grid-template-areas: "solution-img1 solution-text" "solution-img1 ." "solution-img1 solution-img2" "solution-img1 .";
  margin-bottom: 100px;
}

.solution-ami__grid-menu picture {
  display: contents;
}

.solution-ami__grid-menu img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
  height: 100%;
}

.solution-img1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 1;
  grid-area: solution-img1;
}

.solution-text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: solution-text;
  padding-right: 20px;
}

.solution-img2 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: solution-img2;
}

.book-solution-ami {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 150px;
}

.book-solution-ami__p {
  max-width: 640px;
  width: 100%;
  font-weight: 300;
  line-height: 150%;
  font-size: 18px;
  color: #fff;
  margin-bottom: 80px;
}

.book-solution-ami__img {
  width: 100%;
  padding: 0 0 50% 0;
}

.menu-mob-solution {
  margin-bottom: 100px;
}

.menu-mob-solution__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 0.5fr 1fr 0.5fr 1fr;
  grid-template-columns: 1fr 1fr 0.5fr 1fr 0.5fr 1fr;
  -ms-grid-rows: 0.1fr 0.1fr 0.1fr 0.5fr 0.3fr 0.1fr;
  grid-template-rows: 0.1fr 0.1fr 0.1fr 0.5fr 0.3fr 0.1fr;
  gap: 0px 0px;
}

.menu-mob-solution__grid picture {
  display: contents;
}

.menu-mob-solution__grid img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.menu-mob-solution__img-min {
  z-index: 10;
}

.menu-mob-solution__p {
  font-weight: 300;
  line-height: 150%;
  font-size: 18px;
  color: #fff;
}

.mob-grid-ami-img1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/5/3;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.mob-grid-ami-text1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: 1/4/2/6;
  margin: 0 0 20px 0;
}

.mob-grid-ami-text2 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: 2/4/3/6;
  margin: 0 0 40px 0;
}

.mob-grid-ami-img2 {
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: 4/4/6/5;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.mob-grid-ami-bg {
  -ms-grid-row: 3;
  -ms-grid-row-span: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: 3/1/7/7;
}

.video-solution-ami__p {
  font-weight: 300;
  line-height: 150%;
  color: #fff;
  font-size: 18px;
  margin-bottom: 80px;
  max-width: 783px;
  width: 100%;
}

.video-solution-ami__player {
  height: 590px;
  position: relative;
}

.video-solution-ami__img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.video-solution-ami__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 120px;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.video-solution-ami__icon:hover {
  scale: 1.01;
}

.video-solution-ami__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-solution-ami__iframe {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.video-solution-ami__iframe .vp-center {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.video-solution-ami__iframe.active {
  display: block;
}

.video-solution-ami__iframe-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.delivery-ami {
  background-color: #FBF7F2;
}

.delivery-ami__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 0.3fr 0.3fr 1fr 1fr 1fr 1fr 0.2fr 0.3fr;
  grid-template-rows: 0.3fr 0.3fr 1fr 1fr 1fr 1fr 0.2fr 0.3fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-height: 680px;
  height: 100%;
}

.delivery-ami__grid img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.delivery-ami-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/8/4;
}

.delivery-ami-img2 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 6;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: 3/3/9/6;
}

.delivery-ami-img3 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: 2/5/7/8;
}

.result-ami {
  position: relative;
}

.result-ami::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background-color: #303030;
  z-index: -1;
}

.result-ami__text {
  margin-bottom: 160px;
}

.result-ami__title {
  font-size: 24px;
  line-height: 150%;
}

.result-ami__img {
  width: 100%;
  padding: 0 0 28% 0;
  background-size: contain !important;
}

.visual-guide-ami {
  background-color: #303030;
}

.visual-guide-ami__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.visual-guide-ami__fonts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.visual-guide-ami__fonts:not(:last-child) {
  margin-bottom: 100px;
}

.visual-guide-ami__title {
  font-size: 20px;
  color: #fff;
  line-height: 150%;
  margin-right: 190px;
}

.visual-guide-ami__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fonts-guide-ami__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 600px;
  width: 100%;
}

.fonts-guide-ami__name {
  font-family: "PlayfairDisplaySC", serif;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.fonts-guide-ami__name_b {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 30px;
  margin-bottom: 10px;
}

.fonts-guide-ami__p {
  font-family: "PlayfairDisplaySC", serif;
  color: #CECECE;
  text-transform: uppercase;
  font-size: 18px;
}

.fonts-guide-ami__p_b {
  font-family: "Montserrat", sans-serif;
  color: #CECECE;
  font-size: 18px;
}

.colors-guide-ami__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  row-gap: 60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.colors-guide-ami__item {
  width: 120px;
  height: 120px;
}

.colors-guide-ami__item > div {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.colors-guide-ami__color_a {
  background-color: #F89A44;
}

.colors-guide-ami__color_b {
  background-color: #48494E;
}

.colors-guide-ami__color_c {
  background-color: #9FCFEF;
}

.colors-guide-ami__color_d {
  background-color: #FBF7F2;
}

.colors-guide-ami__p {
  font-size: 18px;
  color: #fff;
  text-align: center;
}

@media (min-width: 575.98px) {
  .container-base {
    max-width: 540px;
  }

  .container-inside {
    max-width: 510px;
  }

  .container {
    max-width: 540px;
  }

  .container-inside {
    max-width: 510px;
  }
}

@media (min-width: 576px) {
  .container-case-main-ami {
    max-width: 540px;
  }

  .container-case-ami {
    max-width: 540px;
  }

  .container-case-section-ami {
    max-width: 540px;
  }
}

@media (min-width: 767.98px) {
  .container-base {
    max-width: 720px;
  }

  .container-inside {
    max-width: 690px;
  }

  .container {
    max-width: 720px;
  }

  .container-inside {
    max-width: 690px;
  }
}

@media (min-width: 768px) {
  .container-case-main-ami {
    max-width: 720px;
  }

  .container-case-ami {
    max-width: 720px;
  }

  .container-case-section-ami {
    max-width: 720px;
  }
}

@media (min-width: 991.98px) {
  .container-base {
    max-width: 960px;
  }

  .container-inside {
    max-width: 930px;
  }

  .fade-in-js-header {
    opacity: 0;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  }

  .fade-in-js-header.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  .container {
    max-width: 960px;
  }

  .container-inside {
    max-width: 930px;
  }
}

@media (min-width: 992px) {
  .container-case-main-ami {
    max-width: 960px;
  }

  .container-case-ami {
    max-width: 960px;
  }

  .container-case-section-ami {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-base {
    max-width: 1400px;
    padding: 0 30px 0 100px;
  }

  .container-inside {
    max-width: 1200px;
  }

  .container {
    max-width: 1400px;
    padding: 0 30px 0 100px;
  }

  .container-inside {
    max-width: 1200px;
  }

  .container-case-main-ami {
    max-width: 1400px;
    padding: 0 30px;
    margin: 0 auto;
  }

  .container-case-ami {
    max-width: 1400px;
    padding: 0 30px;
    margin: 0 auto;
  }

  .container-case-section-ami {
    max-width: 1200px;
    padding: 0 30px;
    margin: 0 auto;
  }
}

@media (min-width: 1445px) {
  .video-solution-ami__player {
    height: 630px;
  }
}

@media (max-width: 1440px) {
  .describe-text-block {
    margin-bottom: 80px;
  }

  .menu-mob-solution__grid {
    max-height: 800px;
    height: 100%;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
}

@media (max-width: 1440px) and (max-width: 1400px) {
  .describe-text-block {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / 1080);
  }
}

@media (max-width: 1400px) {
  .icon-arrow-main {
    width: calc(40px + 58 * (100vw - 320px) / 1080);
  }

  .icon-arrow-main {
    height: calc(40px + 58 * (100vw - 320px) / 1080);
  }

  .case-realize-idea__body {
    padding-top: calc(30px + 45 * (100vw - 320px) / 1080);
  }

  .case-realize-idea__body {
    padding-bottom: calc(30px + 45 * (100vw - 320px) / 1080);
  }

  .case-realize-idea__title {
    font-size: calc(35px + 5 * (100vw - 320px) / 1080);
  }

  .breadscrumbs {
    margin-bottom: calc(20px + 20 * (100vw - 320px) / 1080);
  }

  .page-case__target {
    padding-top: calc(50px + 50 * (100vw - 320px) / 1080);
  }

  .page-case__target {
    padding-bottom: calc(50px + 30 * (100vw - 320px) / 1080);
  }

  .page-case__guideline {
    padding-top: calc(50px + 30 * (100vw - 320px) / 1080);
  }

  .page-case__solution {
    padding-top: calc(50px + 30 * (100vw - 320px) / 1080);
  }

  .page-case__solution {
    padding-bottom: calc(60px + 90 * (100vw - 320px) / 1080);
  }

  .page-case__delivery {
    padding-top: calc(50px + 50 * (100vw - 320px) / 1080);
  }

  .page-case__delivery {
    padding-bottom: calc(60px + 40 * (100vw - 320px) / 1080);
  }

  .page-case__result-ami {
    padding-top: calc(50px + 50 * (100vw - 320px) / 1080);
  }

  .page-case__visual-guide-ami {
    padding-top: calc(40px + 60 * (100vw - 320px) / 1080);
  }

  .page-case__visual-guide-ami {
    padding-bottom: calc(60px + 90 * (100vw - 320px) / 1080);
  }

  .main-screen-ami__title:not(:last-child) {
    margin-bottom: calc(50px + 50 * (100vw - 320px) / 1080);
  }

  .title-case-ami {
    font-size: calc(24px + 26 * (100vw - 320px) / 1080);
  }

  .title-case-ami-main {
    font-size: calc(28px + 32 * (100vw - 320px) / 1080);
  }

  .text-main-screen-ami__item:not(:last-child) {
    margin-right: calc(60px + 40 * (100vw - 320px) / 1080);
  }

  .item-text-main-ami__title {
    font-size: calc(24px + 6 * (100vw - 320px) / 1080);
  }

  .item-text-main-ami__title {
    margin-bottom: calc(10px + 10 * (100vw - 320px) / 1080);
  }

  .item-text-main-ami__ul li {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .route-ami__points {
    padding-top: calc(40px + 40 * (100vw - 320px) / 1080);
  }

  .route-ami__points {
    padding-bottom: calc(40px + 40 * (100vw - 320px) / 1080);
  }

  .point-route-ami__title {
    margin-bottom: calc(10px + 10 * (100vw - 320px) / 1080);
  }

  .point-route-ami__title {
    font-size: calc(20px + 30 * (100vw - 320px) / 1080);
  }

  .point-route-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .describe-text-block__title {
    margin-bottom: calc(24px + 36 * (100vw - 320px) / 1080);
  }

  .describe-text-grid {
    row-gap: calc(24px + 16 * (100vw - 320px) / 1080);
  }

  .text-describe-ami__title {
    font-size: calc(18px + 2 * (100vw - 320px) / 1080);
  }

  .text-describe-ami__title_white {
    font-size: calc(18px + 2 * (100vw - 320px) / 1080);
  }

  .text-describe-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .text-describe-ami__p_white {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .guideline-ami__text {
    margin-bottom: calc(32px + 28 * (100vw - 320px) / 1080);
  }

  .guideline-ami__images {
    margin-bottom: calc(40px + 40 * (100vw - 320px) / 1080);
  }

  .grid-guideline-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .solution-ami__img-main {
    margin-bottom: calc(40px + 120 * (100vw - 320px) / 1080);
  }

  .solution-ami__grid-menu {
    -webkit-column-gap: calc(24px + 116 * (100vw - 320px) / 1080);
       -moz-column-gap: calc(24px + 116 * (100vw - 320px) / 1080);
            column-gap: calc(24px + 116 * (100vw - 320px) / 1080);
  }

  .solution-ami__grid-menu {
    margin-bottom: calc(40px + 60 * (100vw - 320px) / 1080);
  }

  .book-solution-ami {
    margin-bottom: calc(40px + 110 * (100vw - 320px) / 1080);
  }

  .book-solution-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .book-solution-ami__p {
    margin-bottom: calc(24px + 56 * (100vw - 320px) / 1080);
  }

  .menu-mob-solution {
    margin-bottom: calc(40px + 60 * (100vw - 320px) / 1080);
  }

  .menu-mob-solution__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .video-solution-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }

  .video-solution-ami__p {
    margin-bottom: calc(24px + 56 * (100vw - 320px) / 1080);
  }

  .video-solution-ami__player {
    height: calc(160px + 430 * (100vw - 320px) / 1080);
  }

  .video-solution-ami__icon {
    width: calc(21px + 99 * (100vw - 320px) / 1080);
  }

  .video-solution-ami__icon {
    height: calc(21px + 99 * (100vw - 320px) / 1080);
  }

  .result-ami::after {
    height: calc(30px + 80 * (100vw - 320px) / 1080);
  }

  .result-ami__text {
    margin-bottom: calc(100px + 60 * (100vw - 320px) / 1080);
  }

  .result-ami__title {
    font-size: calc(18px + 6 * (100vw - 320px) / 1080);
  }

  .visual-guide-ami__fonts:not(:last-child) {
    margin-bottom: calc(40px + 60 * (100vw - 320px) / 1080);
  }

  .visual-guide-ami__title {
    font-size: calc(18px + 2 * (100vw - 320px) / 1080);
  }

  .visual-guide-ami__title {
    margin-right: calc(20px + 170 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__name {
    font-size: calc(22px + 8 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__name {
    margin-bottom: calc(5px + 5 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__name_b {
    font-size: calc(22px + 8 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__name_b {
    margin-bottom: calc(5px + 5 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__p {
    font-size: calc(16px + 2 * (100vw - 320px) / 1080);
  }

  .fonts-guide-ami__p_b {
    font-size: calc(16px + 2 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__items {
    -webkit-column-gap: calc(10px + 40 * (100vw - 320px) / 1080);
       -moz-column-gap: calc(10px + 40 * (100vw - 320px) / 1080);
            column-gap: calc(10px + 40 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__items {
    row-gap: calc(50px + 10 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__item {
    width: calc(100px + 20 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__item {
    height: calc(100px + 20 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__item > div {
    margin-bottom: calc(10px + 10 * (100vw - 320px) / 1080);
  }

  .colors-guide-ami__p {
    font-size: calc(14px + 4 * (100vw - 320px) / 1080);
  }
}

@media (max-width: 1254px) {
  .target-ami__images {
    margin-top: 0px;
  }
}

@media (max-width: 1221px) {
  .colors-guide-ami__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024.98px) {
  .describe-text-block__title {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .describe-text-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
    -ms-grid-rows: auto 10px auto 10px auto;
        grid-template-areas: "guideline-grid-title" "guideline-grid-span" "guideline-grid-p";
  }

  .describe-text-grid__title {
    margin: 0 0 14px 0;
  }

  .describe-text-grid__title_white {
    margin: 0 0 14px 0;
  }

  .text-describe-ami {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .text-describe-ami__title {
    margin: 0 0 10px 0;
  }

  .fonts-guide-ami__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: none;
  }

  .fonts-guide-ami__item:not(:last-child) {
    margin: 0 0 24px 0;
  }

  .guideline-grid-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .guideline-grid-span {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .guideline-grid-p {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

@media (max-width: 1023px) {
  .target-ami__images {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: minmax(180px, 340px) 24px minmax(174px, 334px) 24px minmax(180px, 340px);
    grid-template-rows: minmax(180px, 340px) minmax(174px, 334px) minmax(180px, 340px);
    gap: 24px;
        grid-template-areas: "Img1 Img1" "Img2 Img3" "Img4 Img4";
  }
  .Img1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .Img2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .Img3 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .Img4 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media (max-width: 991.98px) {
  .case-realize-idea__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .case-realize-idea__title {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .bd-right {
    border-right: none;
  }

  .case-realize-idea__title {
    text-align: left;
  }

  .case-realize-idea__btn {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .route-ami__points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .point-route-ami:not(:last-child) {
    margin: 0 0 40px 0;
    max-width: none;
  }

  .target-ami__images {
    -ms-grid-rows: minmax(180px, 300px) minmax(174px, 300px) minmax(180px, 300px);
    grid-template-rows: minmax(180px, 300px) minmax(174px, 300px) minmax(180px, 300px);
  }

  .text-describe-ami__title_white {
    margin: 0 0 10px 0;
  }

  .guideline-ami__images {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "img-main img-main" "img-main img-main" "img-colors img-menu";
  }

  .guideline-ami__grid {
    -ms-grid-columns: 1fr 0.3fr 1fr;
    grid-template-columns: 1fr 0.3fr 1fr;
    -ms-grid-rows: 0.1fr 0.1fr 0.1fr 1fr;
    grid-template-rows: 0.1fr 0.1fr 0.1fr 1fr;
    gap: 0;
  }

  .grid-guideline-ami__p {
    margin: 0 0 24px 0;
  }

  .grid-text-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1/1/2/4;
  }

  .grid-img1 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3/1/5/3;
  }

  .grid-text-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 2/1/3/4;
  }

  .grid-img-2 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 4/2/5/4;
  }

  .solution-ami__grid-menu {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 0.1fr 24px 0.3fr 24px 0.5fr;
    grid-template-rows: 0.1fr 0.3fr 0.5fr;
    row-gap: 24px;
        grid-template-areas: "solution-text solution-text" "solution-img1 ." "solution-img1 solution-img2" "solution-img1 .";
  }

  .solution-text {
    padding-left: 20px;
  }

  .book-solution-ami {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .menu-mob-solution__grid {
    -ms-grid-columns: 1fr 1.1fr;
    grid-template-columns: 1fr 1.1fr;
    -ms-grid-rows: 0.2fr 0.2fr 0.3fr 0.5fr 1fr 100px 0.2fr;
    grid-template-rows: 0.2fr 0.2fr 0.3fr 0.5fr 1fr 100px 0.2fr;
    gap: 0px 24px;
    max-height: none;
  }

  .menu-mob-solution__p {
    max-width: 600px;
    padding: 0 20px;
  }

  .mob-grid-ami-img1 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/6/2;
    padding-left: 20px;
  }

  .mob-grid-ami-text1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/2/3;
  }

  .mob-grid-ami-text2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2/1/3/3;
  }

  .mob-grid-ami-img2 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/8/3;
    padding-right: 20px;
  }

  .mob-grid-ami-bg {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 5/1/7/3;
  }

  .result-ami__img {
    padding: 0 0 38% 0;
  }

  .visual-guide-ami__fonts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .visual-guide-ami__title {
    margin: 0 0 24px 0;
  }

  .visual-guide-ami__colors {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .colors-guide-ami__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 120px));
  }

  .img-main {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .img-colors {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .img-menu {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .solution-img1 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }

  .solution-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .solution-img2 {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
  }
}

@media (max-width: 575.98px) {
  .btn-main {
    padding: 8px 18px;
  }

  .icon-arrow-main {
    width: 50px;
    height: 50px;
  }

  .main-screen-ami__img {
    min-height: auto;
    background-position: 20%;
  }

  .text-main-screen-ami {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 80px 0;
  }

  .text-main-screen-ami__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 24px;
  }

  .target-ami__images {
    -ms-grid-rows: minmax(180px, 200px) minmax(174px, 200px) minmax(180px, 200px);
    grid-template-rows: minmax(180px, 200px) minmax(174px, 200px) minmax(180px, 200px);
  }

  .delivery-ami__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 24px 1fr 24px 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 24px;
        grid-template-areas: "delivery-ami-img" "delivery-ami-img2" "delivery-ami-img3";
    max-height: none;
  }

  .delivery-ami__grid img {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .delivery-ami-img {
    grid-area: delivery-ami-img;
  }

  .delivery-ami-img2 {
    grid-area: delivery-ami-img2;
  }

  .delivery-ami-img3 {
    grid-area: delivery-ami-img3;
  }
}

@media (max-width: 575.98px) {

  .delivery-ami-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .delivery-ami-img2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .delivery-ami-img3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

@media screen and (max-width: 575px) {
  .container-case-section-ami {
    padding: 0 15px;
  }
}

@media (any-hover: hover) {
  .underline:hover {
    text-decoration: none;
  }

  .btn-main:hover {
    background-color: #fff;
    color: var(--accent-color);
  }

  .btn-main-arrow:hover {
    background-color: #fff;
    color: var(--accent-color);
  }

  .btn-main-arrow:hover svg path {
    fill: var(--accent-color);
    -webkit-transform: translate(10px, -20%) rotate(45deg);
        -ms-transform: translate(10px, -20%) rotate(45deg);
            transform: translate(10px, -20%) rotate(45deg);
  }

  .link-all-projects:hover {
    background-color: #fff;
    color: var(--accent-color);
  }

  .breadscrumbs__link:hover {
    color: var(--accent-color);
    text-decoration: none;
  }
}