* {
  margin: 0;

  padding: 0;

  box-sizing: border-box;
}

html {
  font-family: "Montserrat", sans-serif;
}

body {
  overflow-x: hidden;
}

body.fixed {
  overflow: hidden;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.container {
  padding: 0 10rem;

  width: 100%;

  max-width: 112.5rem;

  margin: 0 auto;

  /* overflow-x: hidden; */

  overflow-y: visible;
}

.button {
  border-radius: 0.625rem;

  padding-top: 1.5rem;

  padding-bottom: 1.5rem;

  text-transform: uppercase;

  font-size: 1.125rem;

  font-weight: 600;

  border: none;

  cursor: pointer;

  transition: 0.2s;
}

.button_light {
  background: #feffab !important;

  color: #101010 !important;
}

.button_light:hover {
  background: #f7f6f6 !important;

  box-shadow: 0rem 0rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.14) !important;
}

.button_dark {
  background: #09334f !important;
  border: 2px solid #09334f !important;
  color: #fff !important;
}

.button_dark:hover {
  color: #09334f !important;

  background: #feffab !important;

  box-shadow: 0rem 0rem 1.25rem 0.0625rem rgba(0, 0, 0, 0.14) !important;
}
.yelow_btn{
  background: #feffab !important;
  border: 2px solid #feffab!important;
  color: #09334f !important;
}
.yelow_btn:hover{
  background: #09334f!important;
  color: #feffab !important;
}
.sumbit_container {
  display: flex;

  justify-content: start;
}

.button_big {
  padding-left: 3.4375rem;

  padding-right: 3.4375rem;
}

.form {
  display: flex;

  flex-direction: column;

  position: relative;
}

.input__outer input,
.input__outer textarea {
  width: 100%;
}

.input__outer {
  position: relative;
}

.form input {
  padding: 1.4375rem 1.375rem;

  background: #fafafa;

  border-radius: 0.8438rem;

  border: 0.125rem #cccccc solid;

  font-size: 1rem;

  margin-bottom: 1.6875rem;
}

.form input::placeholder,
.form textarea::placeholder {
  opacity: 0.5;
}

