.feedback {
   padding: 120px 0;
   z-index: 1
}

.feedback-dropdown {
   position: absolute;
   top: 84px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.feedback-dropdown.active {
   opacity: 1;
   visibility: visible;
   z-index: 2;
}

.feedback-dropdown__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 30px;
   padding: 30px;
   border-radius: 10px;
   border: 1px solid #55b2f2;
   background: #fff;
   width: 380px;
   height: auto;
   max-height: 280px;
   overflow-y: scroll
}

.feedback-dropdown__list::-webkit-scrollbar {
   width: 4px
}

.feedback-dropdown__list::-webkit-scrollbar-track {
   background-color: rgba(0, 0, 0, 0);
   margin: 6px 0
}

.feedback-dropdown__list::-webkit-scrollbar-thumb {
   border-radius: 12px;
   background-color: #55b2f2
}

.feedback-dropdown__list::-webkit-scrollbar-thumb:hover {
   background-color: #f90
}

@media(max-width: 1030px) {
   .feedback-dropdown__list::-webkit-scrollbar {
      display: none
   }
}

.feedback-dropdown__item {
   color: #3e3a35;
   font-size: 14px;
   font-weight: 600;
   line-height: normal
}

.feedback-dropdown__item a {
   -webkit-transition: color .2s ease-out;
   transition: color .2s ease-out
}

@media(min-width: 1230px) {
   .feedback-dropdown__item a:hover {
      color: #f90
   }
}

.feedback-dropdown__item a:active {
   color: #f90
}

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

.feedback-top {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 30px;
   background-color: #55b2f2;
   min-height: 384px;
   padding: 60px 50px;
   margin-bottom: 120px
}

.feedback-top-left {
   max-width: 590px;
   z-index: 2
}

.feedback-top-left__title {
   color: #fff;
   font-size: 40px;
   font-weight: 600;
   line-height: 44px;
   margin-bottom: 14px
}

.feedback-top-left__text {
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 52px
}

.feedback-top-left-address {
   position: relative
}

.feedback-top-left-address__input {
   color: #828282;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   padding: 24px 30px;
   width: 100%;
   border-radius: 80px;
   border: 1px solid #55b2f2;
   background: #fff
}

.feedback-top-left-address__link {
   position: absolute !important;
   top: 7px;
   right: 7px;
   font-size: 16px;
   font-weight: 400;
   padding: 16px 60px;
   display: block;
   color: #eff9fe;
   text-align: center;
   line-height: normal;
   border-radius: 80px;
   background: #f90;
   -webkit-transition: background-color .2s ease-out;
   transition: background-color .2s ease-out;
   line-height: 140%
}

@media(min-width: 1230px) {
   .feedback-top-left-address__link:hover {
      background-color: #55b2f2
   }
}

.feedback-top-left-address__link:active {
   background-color: #55b2f2
}

.feedback-top__img {
   position: absolute;
   top: 60px;
   right: -30px;
   max-width: 484px;
   width: 100%;
   z-index: 1
}

.feedback-top__line {
   position: absolute;
   top: 0;
   right: 0;
   width: 153px
}

.feedback-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-radius: 30px;
   background: #eff9fe;
   padding: 64px 68px
}

.feedback-bottom__img {
   max-width: 520px;
   width: 100%;
   margin-right: 22px
}

.feedback-bottom-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.feedback-bottom-right__title {
   color: #55b2f2;
   font-size: 40px;
   font-weight: 600;
   line-height: 44px;
   margin-bottom: 15px
}

.feedback-bottom-right__text {
   color: #3e3a35;
   font-size: 14px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 48px;
   max-width: 270px
}

.feedback-bottom-right__input {
   color: #828282;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   border-radius: 80px;
   border: 1px solid #f90;
   background: #fff;
   padding: 24px 32px;
   max-width: 432px;
   margin-bottom: 15px
}

.feedback-bottom-right__agreement {
   display: none
}

.feedback-bottom-right__agreement+label {
   position: relative;
   color: #3e3a35;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 50px;
   max-width: 380px;
   margin-left: 27px
}

.feedback-bottom-right__agreement+label::before {
   content: "";
   position: absolute;
   top: 0;
   left: -27px;
   width: 17px;
   height: 17px;
   border-radius: 2px;
   border: 1px solid #55b2f2;
   background-color: #eff9fe
}

