@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none !important;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

:where(blockquote, figure):where([class]) {
  margin: 0;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

:where(ul[class]) {
  list-style: none;
}

p {
  --paragraphMarginBottom: 24px;
  margin-block: 0;
}
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

img {
  display: block;
  max-width: 100%;
}

input,
textarea,
select,
button {
  font: inherit;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

a {
  color: inherit;
  transition: 0.2s;
}
a, a:hover {
  text-decoration: none;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0;
}

svg *[fill] {
  fill: currentColor;
}

svg *[stroke] {
  stroke: currentColor;
}

body {
  padding: 0;
  margin: 0;
}

:root {
  --color-primary: #90aaa6;
  --color-secondary: #cfbdae;
  --color-white: #fff;
  --color-dark: #1f1e1d;
  --color-body: #f4f4f5;
  --color-text: #797674;
  --border-radius: 15px;
  --transition: 0.2s;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 20px;
  border-radius: 12px;
  background-color: var(--color-primary);
  padding-inline: 30px;
  color: var(--color-white);
  font-weight: 600;
  transition: var(--transition);
}
.btn:hover {
  background-color: #9bb9b5;
}

.heading {
  font-size: clamp(25px, 2.7586206897vw, 40px);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0 15px;
  flex-wrap: wrap;
  padding: 30px 0;
  font-weight: 800;
  color: var(--color-primary);
}
.heading__text {
  margin-bottom: 50px;
  max-width: 700px;
  font-size: clamp(16px, 1.3793103448vw, 20px);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 200;
  width: 100%;
  height: 100vh;
}
.modal.open {
  visibility: visible;
  opacity: 1;
}
.modal.open .modal__content {
  transform: translateY(0px);
}
.modal__content {
  background-color: var(--color-white);
  padding: 30px;
  border-radius: var(--border-radius);
  width: 100%;
  max-width: 450px;
  transition: var(--transition);
  transform: translateY(30px);
  position: relative;
  z-index: 300;
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.modal__header-title {
  font-size: 30px;
  font-weight: 800;
}
.modal__header-icon {
  opacity: 0.2;
  transition: var(--transition);
}
.modal__header-icon:hover {
  opacity: 1;
}
.modal__form {
  margin-top: 20px;
}

.backdrop::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.5);
}

.dropdown {
  position: relative;
  width: max-content;
}
.dropdown-btn {
  width: max-content;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 60px;
  border-radius: 12px;
  transition: var(--transition);
  font-weight: 600;
  color: rgb(64, 99, 131);
}
@media (max-width: 460px) {
  .dropdown-btn {
    height: 40px;
  }
}
.dropdown-btn span {
  background: no-repeat 0 100%;
  background-image: linear-gradient(var(--color-primary), var(--color-primary));
  background-size: 0% 1px;
  transition: var(--transition);
}
@media (max-width: 490px) {
  .dropdown-btn span {
    display: none;
  }
}
.dropdown-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.70515 5.49992C5.09567 5.89045 5.72884 5.89045 6.11936 5.49992L9.70515 1.91414C10.3351 1.28417 9.88895 0.207031 8.99804 0.207031H1.82647C0.935563 0.207031 0.489396 1.28417 1.11936 1.91414L4.70515 5.49992Z' fill='%23797674'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 6px;
  background-repeat: no-repeat;
}
@media (max-width: 460px) {
  .dropdown-btn::after {
    display: none;
  }
}
.dropdown-btn:hover span {
  background-size: 100% 1px;
}
.dropdown-btn.active::after {
  transform: rotate(180deg);
}
.dropdown-btn:hover, .dropdown-btn.active {
  background-color: #ededed;
}
.dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 75px;
  right: 0;
  width: 140px;
  background-color: #fff;
  padding: 10px;
  transform: translateY(-10px);
  transition: 0.2s;
  border-radius: var(--border-radius);
}
@media (max-width: 460px) {
  .dropdown-content {
    top: 70px;
  }
}
.dropdown-content.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color--dark);
  height: 40px;
  padding-inline: 10px;
  font-weight: 700;
  border-radius: 10px;
}
.dropdown-item:hover {
  background-color: #ededed;
}

.relative {
  position: relative;
}

.px-0 {
  padding-inline: 0 !important;
}