.form input:focus,
.form textarea:focus {
  border: double 0.125rem transparent;

  background-image: linear-gradient(white, white),
    linear-gradient(to right, #fcff71, #053fa6);

  background-origin: border-box;

  background-clip: padding-box, border-box;

  outline: none;
}

.form .input_error {
  border: double 0.125rem transparent;

  background-image: linear-gradient(white, white),
    linear-gradient(to right, #970000, #970000);

  background-origin: border-box;

  background-clip: padding-box, border-box;

  outline: none;
}

.form .input_error::placeholder {
  color: #970000;
}

.form .input_completed {
  border-color: #309700;

  position: relative;
}

.form .input__outer:has(.input_completed)::before {
  position: absolute;

  right: 3rem;

  top: 2rem;

  height: 0.625rem;

  width: 0.1875rem;

  background-color: #309700;

  content: "";

  transform: translateX(0.625rem) rotate(-45deg);

  transform-origin: left bottom;

  z-index: 2;
}

.form .input__outer:has(.input_completed)::after {
  position: absolute;

  right: 1.875rem;

  top: 2.5rem;

  height: 0.1875rem;

  width: 1.25rem;

  background-color: #309700;

  content: "";

  transform: translateX(0.625rem) rotate(-45deg);

  transform-origin: left bottom;

  z-index: 2;
}

.form textarea {
  padding: 1.4375rem 1.375rem;

  background: #fafafa;

  border-radius: 0.8438rem;

  border: 0.125rem #cccccc solid;

  min-height: 8.125rem;

  font-size: 1rem;

  margin-bottom: 4.5rem;

  resize: none;
}

.form input::placeholder,
.form textarea::placeholder {
  color: black;

  font-size: 0.875rem;

  font-weight: 400;
}

.form .button {
  width: 15.625rem;
}

/* HEADER */

.header {
  padding: 1.4375rem 0;
}

.header__inner {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.header a {
  font-weight: 500;

  color: #09334f;

  font-size: 1.125rem;
}

.phones {
  display: flex;

  align-items: center;

  justify-content: start;

  gap: 3.125rem;
}

.phone {
  display: flex;

  align-items: center;
}

.phone__icon {
  width: 1.25rem;

  padding: 0.125rem;
}

.phone__text {
  margin-left: 0.625rem;
}

.credentials {
  display: flex;

  align-items: center;

  gap: 2.5rem;
}

.credentials-link {
  display: flex;

  align-items: center;
}

.credentials-link__icon {
  width: 2.5rem;

  padding: 0.1875rem;
}

.credentials-link__text {
  margin-left: 0.75rem;
}

.socials {
  display: flex;

  align-items: center;

  gap: 1.25rem;
}

/* HERO SECTION */

.hero {
  background-color: #09334f;

  position: relative;

  overflow: hidden;
}

.hero__inner {
  width: 100%;

  position: relative;

  padding-top: 18.75rem;

  padding-bottom: 17.0625rem;
}

.navbar {
  position: absolute;

  top: 2.8125rem;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  width: 100%;
}

.navbar__fixed {
  position: fixed;
  top: 0;
  background-color: #09334f;

  padding: 2.5rem 0;

  z-index: 10;

  box-shadow: 0.8125rem 0.8125rem 1.5rem rgba(0, 0, 0, 0.1);
}

.navbar__fixed .logo {
  margin-left: calc((100% - 92.5rem) / 2);
}

.navbar__fixed .langlist {
  margin-right: calc((100% - 92.5rem) / 2);
}

.logo {
  position: absolute;

  left: 0;

  color: #f7f6f6;

  font-size: 2.125rem;

  font-weight: 500;
}

.navlist {
  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 2rem;
}

.navlist__item a {
  color: #f7f6f6;

  font-size: 1.125rem;

  font-weight: 500;
}

.langlist {
  position: absolute;

  right: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.75rem;
}

.dropdown {
  position: absolute;

  right: 0;

  display: none;
}

.dropbtn {
  color: #f7f6f6;

  font-size: 1.125rem;

  font-family: Montserrat;

  font-weight: 700;

  background: none;

  border: none;

  cursor: pointer;

  position: relative;
}

.dropbtn::before {
  content: "";

  position: absolute;

  counter-reset: none;

  top: 0.5rem;

  left: -1.25rem;

  width: 0.625rem;

  height: 0.3125rem;

  background-image: url(./img/dropdown.svg);
}

.dropdown-content {
  display: none;

  position: absolute;

  right: -1rem;

  background-color: #fff;

  min-width: 1.875rem;

  box-shadow: 0rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.2);

  z-index: 1;

  border-radius: 0.3125rem;
}

.dropdown-content a {
  color: #09334f;

  font-size: 1.125rem;

  font-weight: 500;

  padding: 0.75rem 1.625rem;

  text-decoration: none;

  display: block;
}

.dropdown-content a:hover {
  background-color: #e7eff3;

  border-radius: 0.3125rem;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.burger {
  position: absolute;

  content: "";

  right: 0;

  width: 1.5625rem;

  height: 1.125rem;

  align-items: center;

  cursor: pointer;
}

.burger span {
  display: inline-block;

  width: 100%;

  height: 0.125rem;

  background-color: #fff;
}

.burger::before,
.burger::after {
  position: absolute;

  content: "";

  width: 100%;

  height: 0.125rem;

  background-color: #fff;

  transition: transform 0.2s ease;
}

.burger::before {
  top: 0;
}

.burger::after {
  bottom: 0;
}

.burger.active {
  transform: translate(-1.875rem, 3.75rem);
}

.burger.active span {
  display: none;
}

.burger.active::before {
  transform: rotate(45deg);

  top: 0.5rem;

  background-color: #09334f;
}

.burger.active::after {
  transform: rotate(-45deg);

  bottom: 0.5rem;

  background-color: #09334f;
}

.burger {
  display: none;
}

.mob_menu {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100vh;

  z-index: 10;

  backdrop-filter: blur(0.5rem);

  display: none;

  overflow: auto;
}

.mob_menu.active {
  display: block;
}

.mob_menu__inner {
  position: absolute;

  width: 100%;

  background-color: #feffab;

  padding: 5.625rem 4.375rem;

  box-shadow: 0.8125rem 0.8125rem 1.5rem rgba(0, 0, 0, 0.29);
}

.mob_menu__top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  .burger.active {
    position: static;

    transform: translateY(0.25rem);
  }
}

.mob_menu__inner .logo {
  position: static;

  color: #09334f;

  font-size: 1.75rem;
}

.navbar__fixed .mob_menu__inner .logo,
.navbar__fixed .mob_menu__inner .dropdown {
  margin: 0;
}

.mob_menu__inner hr {
  margin: 1.875rem 0;

  border: 0.0625rem solid #09334f;

  opacity: 0.4;
}

.mob_menu .dropdown {
  position: relative;
}

.mob_menu .dropdown .dropbtn {
  color: #09334f;

  font-size: 1.375rem;
}

.mob_menu .dropbtn::before {
  background-image: url(./img/dropdown-dark.svg);

  transform: scale(120%) translate(0.125rem, 0.125rem);
}

.mob_menu .nav__wrapper {
  display: flex;

  justify-content: space-between;
}

.mob_menu .nav__wrapper ul {
  display: flex;

  flex-direction: column;

  gap: 0.625rem;
}

.mob_menu__inner .contacts__links .row {
  display: block;
}

.mob_menu__inner .socials {
  margin-top: 2.5rem;
}

.langlist__item a {
  color: #f7f6f6;

  font-size: 1.125rem;

  font-weight: 700;
}

.langlist__item_selected a,
.langlist__item:hover a {
  text-decoration: none;

  padding-bottom: 0.125rem;

  border-bottom: 0.0625rem solid #fff;
}

.hero__section {
  display: flex;



  justify-content: space-between;

}

.contactus {
  max-width: 44rem;
}

.contactus__header {
  color: #f7f6f6;

  font-size: 4.25rem;

  font-weight: 600;

  text-transform: uppercase;

  word-wrap: break-word;
}

.contactus__header span {
  color: #feffab;
}

.contactus__descr {
  margin-top: 1.25rem;

  margin-bottom: 3.75rem;

  color: #f7f6f6;

  font-size: 1.125rem;

  font-weight: 400;
}

.id-card-img {
  max-width: 38.75rem;

  min-width: 38%;

  box-shadow: 0.8125rem 0.8125rem 1.5rem rgba(0, 0, 0, 0.29);

  border-radius: 1.25rem;

  margin-left: 12.125rem;

  height: 100%;
}

.registration {
  display: flex;

  align-items: center;

  flex-direction: row-reverse;

  margin-top: 16.5625rem;
}

.registration .info {
  margin-left: 12.125rem;

  max-width: 38%;

  min-width: 38%;
}

.info {
  max-width: 43.75rem;
}

.info__label {
  color: #f7f6f6;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: uppercase;
}

.info__header {
  margin: 1.875rem 0;

  color: #feffab;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.info__descr {
  color: #f7f6f6;

  font-size: 1.125rem;

  font-weight: 500;

  margin-bottom: 1.5rem;
}

.info__descr:last-of-type {
  margin-bottom: 0;
}

.dovidka-img {
  max-width: 44.75rem;

  min-width: 38%;
}

.hero__decoration {
  position: absolute;
}

#hd1 {
  top: -3.125rem;

  left: 95.625rem;

  width: 37.5rem;

  transform: rotate(-19.41deg);

  opacity: 0.23;
}

#hd2 {
  width: 47.5rem;

  transform: rotate(-19.41deg);

  top: 11.25rem;

  left: 62.1875rem;
}

#hd3 {
  width: 65.625rem;

  transform: rotate(-19.41deg);

  top: 47.8125rem;

  left: -9.6875rem;

  opacity: 0.4;
}

#hd4 {
  top: 65rem;

  left: 17.5rem;

  transform: rotate(-117.08deg);

  width: 52.5rem;

  opacity: 0.3;
}

/* SECTION2 */