.feedback-bottom-right__agreement+label::after {
   content: "✔";
   position: absolute;
   font-size: 16px;
   color: #55b2f2;
   top: 0;
   left: -24px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.feedback-bottom-right__agreement:checked+label::after {
   opacity: 1;
   visibility: visible
}

.feedback-bottom-right__btn {
   font-size: 15px;
   font-weight: 400;
   padding: 22px 30px;
   max-width: 224px;
   display: block;
   color: #eff9fe;
   text-align: center;
   line-height: normal;
   border-radius: 80px;
   background: #f90;
   -webkit-transition: background-color .2s ease-out;
   transition: background-color .2s ease-out
}

@media(min-width: 1230px) {
   .feedback-bottom-right__btn:hover {
      background-color: #55b2f2
   }
}

.feedback-bottom-right__btn:active {
   background-color: #55b2f2
}

@media(max-width: 1230px) {
   .feedback-top__img {
      max-width: 360px;
      top: 90px
   }

   .feedback-top>.circles>:nth-child(1) {
      width: 260px;
      top: 80px;
      right: 32px
   }
}

@media(max-width: 1030px) {
   .feedback {
      padding: 100px 0
   }

   .feedback-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 72px
   }

   .feedback-top>.circles>:nth-child(1) {
      top: auto;
      top: initial;
      right: auto;
      right: initial;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
   }

   .feedback-top-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: none;
      max-width: initial;
      margin-bottom: 40px
   }

   .feedback-top-left__title {
      font-size: 32px;
      line-height: 110%
   }

   .feedback-top-left__text {
      margin-bottom: 24px
   }

   .feedback-top-left-address {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .feedback-top-left-address__link {
      max-width: 360px
   }

   .feedback-top__img {
      position: static;
      margin: 0 auto
   }

   .feedback-top__line {
      display: none
   }

   .feedback .request {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
   }

   .feedback .request__img {
      margin-right: 0;
      margin-right: initial;
      margin: 0 auto;
      max-width: 390px
   }

   .feedback .request-right {
      margin-bottom: 24px
   }

   .feedback .request-right__text,
   .feedback .request-right__input {
      max-width: none;
      max-width: initial
   }

   .feedback .request-right__text {
      margin-bottom: 24px
   }

   .feedback .request-right__agreement+label {
      max-width: none;
      max-width: initial;
      margin-bottom: 24px
   }
}

@media(max-width: 830px) {
   .feedback {
      padding: 80px 0
   }

   .feedback-dropdown {
      top: 66px
   }

   .feedback-top {
      padding: 20px 20px 60px
   }

   .feedback-top-left__title {
      font-size: 28px
   }

   .feedback-top-left-address__input {
      padding: 17px;
      font-size: 14px
   }

   .feedback-top-left-address__link {
      font-size: 14px;
      padding: 13px 40px;
      top: 4px;
      right: 4px
   }

   .feedback .request {
      padding: 30px
   }

   .feedback .request__img {
      max-width: 300px
   }

   .feedback .request-right__title {
      font-size: 32px;
      line-height: 110%
   }

   .feedback .request-right__input {
      padding: 15px;
      border-color: #55b2f2
   }

   .feedback .request-right__agreement+label {
      margin-left: 32px;
      margin-bottom: 12px;
      font-size: 12px
   }

   .feedback .request-right__agreement+label::before {
      top: 7px;
      width: 12px;
      height: 12px
   }

   .feedback .request-right__agreement+label::after {
      top: 7px;
      left: -16px;
      font-size: 12px
   }

   .feedback .request-right__btn {
      max-width: 170px;
      padding: 15px 0;
      font-size: 12px
   }
}