body {
  background-color: var(--color-body);
  font-family: "Nunito", sans-serif;
  color: var(--color-text);
}

.container {
  width: 100%;
  max-width: 1450px;
  margin-inline: auto;
  padding-inline: 25px;
}

.header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  padding-inline: 15px;
}
@media (max-width: 550px) {
  .header__logo img {
    height: 34px;
  }
}
.header__inner {
  display: grid;
  grid-template-columns: 250px 1fr 250px;
  grid-gap: 20px;
  align-items: center;
  margin-top: 20px;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  height: 80px;
  margin-inline: auto;
  width: 100%;
  max-width: 1450px;
  padding-inline: 10px;
}
@media (max-width: 950px) {
  .header__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-inline: 0 10px;
  }
}
@media (max-width: 550px) {
  .header__inner {
    height: 60px;
  }
  .header__inner .btn {
    height: 46px;
    padding-inline: 20px;
    font-size: 16px;
  }
}
.header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 950px) {
  .header__nav {
    display: none;
  }
}
.header__nav a {
  font-size: 20px;
  font-weight: 700;
}
.header__nav a:hover {
  color: var(--color-primary);
}
.header__options {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  justify-self: end;
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  background-image: url("/assets/img/wrapper-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  position: relative;
}
@media (max-width: 900px) {
  .wrapper {
    height: 60vh;
  }
}
.wrapper::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, #f4f4f5, rgba(244, 244, 245, 0));
  z-index: 1;
}
.wrapper__logo {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0;
  max-height: 240px;
}
@media (max-width: 1100px) {
  .wrapper__logo img {
    height: 150px;
  }
}
@media (max-width: 900px) {
  .wrapper__logo {
    margin-inline: auto;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    width: max-content;
    padding: 15px;
  }
  .wrapper__logo img {
    height: 100px;
  }
}
.wrapper__detalic {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  z-index: 20;
  padding-inline: 15px;
}
@media (max-width: 900px) {
  .wrapper__detalic {
    bottom: -100px;
  }
}
.wrapper__detalic-inner {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  width: max-content;
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}
@media (max-width: 1028px) {
  .wrapper__detalic-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-inline: auto;
  }
}
@media (max-width: 550px) {
  .wrapper__detalic-inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.wrapper__detalic-item {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
}
.wrapper__detalic-item p {
  margin-bottom: 5px;
  font-size: 14px;
}
.wrapper__detalic-item span {
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 700;
}
.wrapper__detalic-item svg {
  color: var(--color-primary);
}

.main {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-top: 100px;
}
@media (max-width: 900px) {
  .main {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
}

.about {
  max-width: 700px;
}
.about p {
  font-size: clamp(17px, 1.3793103448vw, 20px);
}

.gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
@media (max-width: 900px) {
  .gallery {
    grid-template-columns: 1fr;
  }
}

.points__inner {
  display: grid;
  grid-template-columns: 430px 1fr;
  grid-gap: 15px;
  background-color: var(--color-secondary);
  border-radius: var(--border-radius);
  padding: 15px;
}
@media (max-width: 900px) {
  .points__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}
.points__inner-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.points__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--color-white);
  border-radius: 10px;
  padding: 15px;
}
.points__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 18px;
}
.points__list-item p {
  margin-bottom: 0;
}
.points__list-item span {
  color: var(--color-primary);
}
.points__list-item:not(:first-child) {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.detalic__inner {
  background-image: url("/assets/img/detalic-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
  overflow: hidden;
  border-radius: var(--border-radius);
  padding: 15px;
}
.detalic__content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
}
@media (max-width: 1100px) {
  .detalic__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
  }
}
@media (max-width: 700px) {
  .detalic__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
  }
}
@media (max-width: 350px) {
  .detalic__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
}
.detalic__content-item {
  background-color: var(--color-white);
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--color-dark);
  font-size: 18px;
  font-weight: 700;
}

.ametient__inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
  border-radius: var(--border-radius);
  padding: 15px;
  background-color: var(--color-secondary);
}
@media (max-width: 900px) {
  .ametient__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
  }
}
@media (max-width: 540px) {
  .ametient__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
}
.ametient__inner-item {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-between;
  background-color: var(--color-white);
  padding: 15px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  text-transform: lowercase;
}
.ametient__inner-item img {
  width: 50px;
  height: 50px;
}