.section2__inner {
  position: relative;

  padding-top: 9.375rem;
}

.section2__info {
  max-width: 50%;

  margin-bottom: 18.3125rem;
}

.section2__label {
  color: #09334f;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: uppercase;
}

.section2__header {
  margin-top: 1.25rem;

  margin-bottom: 1.875rem;

  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.section2__descr {
  color: #09334f;

  font-size: 1.125rem;

  font-weight: 500;

  margin-bottom: 1.25rem;
}

.section2__form-container {
  position: absolute;

  right: 0;

  top: -7.75rem;

  width: 37.875rem;


  background: white;

  box-shadow: 0rem 0rem 1.875rem rgba(0, 0, 0, 0.16);

  border-radius: 1.6869rem;

  border: 0.0625rem #d4d4d4 solid;

  padding: 4.25rem 2.1875rem 5.9375rem;
}

.section2__form-container h3 {
  text-align: center;

  color: #213b55;

  font-size: 2rem;

  font-weight: 700;

  text-transform: uppercase;
}

.section2__form-container p {
  text-align: center;

  color: #213b55;

  font-size: 1.375rem;

  font-weight: 500;
}

.section2__form-container form {
  margin-top: 3.8125rem;
}

/* SERVICES SECTION */

.services {
  background: #e7eff3;

  padding: 9.375rem 0;
}

.services__header {
  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.services__list {
  margin-top: 5.625rem;

  display: grid;

  grid-template-columns: 1fr 1fr;

  row-gap: 2.5rem;

  column-gap: 3.75rem;
}

.services__list li {
  display: flex;

  align-items: start;

  gap: 4.0625rem;
}

.services__list img {
  width: 5.125rem;
}

.services__list h4 {
  color: #09334f;

  font-size: 1.75rem;

  font-weight: 600;
}

.services__list p {
  margin-top: 1.25rem;

  color: #09334f;

  font-size: 1rem;

  font-weight: 400;
}

/* SECTION 4 */

.section4 {
  background: #09334f;

  padding-top: 11.25rem;

  padding-bottom: 9.375rem;

  position: relative;

  overflow: hidden;
}

.section4__decoration {
  position: absolute;

  z-index: 1;

  width: 54.625rem;

  transform: rotate(-19.41deg);

  top: 5.625rem;

  left: -14.0625rem;

  opacity: 0.7;
}

.section4 .container {
  position: relative;

  z-index: 2;
}

.section4__top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 6.875rem;
}

.id-blank {
  /* width: 47.5rem; */

  max-width: 50%;
}

.section4__label {
  color: #f7f6f6;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: uppercase;
}

.section4__header {
  margin-top: 1.875rem;

  margin-bottom: 1.875rem;

  color: #feffab;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.section4__descr {
  color: #f7f6f6;

  font-size: 1.125rem;

  font-weight: 400;

  margin-bottom: 1.25rem;
}

.section4__descr:last-of-type {
  margin-bottom: 0;
}

.section4 .card {
  margin-top: 9.375rem;
}

.card {
  background: white;

  border-radius: 1.25rem;

  padding: 7.1875rem 7.5rem;
}

.card__row {
  margin-bottom: 5rem;
}

.card__row:last-of-type {
  margin-bottom: 0;
}

.card__header {
  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 1.875rem;
}

.card hr {
  height: 0rem;

  border: 0.0625rem #09334f solid;
}

.card__list {
  margin-top: 1.875rem;

  display: grid;

  grid-template-columns: repeat(6, 10.3125rem);

  column-gap: 3.125rem;

  row-gap: 3.125rem;
}

.card__term {
  margin-bottom: 0.6875rem;

  color: #09334f;

  font-size: 1.625rem;

  font-weight: 600;

  text-transform: uppercase;
}

.card__price {
  color: #09334f;

  font-size: 1.125rem;

  font-weight: 500;
}
.red{
	color: red;
  font-weight: 900;
}

/* REQUEST SECTION */

.request {
  background: #feffab;

  padding: 9.375rem 0 5.5rem;
}

.request__inner {
  display: flex;

  align-items: start;

  justify-content: space-between;
}

.request__text {
  max-width: 35.625rem;
}

.request__label {
  color: #09334f;

  font-size: 1.75rem;

  font-weight: 600;
}

.request__discount {
  margin-top: 2.5rem;

  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.request .form {
  width: 32.5rem;
}

.request .form .button {
  width: 26.25rem;

  text-transform: none;

  margin-top: 5rem;
}

.request .form input {
  padding: 1.375rem 2.1875rem;

  background: #f7f6f6;

  border-radius: 0.9375rem;

  border: 0.125rem #feffab solid;

  font-size: 1rem;
}

.request .form input:focus {
  border: double 0.125rem transparent;

  background-image: linear-gradient(white, white),
    linear-gradient(to right, #fcff71, #053fa6);

  background-origin: border-box;

  background-clip: padding-box, border-box;

  outline: none;
}

.request .form .input_error {
  border: double 0.125rem transparent;

  background-image: linear-gradient(white, white),
    linear-gradient(to right, #970000, #970000);

  background-origin: border-box;

  background-clip: padding-box, border-box;

  outline: none;
}

.request .form .input_completed {
  border-color: #309700;

  position: relative;
}

.request .form .input__outer:last-of-type input {
  margin-bottom: 0;
}

.reviews {
  background: #f7f6f6;

  padding: 9.375rem 0 7.5rem;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  gap: 40px;
}

.reviews__title {
  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.mySwiper {
  padding: 1.25rem 0;
}

.swiper-slide {
  text-align: center;

  font-size: 1.125rem;

  background: #fff;

  height: auto !important;

  margin-bottom: 2.8125rem;

  box-shadow: 0rem 0rem 0.8125rem #c4c4c4;

  border: 0.0625rem #e8e8e8 solid;
}

.rtr {
  width: 100%;

  height: 400px;
}

.review__top {
  display: flex;

  align-items: center;

  padding-left: 1.625rem;

  height: 4.75rem;

  gap: 0.625rem;

  border-bottom: 0.0625rem solid #e1e8ed;
}

.user__pic {
  width: 2.25rem;

  height: 2.25rem;

  border-radius: 50%;
}

.user-name {
  text-align: left;

  color: #1c2022;

  font-size: 0.75rem;

  font-weight: 400;

  line-height: 0.7813rem;
}

.stars-wrapper {
  text-align: left;

  margin-top: 0.3125rem;
}

.stars-wrapper img {
  width: 0.8125rem;

  margin-right: -0.125rem;
}

.review__time {
  margin-top: 0.25rem;

  color: black;

  font-size: 0.75rem;

  font-weight: 400;

  line-height: 0.7813rem;

  text-align: left;
}

.review__text {
  color: black;
  word-wrap: break-word;
  font-size: 0.875rem;

  font-weight: 400;

  line-height: 1.625rem;

  margin: 0.625rem 0.9375rem;

  text-align: left;
}

/* QUESTIONS SECTION */

.questions {
  padding: 9.375rem 0;

  background: #e7eff3;
}

.questions__title {
  color: #101010;

  font-size: 3.5rem;

  font-weight: 500;

  margin-bottom: 4.9375rem;
}

.accordion {
  .accordion__item {
    border-bottom: 0.125rem #101010 solid;
  }

  button {
    color: #101010;

    font-size: 2.375rem;

    font-weight: 500;

    position: relative;

    display: block;

    text-align: left;

    width: 100%;

    padding-bottom: 1.5625rem;

    margin-top: 1.875rem;

    border: none;

    background: none;

    outline: none;

    &:hover {
      cursor: pointer;

      &::after {
        cursor: pointer;
      }
    }

    .accordion__title {
      padding-bottom: 1.5625rem;

      margin-right: 3.125rem;

      display: inline-block;
    }

    .icon {
      display: inline-block;

      position: absolute;

      top: 1.125rem;

      right: 0;

      width: 1.375rem;

      height: 1.375rem;

      &::before {
        display: block;

        position: absolute;

        content: "";

        top: 0.5rem;

        left: -0.75rem;

        width: 1.875rem;

        height: 0.125rem;

        background: currentColor;
      }

      &::after {
        display: block;

        position: absolute;

        content: "";

        top: -0.375rem;

        left: 0.125rem;

        width: 0.125rem;

        height: 1.875rem;

        background: currentColor;
      }
    }
  }

  button[aria-expanded="true"] {
    .icon {
      &::after {
        width: 0;
      }
    }

    + .accordion__content {
      opacity: 1;

      max-height: 11em;

      transition: all 200ms linear;

      will-change: opacity, max-height;
    }
  }

  .accordion__content {
    opacity: 0;

    max-height: 0;

    overflow: hidden;

    transition: opacity 200ms linear, max-height 200ms linear;

    will-change: opacity, max-height;

    p {
      max-width: 60%;

      font-size: 1.375rem;

      font-family: "Montserrat", sans-serif;

      font-weight: 300;

      margin: 0.625rem 0 1.875rem;

      color: #101010;
    }
  }
}

/* SECTION 8 */

.section8 {
  background-color: #09334f;

  padding: 6.875rem 0 6.25rem;

  .container {
    display: flex;

    align-items: center;

    /* gap: 10.625rem; */
  }

  .passport-img {
    margin-left: -3.75rem;

    width: 50%;

    margin-right: 10%;
  }

  .section8__title {
    color: white;

    font-size: 3rem;

    font-weight: 600;

    text-transform: uppercase;
  }

  .section8__descr {
    margin-top: 2.5rem;

    margin-bottom: 5rem;

    color: white;

    font-size: 1.125rem;

    font-weight: 400;
  }

  .input__outer {
    max-width: 32.3125rem;
  }

  input {
    border-color: transparent;
  }

  .button {
    width: 21.5rem;

    margin-top: 5rem;
  }
}

/* CONTACTS section */

.contacts {
  background: #f7f6f6;

  height: 37.5rem;
}

a {
  color: #09334f;

  font-size: 1.125rem;

  font-weight: 500;
}

.contacts .phones {
  flex-direction: column;

  align-items: start;

  gap: 1.25rem;

  margin-bottom: 5rem;
}

.row {
  display: flex;

  align-items: start;

  gap: 8.75rem;
}

.contacts .credentials {
  flex-direction: column;

  align-items: start;

  gap: 1.25rem;
}

.credentials__item:last-of-type {
  margin-left: 0;
}

.socials {
  display: flex;

  align-items: center;

  gap: 1.25rem;
}

.credentials__item:last-of-type {
  margin-left: 0;
}

.contacts__addresses {
  display: flex;

  flex-direction: column;

  align-items: start;

  gap: 1.5625rem;
}

.address {
  display: flex;

  align-items: center;

  gap: 2.125rem;
}

.address img {
  width: 1.375rem;
}

.address span {
  color: #09334f;

  font-size: 1.75rem;

  font-weight: 600;
}

.contacts .container {
  padding-top: 9.375rem;

  /* position: relative; */
}

.contacts__card {
  background: #feffab;

  border-radius: 1.25rem;

  padding: 5.625rem 6.25rem 6.875rem;

  margin-bottom: -5rem;

  position: absolute;

  z-index: 2;

  width: 92.5rem;
}

.contacts__title {
  color: #09334f;

  font-size: 3rem;

  font-weight: 600;

  text-transform: uppercase;
}

.contacts__wrapper {
  margin-top: 5.375rem;

  display: flex;

  align-items: start;

  justify-content: space-between;
}

.footer {
background: #101010;
  padding: 13.75rem 0 8.75rem;
}

.footer .logo {
  position: static;
  color: #f7f6f6;
  font-size: 2.375rem;
}

.footer__col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.5fr;
  gap: 90px;
}
.menu_footer {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.menu_footer a {
  font-family: "Mulish", sans-serif;
  font-weight: 600;
  color: #f7f6f6;
  line-height: 23.4px;
}
.footer hr {
  margin: 1.875rem 0 3.125rem;
  border: 0.0625rem solid #f7f6f6;
  opacity: 0.5;
}

.footer .phones {
  display: block;
  margin-bottom: 2.5rem;
}

.footer .phones__item {
  margin-bottom: 0.9375rem;
}

.footer .phone__text {
  color: #f7f6f6;
  font-size: 1.125rem;
}

.footer__title {
  color: #f7f6f6;
  font-size: 2.375rem;
  font-weight: 500;
}

.footer .credentials {
  display: block;
}

.footer .credentials-link {
  color: #f7f6f6;
  margin-bottom: 0.9375rem;
}

.footer__text {
  color: #f7f6f6;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 1.0625rem 0 1.375rem;
}

.footer .form input {
  background-color: transparent;
  padding: 1.375rem 2.125rem;
  background-image: none;
  border: none;
  outline: none;
  border-bottom: 0.0625rem solid #f7f6f63f;
  color: white;
}

.footer .form input::placeholder {
  color: white;
  opacity: 0.5;
}

.footer .form .button {
  margin-top: 1.25rem;
  text-transform: none;
}

.map__wrapper {
  margin-top: 3.75rem;
}

@media (max-width: 112.5rem) {
  .header a {
    font-size: 1rem;
  }

  .phones {
    gap: 1.875rem;
  }

  .credentials-link__icon {
    width: 2.125rem;
  }

  .card__list {
    grid-template-columns: repeat(3, 10.3125rem);
  }

  .navbar__fixed .logo {
    margin-left: 10rem;
  }

  .navbar__fixed .langlist {
    margin-right: 10rem;
  }

  .section8 .section8__title {
    font-size: 2.625rem;
  }

  .address {
    gap: 1.5625rem;
  }

  .contacts .address img {
    width: 1.125rem;
  }

  .contacts .address span {
    font-size: 1.5rem;
  }

  .contacts__links .row {
    gap: 0;
  }

  .contacts__links .phones {
    margin-right: 5rem;
  }

  .contacts__card {
    width: auto;
    left: 10rem;
    right: 10rem;
  }
}

@media (max-width: 100rem) {
  .phones {
    gap: 1.25rem;
  }

  .phone__text {
    margin-left: 0.25rem;
  }

  .credentials-link__icon {
    width: 1.875rem;
  }

  .credentials-link__text {
    margin-left: 0.375rem;
  }

  .socials {
    gap: 0.9375rem;
  }

  .socials-link__icon {
    width: 1.875rem;
  }

  .contactus__header {
    font-size: 3.5rem;
  }

  .contactus__descr {
    margin-bottom: 2.5rem;
  }

  .contactus button {
    padding: 1.375rem 2.5rem;
  }

  .section2__info {
    max-width: 40%;
  }

  .section2__header {
    font-size: 2.25rem;
  }

  .contacts__wrapper {
    display: block;
  }

  .contacts__links .phones {
    margin-bottom: 2.5rem;
  }

  .socials img {
    width: 2.1875rem;
  }

  .contacts__addresses {
    margin-top: 4.375rem;
  }

  .contacts {
    height: 48.75rem;
  }
}

@media (max-width: 93.75rem) {
  .phones {
    flex-direction: column;
    gap: 0.625rem;
    align-items: start;
  }

  .credentials {
    flex-direction: column;
    gap: 0.625rem;
    align-items: start;
  }

  .header__inner {
    align-items: start;
  }

  .id-card-img {
    margin-left: 6.25rem;
  }

  .hero__section.registration {
    margin-top: 9.375rem;
  }

  .hero__section .info {
    margin-left: 6.25rem;
  }

  .section2__form-container {
    width: 50%;
  }

  .services__list li {
    gap: 2.5rem;
  }

  .request__form-wrapper {
    width: 38%;
  }

  .request .form {
    width: 100%;
  }

  .request .form .button {
    width: 75%;
  }

  .footer__top .container {
    padding: 0 10rem;
  }
  .footer__col {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 87.5rem) {
  .container {
    padding: 0 6.25rem;
  }

  .navbar__fixed .logo {
    margin-left: 6.25rem;
  }

  .navbar__fixed .langlist {
    margin-right: 6.25rem;
  }

  .hero__inner {
    padding-top: 13.75rem;
  }

  .hero__section.registration {
    margin-top: 11.25rem;
  }

  #hd2 {
    left: 50rem;
    top: 7.5rem;
  }

  #hd3 {
    width: 62.5rem;
  }

  #hd4 {
    width: 40.625rem;
    left: 31.25rem;
  }

  .section4 {
    padding-top: 8.75rem;
  }

  .section4__header {
    font-size: 2.25rem;
  }

  .section4__decoration {
    width: 43.75rem;
    top: 9.375rem;
    left: -12.5rem;
  }

  .request__form-wrapper {
    width: 40%;
  }

  .request .form {
    width: 100%;
  }

  .request .form .button {
    margin-top: 3.75rem;
    width: 75%;
    padding: 1.25rem 0;
  }

  .request__label {
    font-size: 1.5rem;
  }

  .request__discount {
    margin-top: 1.875rem;
    font-size: 2.25rem;
  }

  .section8 .section8__descr {
    margin-bottom: 3.75rem;
    margin-top: 1.875rem;
  }

  .section8 .button {
    margin-top: 3.75rem;
  }

  .contacts .container {
    padding: 7.5rem;
  }

  .contacts__card {
    left: 6.25rem;
    right: 6.25rem;
  }

  .footer__top .container {
    display: block;
    padding: 0 15.625rem;
  }

  .footer__col {
    display: grid;
  }

  .footer__col > div {
    max-width: 25rem;
  }
}

@media (max-width: 75rem) {
  .container {
    padding: 0 2.5rem;
  }

  .navbar__fixed .logo {
    margin-left: 2.5rem;
  }

  .navbar__fixed .langlist,
  .navbar__fixed .dropdown {
    margin-right: 2.5rem;
  }

  .logo {
    font-size: 1.375rem;
  }

  .navlist__item a {
    font-size: 1rem;
  }

  #hd2 {
    left: 37.5rem;
    width: 40.625rem;
  }

  #hd3 {
    width: 50rem;
    top: 53.125rem;
  }

  #hd4 {
    width: 31.25rem;
    left: 37.5rem;
    top: 87.5rem;
  }

  .section2__inner {
    padding-top: 48.75rem;
    padding-bottom: 5rem;
  }

  .section2__form-container {
    width: calc(100% - 18.75rem);
    top: -7.5rem;
    right: 9.375rem;
  }

  .section2__form-container h3 {
    font-weight: 700;
  }

  .section2__info {
    max-width: 70%;
    margin-bottom: 0;
  }

  .section2__header {
    font-size: 3rem;
    margin-bottom: 3.125rem;
  }

  .services {
    padding: 6.25rem 0 5rem;
  }

  .services__list {
    margin-top: 3.75rem;
    row-gap: 3.75rem;
  }

  .services__list img {
    width: 4.375rem;
  }

  .services__list h4 {
    font-size: 1.5rem;
  }

  .section4 {
    padding-top: 6.25rem;
  }

  .section4__top {
    gap: 4.375rem;
  }

  .card__row {
    margin-bottom: 4.375rem;
  }

  .card__header {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
  }

  .card__list {
    margin-top: 1.25rem;
    row-gap: 2.1875rem;
  }

  .request__form-wrapper {
    width: 60%;
  }

  .reviews {
    padding: 6.875rem 0 5.625rem;
  }

  .reviews__title {
    font-size: 2.25rem;
  }

  .section8 .passport-img {
    margin-left: 0;
    margin-right: 5%;
  }

  .section8 .section8__title {
    font-size: 2.25rem;
  }

  .section8 .button {
    margin-top: 3.125rem;
    text-transform: none;
    font-weight: 500;
  }

  .contacts__card {
    left: 2.5rem;
    right: 2.5rem;
  }

  .footer__top .container {
    padding: 0 10rem;
  }
}