@media(max-width: 630px) {
   .feedback {
      padding: 50px 0
   }

   .feedback-dropdown {
      top: 62px
   }

   .feedback-dropdown__item {
      font-size: 12px
   }

   .feedback-top {
      padding: 12px 12px 48px;
      border-radius: 20px
   }

   .feedback-top>.circles>:nth-child(1) {
      width: 230px
   }

   .feedback-top-left {
      margin-bottom: 50px
   }

   .feedback-top-left__title {
      font-size: 24px;
      line-height: 110%
   }

   .feedback-top-left__text {
      font-size: 12px
   }

   .feedback-top-left-address {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .feedback-top-left-address__input {
      padding: 17px;
      font-size: 12px;
      margin-bottom: 10px
   }

   .feedback-top-left-address__link {
      position: static;
      max-width: 160px;
      font-size: 12px;
      padding: 15px 0
   }

   .feedback .request {
      padding: 12px;
      border-radius: 20px
   }

   .feedback .request__img {
      max-width: 250px
   }

   .feedback .request-right__title {
      font-size: 24px
   }

   .feedback .request-right__text {
      font-size: 12px
   }

   .feedback .request-right__input {
      padding: 17px;
      font-size: 12px;
      margin-bottom: 10px
   }

   .feedback .request-right__agreement+label {
      font-size: 10px
   }
}

@media(max-width: 430px) {
   .feedback-dropdown__list {
      width: 100%;
      max-width: 330px;
      height: auto;
      max-height: 280px;
   }
}

.modal-feedback {
   position: absolute;
   top: 0;
   left: 0;
   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;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5019607843);
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal-feedback .feedback-dropdown__list {
   width: 330px
}

.modal-feedback .feedback__close {
   position: absolute;
   top: 24px;
   right: 24px;
   font-size: 32px;
   font-weight: 300;
   height: 16px;
   width: 16px;
   line-height: 16px;
   color: #f90;
   z-index: 6;
   -webkit-transition: color .2s ease-out;
   transition: color .2s ease-out;
   cursor: pointer
}

@media(min-width: 1230px) {
   .modal-feedback .feedback__close:hover {
      color: #55b2f2
   }
}

.modal-feedback .feedback__close:active {
   color: #55b2f2
}

.modal-feedback .feedback__inner {
   position: relative;
   max-width: 1050px;
   margin: 0 auto
}

.modal-feedback .feedback-top {
   margin-bottom: 0;
   background-color: #fff;
   padding: 44px 16px 66px 50px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: 1px solid #f90
}

.modal-feedback .feedback-top-left__title {
   color: #55b2f2
}

.modal-feedback .feedback-top-left__text {
   color: #3e3a35;
   max-width: 430px
}

.modal-feedback .feedback-top-left-address {
   max-width: 540px
}

.modal-feedback .feedback-top__img {
   position: static;
   max-width: 380px;
   max-height: 217px
}

@media(max-width: 1030px) {
   .modal-feedback .feedback-top {
      padding: 50px 60px
   }

   .modal-feedback .feedback-top-left__text {
      max-width: none;
      max-width: initial
   }

   .modal-feedback .feedback-top-left-address {
      max-width: none;
      max-width: initial
   }
}

@media(max-width: 830px) {
   .modal-feedback .feedback-top {
      padding: 20px 20px 60px
   }

   .modal-feedback .feedback-top-left__title {
      max-width: 520px
   }
}

@media(max-width: 630px) {
   .modal-feedback .feedback-top {
      padding: 43px 12px
   }
}

@media(max-width: 430px) {
   .modal-feedback .feedback__close {
      top: 20px;
      right: 20px
   }

   .modal-feedback .feedback-top {
      padding: 42px 12px
   }

   .modal-feedback .feedback-top-left {
      margin-bottom: 40px
   }

   .modal-feedback .feedback-top-left__title {
      font-size: 20px;
      margin-bottom: 6px
   }

   .modal-feedback .feedback-top-left__text {
      margin-bottom: 12px
   }
}

.modal-application {
   position: absolute;
   top: 0;
   left: 0;
   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;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5019607843);
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal-application__close {
   position: absolute;
   top: 24px;
   right: 24px;
   font-size: 48px;
   font-weight: 300;
   height: 26px;
   width: 26px;
   line-height: 26px;
   color: #f90;
   z-index: 6;
   -webkit-transition: color .2s ease-out;
   transition: color .2s ease-out;
   cursor: pointer
}

@media(min-width: 1230px) {
   .modal-application__close:hover {
      color: #55b2f2
   }
}

.modal-application__close:active {
   color: #55b2f2
}

.modal-application__inner {
   position: relative;
   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;
   padding-bottom: 10px;
   margin: 0 auto;
   width: 560px;
   height: 600px;
   border: 1px solid #f90;
   border-radius: 30px;
   background-color: #fff
}

.modal-application__title {
   font-family: "Onest";
   font-weight: 600;
   font-size: 40px;
   line-height: 110%;
   color: #55b2f2;
   margin-bottom: 10px;
   text-align: center
}

.modal-application__text {
   font-weight: 400;
   font-size: 14px;
   line-height: 140%;
   color: #3e3a35;
   max-width: 280px;
   margin-bottom: 32px;
   text-align: center
}

.modal-application__inputs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 14px;
   margin-bottom: 26px;
   max-width: 430px;
   width: 100%
}

.modal-application__input {
   color: #828282;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   border-radius: 80px;
   border: 1px solid #f90;
   background: #fff;
   padding: 24px 32px;
   max-width: 432px;
   width: 100%
}

.modal-application__agreement {
   display: none;
   min-width: 430px
}

.modal-application__agreement+label {
   position: relative;
   color: #3e3a35;
   font-size: 12px;
   font-weight: 400;
   line-height: 140%;
   margin-bottom: 50px;
   max-width: 380px;
   margin-left: 27px
}

.modal-application__agreement+label::before {
   content: "";
   position: absolute;
   top: 0;
   left: -27px;
   width: 17px;
   height: 17px;
   border-radius: 2px;
   border: 1px solid #55b2f2;
   background-color: #eff9fe
}