.swiper {
  position: relative;
  height: 700px;
}
@media (max-width: 1000px) {
  .swiper {
    height: 500px;
  }
}
@media (max-width: 600px) {
  .swiper {
    height: 300px;
  }
}

.swiper-slide img {
  width: 100%;
  height: 700px;
  border-radius: 20px;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .swiper-slide img {
    height: 500px;
  }
}
@media (max-width: 600px) {
  .swiper-slide img {
    height: 300px;
  }
}

.swiper-button-prev,
.swiper-button-next {
  position: relative !important;
  background-color: var(--color-white);
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
  color: #797674 !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 23px !important;
  height: 23px !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: var(--color-dark) !important;
}

.swiper-btns {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 30px;
}
@media (max-width: 600px) {
  .swiper-btns {
    bottom: 15px;
    left: 15px;
  }
}

.brand__line-1, .brand__line-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 900px) {
  .brand__line-1, .brand__line-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 600px) {
  .brand__line-1, .brand__line-2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
.brand__line-1-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 15px;
  font-size: 17px;
  font-weight: 700;
  min-height: 170px;
}
.brand__line-1-item img {
  width: 50px;
  height: 50px;
}
.brand__line-2 {
  margin-top: 30px;
  background-color: var(--color-secondary);
  padding: 15px;
  border-radius: var(--border-radius);
}
.brand__line-2-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 15px;
}
.brand__line-2-item img {
  object-fit: cover;
}