@media (max-width: 62.5rem) {
  .contactus__header {
    font-size: 3rem;
  }

  .contactus__descr {
    font-size: 1rem;
    margin: 0.9375rem 0 1.875rem;
  }

  .contactus button {
    font-size: 0.875rem;
    padding: 1.125rem 1.875rem;
  }

  .hero__section.registration {
    margin-top: 8.75rem;
  }

  .info__header {
    font-size: 3rem;
    margin: 1.25rem 0;
  }

  .info__descr {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }

  #hd2 {
    left: 31.25rem;
    width: 31.25rem;
  }

  #hd4 {
    display: none;
  }

  .section2__form-container {
    width: calc(100% - 12.5rem);
    top: -7.5rem;
    right: 6.25rem;
  }

  .section2__header {
    font-size: 2.625rem;
  }

  .services__list {
    grid-template-columns: 1fr;
  }

  .services__list li {
    width: 80%;
  }

  .services__list img {
    width: 5.125rem;
  }

  .services__list h4 {
    font-size: 1.75rem;
  }

  .section4 {
    padding-top: 8.75rem;
  }

  .section4__top {
    flex-direction: column;
    align-items: start;
    gap: 5.625rem;
  }

  .section4__top > div {
    width: 75%;
  }

  .id-blank {
    max-width: calc(100% + 1.25rem);
    margin-left: -1.25rem;
    width: calc(100% + 1.25rem);
  }

  .section4__decoration {
    width: 50rem;
    top: 15.625rem;
    left: 37.5rem;
  }

  .section4 .card {
    margin-top: 7.5rem;
    padding: 6.875rem 3.75rem;
  }

  .card__row {
    margin-bottom: 5rem;
  }

  .card__header {
    font-size: 2rem;
  }

  .card__term {
    font-size: 1.5rem;
  }

  .card__list {
    row-gap: 1.5625rem;
    grid-template-columns: repeat(3, 9.375rem);
  }

  .request {
    padding: 7.5rem 0;
  }

  .request .container {
    padding: 0 7.8125rem;
  }

  .request__inner {
    display: block;
  }

  .request__label {
    font-weight: 500;
  }

  .request__form-wrapper {
    margin-top: 6.25rem;
    width: 100%;
  }

  .request input {
    margin-bottom: 1.25rem;
  }

  .request .form .button {
    width: 60%;
  }

  .questions {
    padding: 7.5rem 0;
  }

  .questions__title {
    font-size: 2.375rem;
  }

  .accordion__title {
    font-size: 1.75rem;
  }

  .accordion .accordion__content p {
    font-size: 1.125rem;
  }

  .section8 .container {
    padding: 0 6.875rem;
    flex-direction: column;
  }

  .section8 .passport-img {
    margin: 0;
    width: 70%;
  }

  .section8 .section8__title {
    margin-top: 2.5rem;
  }

  .contacts__title {
    font-size: 2.625rem;
  }

  .footer {
    padding: 10rem 0 6.25rem;
  }

  .footer__top .container {
    padding: 0 6.25rem;
  }
}