.modal-application__agreement+label::after {
   content: "✔";
   position: absolute;
   font-size: 16px;
   color: #55b2f2;
   top: 1px;
   left: -24px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal-application__agreement:checked+label::after {
   opacity: 1;
   visibility: visible
}

.modal-application__agreement+label {
   max-width: 400px
}

.modal-application__btn {
   display: block;
   color: #eff9fe;
   text-align: center;
   line-height: normal;
   border-radius: 80px;
   background: #f90;
   -webkit-transition: background-color .2s ease-out;
   transition: background-color .2s ease-out;
   padding: 22px 52px
}

@media(min-width: 1230px) {
   .modal-application__btn:hover {
      background-color: #55b2f2
   }
}

.modal-application__btn:active {
   background-color: #55b2f2
}

@media(max-width: 630px) {
   .modal-application__inner {
      width: 100%;
      height: 100%;
      padding: 54px 12px 24px
   }

   .modal-application__close {
      width: 16px;
      height: 16px;
      line-height: 16px;
      font-size: 32px
   }

   .modal-application__title {
      font-size: 24px;
      margin-bottom: 2px
   }

   .modal-application__text {
      font-size: 12px;
      margin-bottom: 12px;
      max-width: 250px
   }

   .modal-application__inputs {
      gap: 10px;
      margin-bottom: 10px
   }

   .modal-application__input {
      font-size: 12px;
      padding: 17px
   }

   .modal-application__agreement+label {
      margin-bottom: 24px
   }

   .modal-application__btn {
      padding: 14px 36px;
      font-size: 12px
   }
}

.modal-call {
   position: absolute;
   top: 0;
   left: 0;
   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;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5019607843);
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal-call .modal-application__title {
   max-width: 380px
}

@media(max-width: 630px) {
   .modal-call .modal-application__title {
      max-width: 230px
   }
}

.modal-review {
   position: absolute;
   top: 0;
   left: 0;
   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;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5019607843);
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out
}

.modal-review__inner {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border: 1px solid #f90;
   border-radius: 30px;
   width: 700px;
   height: 380px;
   padding: 50px 70px 50px 50px;
   background-color: #fff;
   margin: 0 auto
}

.modal-review__close {
   position: absolute;
   top: 24px;
   right: 24px;
   font-size: 32px;
   font-weight: 300;
   height: 16px;
   width: 16px;
   line-height: 16px;
   color: #f90;
   z-index: 6;
   -webkit-transition: color .2s ease-out;
   transition: color .2s ease-out;
   cursor: pointer
}

@media(min-width: 1230px) {
   .modal-review__close:hover {
      color: #55b2f2
   }
}

.modal-review__close:active {
   color: #55b2f2
}

.modal-review__name {
   font-weight: 600;
   font-size: 40px;
   line-height: 110%;
   color: #55b2f2;
   margin-bottom: 8px
}

.modal-review__date {
   font-weight: 400;
   font-size: 16px;
   line-height: 140%;
   color: #828282;
   margin-bottom: 24px
}

.modal-review__text {
   font-weight: 400;
   font-size: 14px;
   line-height: 140%;
   color: #3e3a35
}

@media(max-width: 830px) {
   .modal-review__inner {
      width: 100%;
      height: 100%;
      padding: 30px
   }

   .modal-review__name {
      font-size: 32px
   }

   .modal-review__date {
      font-size: 14px
   }
}

@media(max-width: 630px) {
   .modal-review__inner {
      padding: 24px 12px 12px
   }

   .modal-review__name {
      font-size: 24px;
      margin-bottom: 4px
   }

   .modal-review__date {
      font-size: 12px;
      margin-bottom: 16px
   }

   .modal-review__text {
      font-size: 12px
   }
}

.modal-city {
   position: absolute;
   top: 0;
   left: 0;
   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;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5019607843);
   z-index: 5;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
   transition: opacity .2s ease-out, visibility .2s ease-out;
}

.city__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   max-width: 550px;
   height: auto;
   background: #fff;
   position: relative;
   border-radius: 30px;
   margin: 0 auto;
   padding: 45px 0;
}

.city__inner .title {
   width: 100%;
   text-align: center;
   font-family: "Onest";
   font-weight: 600;
   font-size: 40px;
   line-height: 110%;
   color: #55b2f2;
   margin-bottom: 30px;
}

.city__inner .cities {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
}

.city__inner .cities a {
   padding: 20px 50px;
   display: block;
   color: #2F2F2F;
   text-align: center;
   line-height: normal;
   border-radius: 80px;
   border: 2px solid #f90;
   transition: 0.2s;
}

.city__inner .cities a:hover {
   background: #f90;
   color: #fff;
}

@media(max-width: 630px) { 

   .city__inner {
      padding-left: 12px;
      padding-right: 12px;
   }

   .city__inner .cities {
      flex-wrap: wrap;
   }

   .city__inner .cities a {
      width: 100%;
   }

   .city__inner .title {
      font-size: 24px;
   }
}

.active {
   opacity: 1;
   visibility: visible
}