.type__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 20px;
  color: #000;
}
@media (max-width: 750px) {
  .type__inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
}
.type__inner-item p {
  font-size: 24px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.type__inner-item ul,
.type__inner-item li {
  padding-left: 0;
  list-style: none;
  color: #797674;
  font-size: 20px;
}
.type__inner-item ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.type__cover {
  display: block;
  max-width: 100%;
  margin-top: 30px;
  border-radius: var(--border-radius);
  aspect-ratio: 16/9;
}

.plans__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 620px) {
  .plans__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 450px) {
  .plans__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
.plans__inner-item {
  background-color: var(--color-white);
  color: #000;
  padding: 30px;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: 80% 108%;
}
.plans__inner-item p {
  margin-bottom: 0;
  color: var(--color-primary);
  font-size: clamp(25px, 2.7586206897vw, 40px);
  font-weight: 700;
}
.plans__inner-item span {
  font-weight: 700;
  font-size: 18px;
}
.plans__inner-item-1 {
  background-image: url("data:image/svg+xml,%3Csvg width='59' height='75' viewBox='0 0 59 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.968 91.542C5.74933 91.542 4 90.9447 2.72 89.75C1.52533 88.47 0.928 86.7633 0.928 84.63C0.928 82.4113 1.52533 80.7473 2.72 79.638C4 78.5287 5.74933 77.974 7.968 77.974H22.304V15.126H30.24L11.424 26.518C9.80267 27.4567 8.26667 27.8407 6.816 27.67C5.45067 27.414 4.256 26.8167 3.232 25.878C2.29333 24.854 1.65333 23.6593 1.312 22.294C0.970667 20.9287 1.056 19.5633 1.568 18.198C2.16533 16.7473 3.27467 15.5527 4.896 14.614L22.56 3.98999C24.2667 2.96599 25.9733 2.11265 27.68 1.42999C29.3867 0.661985 30.9653 0.277985 32.416 0.277985C34.208 0.277985 35.7013 0.789986 36.896 1.81399C38.0907 2.75265 38.688 4.33132 38.688 6.54999V77.974H51.744C53.9627 77.974 55.6693 78.5287 56.864 79.638C58.144 80.7473 58.784 82.4113 58.784 84.63C58.784 86.8487 58.144 88.5553 56.864 89.75C55.6693 90.9447 53.9627 91.542 51.744 91.542H7.968Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-2 {
  background-image: url("data:image/svg+xml,%3Csvg width='66' height='75' viewBox='0 0 66 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.024 91.542C8.29333 91.542 6.288 90.9447 5.008 89.75C3.81333 88.47 3.216 86.6353 3.216 84.246C3.216 82.7953 3.6 81.3873 4.368 80.022C5.136 78.6567 6.24533 77.206 7.696 75.67L33.424 48.278C37.3493 44.182 40.1653 40.47 41.872 37.142C43.5787 33.7287 44.432 30.3153 44.432 26.902C44.432 22.6353 43.0667 19.3927 40.336 17.174C37.6907 14.9553 33.808 13.846 28.688 13.846C25.7867 13.846 22.8853 14.2727 19.984 15.126C17.0827 15.894 14.1387 17.2593 11.152 19.222C9.616 20.246 8.16533 20.6727 6.8 20.502C5.52 20.3313 4.368 19.7767 3.344 18.838C2.40533 17.8993 1.76533 16.7473 1.424 15.382C1.08267 14.0167 1.12533 12.6513 1.552 11.286C2.064 9.83532 3.088 8.59799 4.624 7.57399C8.29333 5.09932 12.3893 3.22198 16.912 1.94199C21.52 0.661987 26.128 0.0219879 30.736 0.0219879C37.2213 0.0219879 42.6827 1.00332 47.12 2.96599C51.5573 4.92865 54.928 7.78732 57.232 11.542C59.536 15.2967 60.688 19.862 60.688 25.238C60.688 28.822 60.0907 32.3207 58.896 35.734C57.7867 39.1473 56.0373 42.6033 53.648 46.102C51.344 49.6007 48.3147 53.3127 44.56 57.238L20.496 82.326V77.974H58.128C60.432 77.974 62.1813 78.5287 63.376 79.638C64.5707 80.7473 65.168 82.4113 65.168 84.63C65.168 86.8487 64.5707 88.5553 63.376 89.75C62.1813 90.9447 60.432 91.542 58.128 91.542H11.024Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-3 {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='75' viewBox='0 0 65 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.608 92.822C27 92.822 22.2213 92.2247 17.272 91.03C12.3227 89.8353 8.01333 88.0433 4.344 85.654C2.63733 84.5447 1.48533 83.2647 0.888 81.814C0.290667 80.3633 0.12 78.998 0.376 77.718C0.717334 76.3527 1.35733 75.2007 2.296 74.262C3.32 73.3233 4.55733 72.7687 6.008 72.598C7.544 72.4273 9.208 72.8113 11 73.75C14.4987 75.6273 17.8693 76.9927 21.112 77.846C24.3547 78.614 27.6827 78.998 31.096 78.998C34.8507 78.998 38.008 78.486 40.568 77.462C43.128 76.438 45.048 74.902 46.328 72.854C47.6933 70.806 48.376 68.3313 48.376 65.43C48.376 61.1633 46.9253 58.006 44.024 55.958C41.208 53.8247 37.0693 52.758 31.608 52.758H23.416C21.0267 52.758 19.192 52.1607 17.912 50.966C16.7173 49.7713 16.12 48.1073 16.12 45.974C16.12 43.8407 16.7173 42.1767 17.912 40.982C19.192 39.7873 21.0267 39.19 23.416 39.19H30.072C33.3147 39.19 36.088 38.678 38.392 37.654C40.696 36.5447 42.488 35.0087 43.768 33.046C45.048 31.0833 45.688 28.694 45.688 25.878C45.688 21.9527 44.3653 18.966 41.72 16.918C39.16 14.87 35.4053 13.846 30.456 13.846C27.2987 13.846 24.312 14.23 21.496 14.998C18.7653 15.6807 15.736 17.0033 12.408 18.966C10.872 19.9047 9.37867 20.2887 7.928 20.118C6.56267 19.9473 5.41067 19.3927 4.472 18.454C3.53333 17.5153 2.89333 16.406 2.552 15.126C2.21067 13.7607 2.296 12.3953 2.808 11.03C3.32 9.57932 4.38667 8.34199 6.008 7.31799C9.67733 4.92865 13.7307 3.13665 18.168 1.94199C22.6053 0.661987 27.1707 0.0219879 31.864 0.0219879C38.0933 0.0219879 43.4267 1.00332 47.864 2.96599C52.3013 4.84332 55.672 7.57399 57.976 11.158C60.3653 14.6567 61.56 18.9233 61.56 23.958C61.56 27.542 60.8773 30.8273 59.512 33.814C58.1467 36.7153 56.2267 39.19 53.752 41.238C51.2773 43.286 48.2907 44.7367 44.792 45.59V44.054C50.936 45.078 55.7147 47.638 59.128 51.734C62.5413 55.7447 64.248 60.7793 64.248 66.838C64.248 72.1287 62.9253 76.7367 60.28 80.662C57.6347 84.5873 53.88 87.6167 49.016 89.75C44.152 91.798 38.3493 92.822 31.608 92.822Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-4 {
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='75' viewBox='0 0 71 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.864 92.566C46.304 92.566 44.2987 91.8833 42.848 90.518C41.3973 89.0673 40.672 87.0193 40.672 84.374V74.39H9.056C6.41067 74.39 4.27733 73.8353 2.656 72.726C1.12 71.6167 0.352 69.8673 0.352 67.478C0.352 66.1127 0.693334 64.6193 1.376 62.998C2.144 61.3767 3.46667 59.2433 5.344 56.598L40.416 5.78199C41.6107 3.98999 42.9333 2.62465 44.384 1.68599C45.8347 0.74732 47.4987 0.277985 49.376 0.277985C51.5947 0.277985 53.4293 0.960653 54.88 2.32599C56.3307 3.60599 57.056 5.65399 57.056 8.46999V60.822H63.328C65.8027 60.822 67.6373 61.4193 68.832 62.614C70.112 63.7233 70.752 65.3873 70.752 67.606C70.752 69.8247 70.112 71.5313 68.832 72.726C67.6373 73.8353 65.8027 74.39 63.328 74.39H57.056V84.374C57.056 87.0193 56.3307 89.0673 54.88 90.518C53.4293 91.8833 51.424 92.566 48.864 92.566ZM40.672 60.822V20.886H44.384L14.176 65.174V60.822H40.672Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-5 {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='74' viewBox='0 0 64 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.168 91.822C26.6453 91.822 22.0373 91.2247 17.344 90.03C12.6507 88.8353 8.34133 87.0007 4.416 84.526C2.79467 83.502 1.68533 82.3073 1.088 80.942C0.576001 79.4913 0.448001 78.0833 0.704 76.718C1.04533 75.2673 1.68533 74.0727 2.624 73.134C3.648 72.11 4.84267 71.5127 6.208 71.342C7.65867 71.1713 9.23733 71.5553 10.944 72.494C14.1013 74.286 17.3013 75.6513 20.544 76.59C23.7867 77.5287 27.2427 77.998 30.912 77.998C34.496 77.998 37.568 77.358 40.128 76.078C42.688 74.798 44.6507 73.006 46.016 70.702C47.3813 68.398 48.064 65.71 48.064 62.638C48.064 57.8593 46.6133 54.0193 43.712 51.118C40.8107 48.1313 36.8427 46.638 31.808 46.638C29.0773 46.638 26.432 47.1073 23.872 48.046C21.312 48.8993 18.7947 50.4353 16.32 52.654C15.552 53.3367 14.5707 54.0193 13.376 54.702C12.1813 55.2993 10.9013 55.598 9.536 55.598C7.40267 55.598 5.78133 55.0433 4.672 53.934C3.56267 52.8247 3.008 51.2887 3.008 49.326V7.46999C3.008 5.16599 3.60533 3.41665 4.8 2.22198C6.08 0.941986 7.872 0.301987 10.176 0.301987H52.288C54.592 0.301987 56.3413 0.89932 57.536 2.09399C58.816 3.20332 59.456 4.86732 59.456 7.08599C59.456 9.21932 58.816 10.8833 57.536 12.078C56.3413 13.2727 54.592 13.87 52.288 13.87H19.008V42.542H14.784C17.0027 39.5553 19.9467 37.2513 23.616 35.63C27.2853 34.0087 31.296 33.198 35.648 33.198C41.3653 33.198 46.3147 34.4353 50.496 36.91C54.7627 39.2993 58.048 42.67 60.352 47.022C62.7413 51.2887 63.936 56.2807 63.936 61.998C63.936 67.886 62.6133 73.0913 59.968 77.614C57.3227 82.0513 53.5253 85.55 48.576 88.11C43.712 90.5847 37.9093 91.822 31.168 91.822Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-6 {
  background-image: url("data:image/svg+xml,%3Csvg width='66' height='75' viewBox='0 0 66 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.728 92.822C28.304 92.822 21.9467 91.0727 16.656 87.574C11.4507 83.99 7.48267 78.87 4.752 72.214C2.02133 65.558 0.656 57.494 0.656 48.022C0.656 40.342 1.50933 33.558 3.216 27.67C5.008 21.6967 7.568 16.662 10.896 12.566C14.224 8.46999 18.2773 5.35532 23.056 3.22198C27.92 1.08865 33.3813 0.0219879 39.44 0.0219879C43.1947 0.0219879 46.992 0.619321 50.832 1.81399C54.7573 2.92332 58.4267 4.62999 61.84 6.93399C63.2053 7.78732 64.1013 8.89665 64.528 10.262C64.9547 11.6273 64.9973 12.9927 64.656 14.358C64.4 15.638 63.8027 16.79 62.864 17.814C62.0107 18.7527 60.9013 19.35 59.536 19.606C58.1707 19.7767 56.6773 19.3927 55.056 18.454C52.1547 16.7473 49.424 15.5527 46.864 14.87C44.304 14.1873 41.744 13.846 39.184 13.846C34.2347 13.846 30.0533 14.998 26.64 17.302C23.2267 19.606 20.624 23.062 18.832 27.67C17.1253 32.278 16.272 38.038 16.272 44.95V54.55H14.736C15.4187 50.198 16.8267 46.486 18.96 43.414C21.1787 40.2567 23.9947 37.8673 27.408 36.246C30.8213 34.5393 34.6187 33.686 38.8 33.686C44.0053 33.686 48.6133 34.9233 52.624 37.398C56.6347 39.8727 59.792 43.286 62.096 47.638C64.4 51.99 65.552 56.982 65.552 62.614C65.552 68.4167 64.272 73.622 61.712 78.23C59.2373 82.7527 55.7387 86.3367 51.216 88.982C46.7787 91.542 41.616 92.822 35.728 92.822ZM34.832 79.766C37.904 79.766 40.592 79.0833 42.896 77.718C45.2853 76.3527 47.12 74.4327 48.4 71.958C49.68 69.398 50.32 66.4967 50.32 63.254C50.32 59.926 49.68 57.0247 48.4 54.55C47.12 52.0753 45.2853 50.1553 42.896 48.79C40.592 47.3393 37.904 46.614 34.832 46.614C31.76 46.614 29.072 47.3393 26.768 48.79C24.464 50.1553 22.6293 52.0753 21.264 54.55C19.984 57.0247 19.344 59.926 19.344 63.254C19.344 66.4967 19.984 69.398 21.264 71.958C22.6293 74.4327 24.464 76.3527 26.768 77.718C29.072 79.0833 31.76 79.766 34.832 79.766Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}
.plans__inner-item-7 {
  grid-column: span 3;
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='74' viewBox='0 0 65 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.016 91.566C14.0533 91.566 12.432 91.0967 11.152 90.158C9.872 89.2193 9.104 87.982 8.848 86.446C8.592 84.8247 8.976 83.0327 10 81.07L48.656 8.36599V13.998H7.184C4.88 13.998 3.088 13.4007 1.808 12.206C0.613334 11.0113 0.0160003 9.34732 0.0160003 7.21399C0.0160003 4.99532 0.613334 3.28865 1.808 2.09399C3.088 0.89932 4.88 0.301987 7.184 0.301987H56.72C59.024 0.301987 60.9013 0.89932 62.352 2.09399C63.8027 3.28865 64.528 4.99532 64.528 7.21399C64.528 9.09132 64.272 10.7553 63.76 12.206C63.248 13.5713 62.5653 15.0647 61.712 16.686L25.36 86.19C24.4213 88.0673 23.184 89.4327 21.648 90.286C20.1973 91.1393 18.32 91.566 16.016 91.566Z' fill='black' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
  background-position: 80% 108%;
}
@media (max-width: 620px) {
  .plans__inner-item-7 {
    grid-column: span 2;
  }
}
@media (max-width: 450px) {
  .plans__inner-item-7 {
    grid-column: span 1;
  }
}

footer {
  padding-block: 100px 70px;
}
@media (max-width: 750px) {
  footer {
    padding-block: 50px 40px;
  }
}

.footer {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: 40px 20px;
  font-size: 14px;
  color: #797674;
}
.footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 750px) {
  .footer__inner {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-direction: column;
  }
}
.footer__copy {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 750px) {
  .footer__copy {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 20px;
    flex-direction: column;
  }
}