@media (max-width: 53.125rem) {
  .dropdown {
    display: inline-block;
  }

  .langlist {
    display: none;
  }

  .navlist {
    margin-left: 3.125rem;
  }

  .hero__section {
    flex-direction: column;
    /* margin-top: 16.25rem; */
  }

  .hero__inner {
    padding-top: 16.25rem;
    padding-bottom: 31.25rem;
  }

  .contactus {
    max-width: 31.25rem;
    margin-bottom: 6.875rem;
  }

  .contactus__descr {
    margin: 1.25rem 0 3.125rem;
  }

  .hero .button {
    padding: 1.25rem 3.375rem;
    text-transform: none;
    font-size: 1.125rem;
  }

  .id-card-img {
    margin: 0;
    max-width: 100%;
  }

  .hero__section.registration {
    align-items: start;

    .info {
      margin: 0;
      max-width: 33.125rem;
    }

    .info__header {
      font-size: 2.25rem;
    }

    .info__descr {
      font-weight: 400;
    }
  }

  .dovidka-img {
    margin-top: 5rem;
    min-width: 100%;
  }

  #hd1 {
    left: 34.375rem;
    top: 1.25rem;
    width: 26.25rem;
  }

  #hd2 {
    top: 28.125rem;
    left: 18.75rem;
  }

  #hd3 {
    top: 106.25rem;
    left: -25rem;
  }

  .section2__form-container {
    top: -22.5rem;
    width: calc(100% - 5rem);
    right: 2.5rem;
  }

  .section2__inner {
    padding-top: 32.5rem;
  }

  .services__list li {
    width: 90%;
  }

  .section4__decoration {
    left: 27.5rem;
  }

  .request .form .button {
    width: 75%;
  }

  .questions {
    padding: 5.625rem 0;
  }

  .questions__title {
    margin-bottom: 3.75rem;
  }

  .accordion .accordion__content p {
    max-width: 90%;
  }

  .section8 .passport-img {
    margin: 0;
    width: 90%;
  }

  .contacts__card {
    padding: 4.375rem 3.125rem 5rem;
  }

  .contacts {
    height: 43.75rem;
  }

  .footer__top .container {
    padding: 0 2.5rem;
  }

  .dovidka-img {
    width: 100%;
  }

  .card__list {
    row-gap: 1.5625rem;
    grid-template-columns: repeat(2, 9.375rem);
  }
}

@media (max-width: 46.875rem) {
  .navbar > .navlist,
  .navbar > .dropdown {
    display: none;
  }

  .burger {
    display: flex;
  }

  #burger_active {
    margin: 0;
  }

  .navbar__fixed .burger {
    margin-right: 2.5rem;
  }

  .header .credentials,
  .header .socials {
    display: none;
  }

  .section2__form-container {
    left: 0;
    width: 100%;
  }

  .section2__info {
    max-width: 100%;
  }

  .services__header {
    font-size: 2.25rem;
  }

  .services__list img {
    width: 4.375rem;
  }

  .services__list li {
    width: 100%;
  }

  .accordion button {
    padding-bottom: 0;
  }

  .contacts__links .row {
    display: block;
    margin-bottom: 2.1875rem;
  }

  .contacts__wrapper {
    margin-top: 2.5rem;
  }

  .contacts .address span {
    font-size: 1.125rem;
  }

  .contacts .address img {
    width: 0.875rem;
  }

  .address {
    gap: 0.9375rem;
  }

  .footer__col {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .footer__col > div {
    max-width: 100%;
  }
}

@media (max-width: 40.625rem) {
  .hero__inner {
    padding-top: 10rem;
  }

  .contactus__header {
    font-size: 2.25rem;
  }

  .section2__header {
    font-size: 2.25rem;
  }

  .section4__top > div {
    width: 100%;
  }

  .card__header {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .card__term {
    font-size: 1rem;
  }

  .card__price {
    font-size: 0.875rem;
  }

  .card__list {
    row-gap: 1.25rem;
    column-gap: 10%;
  }

  .section4 .card {
    margin-top: 5rem;
    padding: 5rem 3.75rem;
  }

  .section4 {
    padding-bottom: 5rem;
  }

  .request .container {
    padding: 0 2.5rem;
  }

  .reviews {
    padding: 5rem 0 3.75rem;
  }

  .reviews__title {
    font-size: 1.75rem;
  }

  .slider__wrapper {
    transform: scale(70%) translateY(-9.375rem);
  }

  .slider-container {
    height: 40.625rem;
  }

  .section8 .container {
    padding: 0 2.5rem;
  }

  .section8 {
    padding: 5rem 0 4.375rem;
  }

  .section8 .section8__title {
    margin-top: 2.25rem;
  }

  .contacts__title {
    font-size: 2.25rem;
  }

  .footer__col {
    display: block;
  }

  .footer__item {
    margin-bottom: 3.125rem;
  }

  .footer hr {
    margin-bottom: 1.875rem;
  }

  .footer__col {
    margin-top: 1.25rem;
  }
}

@media (max-width: 31.25rem) {
  .mob_menu .dropdown .dropbtn {
    font-size: 1.125rem;
  }

  .mob_menu .dropbtn::before {
    transform: scale(100%);
  }

  .phone__text,
  .credentials-link__text {
    font-size: 1rem;
  }

  .contacts__links .phones {
    margin-right: 0;
  }

  .hero__section.registration {
    margin-top: 5rem;
  }

  .hero .button {
    padding: 1.125rem 1.875rem;
    font-size: 1rem;
  }

  .contactus {
    margin-bottom: 4.375rem;
  }

  .hero__inner {
    padding-bottom: 12.5rem;
  }

  .section2__form-container {
    top: -6.25rem;
  }

  .section2__form-container h3 {
    font-size: 1.75rem;
  }

  .section2__form-container p {
    font-size: 1rem;
  }

  .section2__form-container form {
    margin-top: 2.1875rem;
  }

  .form input {
    padding: 1.125rem 1.375rem;
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }

  .form textarea {
    padding: 1.125rem 1.375rem;
    min-height: 8.125rem;
    margin-bottom: 1.875rem;
  }

  .form .button {
    text-transform: none;
    font-size: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .section2__form-container {
    height: 39.375rem;
  }

  .section2__inner {
    padding-top: 37.5rem;
    padding-bottom: 2.5rem;
  }

  .services {
    padding: 4.375rem 0 3.125rem;
  }

  .services__list img {
    width: 3.4375rem;
  }

  .services__list h4 {
    font-size: 1.5rem;
  }

  .services__list li {
    gap: 1.25rem;
  }

  .services__list p {
    margin-top: 0.625rem;
  }

  .section4 {
    padding-top: 5rem;
  }

  .card__list {
    row-gap: 1.875rem;
    grid-template-columns: 1fr;
    margin-left: 1.25rem;
  }

  .card__row {
    margin-bottom: 3.125rem;
  }

  .card__term {
    font-size: 1.5rem;
  }

  .card__price {
    font-size: 1.125rem;
  }

  .card__header {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .request {
    padding: 5rem 0;
  }

  .request__discount {
    margin-top: 1.875rem;
    font-size: 1.75rem;
  }

  .request__form-wrapper {
    margin-top: 2.5rem;
  }

  .request .form .button {
    width: 100%;
  }

  .slider__wrapper {
    transform: scale(70%) translateY(-9.375rem) translateX(6.25rem);
  }

  .questions__title {
    margin-bottom: 2.5rem;
    font-size: 1.75rem;
  }

  .accordion {
    & button {
      .accordion__title {
        padding-bottom: 1.125rem;
        margin-right: 3.125rem;
        font-size: 1.375rem;
      }
    }
  }

  .accordion .accordion__content p {
    font-size: 1rem;
  }

  .accordion {
    & button {
      .icon {
        transform: scale(80%);
      }
    }
  }

  .section8 .section8__title {
    font-size: 1.75rem;
  }

  .contacts__card {
    transform: translateY(-3.125rem);
    left: 1.25rem;
    right: 1.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .contacts .address span {
    font-size: 1rem;
  }

  .footer {
    padding-top: 6.875rem;
    padding-bottom: 3.75rem;
  }
}

@media (max-width: 25rem) {
  .logo {
    font-size: 1.25rem;
  }

  .burger {
    transform: scale(70%);
  }

  .mob_menu__inner {
    padding: 4.375rem 2.5rem;
  }

  .burger.active {
    transform: translate(0, 2.8125rem);
  }

  .section2__form-container {
    margin-left: -1.25rem;
    width: calc(100% + 2.5rem);
    padding: 2.5rem 1.5625rem;
  }

  .section2 .form .button {
    max-width: 100%;
  }

  .services__list img {
    width: 2.5rem;
  }

  .services__list h4 {
    font-size: 1.125rem;
  }

  .services__list p {
    font-size: 0.875rem;
  }

  .section4 .card {
    padding: 3.75rem 1.875rem;
  }

  .card__list {
    margin-left: 0rem;
  }

  .card__term {
    font-size: 1.25rem;
  }

  .card__header {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }

  .section4__header {
    font-size: 1.75rem;
  }

  .request__label {
    font-size: 1.125rem;
  }

  .request__discount {
    margin-top: 1.875rem;
    font-size: 1.375rem;
  }

  .request .form input {
    margin-bottom: 0.9375rem;
  }

  .request .form .button {
    margin-top: 3.125rem;
  }

  .slider__wrapper {
    transform: scale(50%) translateY(-26.25rem) translateX(0.625rem);
  }

  .slider-container {
    height: 31.25rem;
  }

  .accordion {
    & button {
      .accordion__title {
        padding-bottom: 0.625rem;
        font-size: 1.125rem;
      }
    }
  }

  .accordion {
    & button {
      .icon {
        transform: scale(60%);
      }
    }
  }

  .section8 .section8__title {
    font-size: 1.5rem;
  }

  .section8 .container {
    align-items: start;
  }

  .section8 .container > div {
    width: 100%;
  }

  .section8 .form .button {
    max-width: 100%;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 1rem;
  }

  .contacts__card {
    padding: 2.5rem 1.25rem;
  }

  .contacts {
    height: 37.5rem;
  }

  .footer__title,
  .footer .logo {
    font-size: 1.5rem;
  }

  .footer hr {
    margin-top: 0.9375rem;
  }
}

.urgent {
  padding: 9.375rem 0;
  position: relative;
}
.urgent .container {
  padding: 0 200px;
}
.urgent .fon {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.urgent .grid {
  display: grid;
  grid-template-columns: 2fr 1.5fr;
  gap: 165px;
}
.urgent .content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
.urgent .icon_container img {
  object-fit: cover;
}
.urgent .title {
  /* land_head */
  color: rgb(20, 20, 20);
  font-size: 48px;
  font-weight: 600;
  line-height: 59px;
  letter-spacing: 0%;
  text-align: left;
  text-transform: uppercase;
}
.urgent ul {
  /* txt_lang */
  color: rgb(20, 20, 20);
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
}
.urgent ul li {
  display: flex;
  gap: 5px;
}
.urgent .call {
  display: block;
  margin-top: 30px;
  font-size: 28px;
  font-weight: 600;
  line-height: 34.13px;
  text-align: left;
  color: #fbfbfb;
  background: #141414;
  padding: 12px 40px;
  border-radius: 500px;
  width: fit-content;
}
.urgent .form {
  padding: 80px 49px 49px;
  border: 1px solid #141414;
  border-radius: 15px;
}
.urgent .form .input,
.urgent .form .area {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  padding: 19px 16px;
  border: 1px solid rgb(20, 20, 20);
  border-radius: 10px;
  background: transparent;
  color: rgb(20, 20, 20);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}

.urgent .form .input::placeholder,
.urgent .form .area::placeholder {
  color: rgb(20, 20, 20);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0%;
  text-align: left;
  opacity: 1;
}

.urgent .btn_black {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: rgb(251, 251, 251);
  font-size: 16px;
  text-align: left;
  border-radius: 73px;
  color: #fbfbfb;
  width: fit-content;
  background: rgb(20, 20, 20);
  padding: 22px 45px;
  border: 2px solid rgb(20, 20, 20);
  cursor: pointer;
  transition: background 0.2s linear;
}
.urgent .btn_black:hover {
  background: transparent;
  color: rgb(20, 20, 20);
}
@media (max-width: 1200px) {
  .urgent .grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .urgent {
    padding: 100px 0;
  }
  .urgent .container {
    padding: 0 40px;
  }
  .urgent .content {
    gap: 50px;
  }
  .urgent .form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
  }
}
@media (max-width: 650px) {
  .urgent {
    padding: 4.375rem 0 3.125rem;
  }
  .urgent .icon_container img {
    width: 90px;
    height: auto;
  }
  .urgent .title {
    font-size: 36px;
    line-height: 36px;

  }
  .urgent .container {
    padding: 0 40px;
  }
  .urgent .content {
    gap: 20px;
  }
  .urgent .call {
    padding: 12px 20px;
    font-size: 1rem;
    border-radius: 0.625rem;
    text-align: center;
  }
  .urgent .form {
    width: 100%;
    padding: 38px 20px 20px 20px;
  }
  .urgent .btn_black {
    width: 100%;
    padding: 22px 15px;
    border-radius: 0.625rem;
    text-align: center;
  }
}