* {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: "Roboto", sans-serif;
  font-style: inherit;
  font-size: 16px;
  line-height: 1.2;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  background-color: #f7fafb;
  color: #282828;
}

ol,
ul {
  list-style: none;
}
ol li,
ul li {
  line-height: 1.5;
}

button,
input {
  -webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  text-wrap-style: balance;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

p {
  line-height: 1.5;
  text-wrap-style: balance;
}

a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  transition: color 0.2s linear;
}
a:hover {
  color: #0074ee;
}

b,
strong {
  font-weight: 600;
}

i,
em {
  font-style: italic;
}

i,
span,
a,
b,
strong {
  font-size: inherit;
}

img {
  max-width: 100%;
}

.container {
  position: relative;
  width: 1560px;
  margin: 0 auto;
  padding: 0 20px;
}

.title {
  text-align: center;
}

.icon {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-wa {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_279)'%3E%3Cpath d='M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z' fill='%2329A71A'/%3E%3Cpath d='M21.6136 8.38655C20.053 6.81035 17.9805 5.84372 15.7699 5.66102C13.5594 5.47831 11.3563 6.09156 9.55806 7.39014C7.75983 8.68872 6.48484 10.5872 5.96306 12.743C5.44128 14.8989 5.70707 17.1702 6.71248 19.1473L5.72554 23.9388C5.7153 23.9865 5.71501 24.0358 5.72469 24.0836C5.73437 24.1314 5.75381 24.1767 5.78179 24.2167C5.82279 24.2773 5.88131 24.324 5.94953 24.3505C6.01775 24.377 6.09244 24.382 6.16361 24.365L10.8596 23.2519C12.8312 24.2318 15.0865 24.4805 17.2243 23.9537C19.362 23.4269 21.2435 22.1587 22.534 20.3749C23.8245 18.5911 24.4402 16.4072 24.2717 14.212C24.1032 12.0168 23.1613 9.9525 21.6136 8.38655ZM20.1494 20.0729C19.0696 21.1497 17.6792 21.8605 16.174 22.1051C14.6688 22.3497 13.1249 22.1159 11.7596 21.4365L11.1051 21.1127L8.22611 21.7945L8.23464 21.7587L8.83123 18.861L8.51077 18.2286C7.8132 16.8586 7.56713 15.303 7.80779 13.7846C8.04846 12.2662 8.76352 10.8629 9.85054 9.77575C11.2164 8.41031 13.0687 7.64325 15 7.64325C16.9313 7.64325 18.7835 8.41031 20.1494 9.77575C20.161 9.78909 20.1736 9.80162 20.1869 9.81325C21.5358 11.1822 22.2889 13.0289 22.2819 14.9508C22.2748 16.8727 21.5083 18.7139 20.1494 20.0729Z' fill='white'/%3E%3Cpath d='M19.8937 17.9471C19.5409 18.5028 18.9835 19.1829 18.2829 19.3517C17.0556 19.6483 15.1721 19.3619 12.8284 17.1767L12.7994 17.1511C10.7386 15.2403 10.2034 13.65 10.3329 12.3886C10.4045 11.6727 11.0011 11.025 11.5039 10.6022C11.5834 10.5344 11.6777 10.4861 11.7792 10.4612C11.8807 10.4363 11.9866 10.4355 12.0885 10.4588C12.1904 10.4822 12.2854 10.5291 12.3659 10.5957C12.4464 10.6623 12.5102 10.7469 12.5522 10.8426L13.3107 12.5471C13.36 12.6577 13.3783 12.7795 13.3636 12.8996C13.3489 13.0197 13.3017 13.1336 13.2272 13.2289L12.8437 13.7267C12.7614 13.8294 12.7117 13.9545 12.7011 14.0857C12.6905 14.217 12.7194 14.3484 12.784 14.463C12.9988 14.8397 13.5136 15.3937 14.0846 15.9068C14.7255 16.4863 15.4363 17.0164 15.8863 17.1971C16.0067 17.2463 16.1391 17.2583 16.2664 17.2316C16.3937 17.2049 16.5101 17.1406 16.6005 17.0471L17.0454 16.5988C17.1312 16.5142 17.238 16.4538 17.3548 16.4239C17.4716 16.3939 17.5942 16.3955 17.7102 16.4284L19.5119 16.9397C19.6113 16.9702 19.7024 17.023 19.7782 17.0941C19.8541 17.1652 19.9126 17.2527 19.9495 17.3499C19.9863 17.4471 20.0005 17.5515 19.9908 17.655C19.9811 17.7585 19.9479 17.8584 19.8937 17.9471Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_279'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-wa-nocolor {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='%23E4ECFA'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23646464'/%3E%3Cpath d='M27.6741 12.2358C25.8425 10.386 23.4102 9.25154 20.8159 9.03711C18.2215 8.82269 15.6359 9.5424 13.5255 11.0664C11.4151 12.5905 9.91872 14.8185 9.30636 17.3487C8.69399 19.8788 9.00592 22.5445 10.1859 24.8649L9.0276 30.4882C9.01558 30.5442 9.01524 30.6021 9.0266 30.6582C9.03796 30.7143 9.06077 30.7674 9.09362 30.8143C9.14173 30.8855 9.2104 30.9403 9.29047 30.9714C9.37054 31.0025 9.4582 31.0084 9.54173 30.9884L15.0531 29.682C17.3669 30.8321 20.0138 31.124 22.5227 30.5057C25.0316 29.8874 27.2397 28.3991 28.7543 26.3056C30.2688 24.212 30.9915 21.649 30.7937 19.0727C30.5959 16.4963 29.4905 14.0737 27.6741 12.2358ZM25.9557 25.9511C24.6884 27.2148 23.0566 28.049 21.2901 28.3361C19.5236 28.6233 17.7116 28.3488 16.1093 27.5515L15.3411 27.1714L11.9623 27.9716L11.9723 27.9296L12.6725 24.5288L12.2964 23.7866C11.4777 22.1788 11.1889 20.3531 11.4714 18.5711C11.7538 16.789 12.593 15.1421 13.8688 13.8662C15.4718 12.2637 17.6456 11.3635 19.9122 11.3635C22.1789 11.3635 24.3527 12.2637 25.9557 13.8662C25.9693 13.8819 25.984 13.8966 25.9997 13.9102C27.5828 15.5169 28.4666 17.6842 28.4584 19.9398C28.4501 22.1953 27.5505 24.3561 25.9557 25.9511Z' fill='%23282828'/%3E%3Cpath d='M25.6554 23.4565C25.2413 24.1087 24.5871 24.9069 23.7649 25.1049C22.3246 25.453 20.1141 25.1169 17.3634 22.5523L17.3294 22.5223C14.9108 20.2798 14.2827 18.4133 14.4347 16.9329C14.5187 16.0927 15.2189 15.3326 15.809 14.8364C15.9023 14.7568 16.013 14.7001 16.1321 14.6709C16.2512 14.6417 16.3755 14.6407 16.4951 14.6681C16.6147 14.6955 16.7261 14.7506 16.8206 14.8288C16.9151 14.907 16.99 15.0062 17.0393 15.1185L17.9295 17.119C17.9874 17.2487 18.0088 17.3917 17.9916 17.5327C17.9743 17.6737 17.919 17.8073 17.8315 17.9192L17.3814 18.5033C17.2848 18.6239 17.2265 18.7707 17.2141 18.9247C17.2016 19.0787 17.2355 19.2329 17.3114 19.3675C17.5634 19.8096 18.1676 20.4598 18.8378 21.0619C19.5899 21.7421 20.4241 22.3643 20.9523 22.5763C21.0936 22.634 21.249 22.6481 21.3983 22.6168C21.5477 22.5854 21.6843 22.51 21.7905 22.4003L22.3126 21.8741C22.4133 21.7748 22.5386 21.7039 22.6757 21.6688C22.8127 21.6337 22.9567 21.6355 23.0928 21.6741L25.2073 22.2742C25.3239 22.31 25.4308 22.372 25.5199 22.4554C25.6089 22.5389 25.6776 22.6416 25.7209 22.7556C25.7641 22.8697 25.7807 22.9922 25.7693 23.1137C25.758 23.2351 25.719 23.3524 25.6554 23.4565Z' fill='%23282828'/%3E%3C/svg%3E%0A");
}
.icon-wa-simple {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6741 3.23584C16.8425 1.38599 14.4102 0.251539 11.8159 0.0371136C9.22151 -0.177312 6.63594 0.542403 4.52551 2.06644C2.41508 3.59048 0.918725 5.81851 0.306357 8.34865C-0.30601 10.8788 0.00591936 13.5445 1.18588 15.8649L0.0276012 21.4882C0.0155828 21.5442 0.0152424 21.6021 0.0266015 21.6582C0.0379606 21.7143 0.0607745 21.7674 0.0936168 21.8143C0.141728 21.8855 0.210405 21.9403 0.290474 21.9714C0.370544 22.0025 0.458196 22.0084 0.541725 21.9884L6.05305 20.682C8.36694 21.8321 11.0138 22.124 13.5227 21.5057C16.0316 20.8874 18.2397 19.3991 19.7543 17.3056C21.2688 15.212 21.9915 12.649 21.7937 10.0727C21.5959 7.49631 20.4905 5.07367 18.6741 3.23584ZM16.9557 16.9511C15.6884 18.2148 14.0566 19.049 12.2901 19.3361C10.5236 19.6233 8.71156 19.3488 7.10931 18.5515L6.34112 18.1714L2.96231 18.9716L2.97231 18.9296L3.67248 15.5288L3.29639 14.7866C2.47771 13.1788 2.18891 11.3531 2.47136 9.57105C2.75381 7.78903 3.59302 6.14211 4.86877 4.86623C6.47177 3.26373 8.6456 2.3635 10.9122 2.3635C13.1789 2.3635 15.3527 3.26373 16.9557 4.86623C16.9693 4.88189 16.984 4.89659 16.9997 4.91024C18.5828 6.51688 19.4666 8.68422 19.4584 10.9398C19.4501 13.1953 18.5505 15.3561 16.9557 16.9511Z' fill='%23282828'/%3E%3Cpath d='M16.6556 14.4565C16.2415 15.1087 15.5874 15.9069 14.7652 16.1049C13.3248 16.453 11.1143 16.1169 8.36365 13.5523L8.32964 13.5223C5.91105 11.2798 5.2829 9.4133 5.43494 7.93295C5.51896 7.09275 6.21913 6.33256 6.80927 5.83644C6.90257 5.75681 7.01321 5.70012 7.13234 5.67089C7.25147 5.64167 7.37578 5.64073 7.49534 5.66814C7.6149 5.69555 7.72639 5.75055 7.82089 5.82876C7.91539 5.90696 7.99028 6.00619 8.03957 6.11851L8.92978 8.11899C8.98763 8.2487 9.00907 8.39172 8.9918 8.53269C8.97453 8.67366 8.9192 8.80727 8.83176 8.91919L8.38165 9.50333C8.28507 9.62394 8.22679 9.7707 8.21431 9.92471C8.20184 10.0787 8.23573 10.2329 8.31163 10.3675C8.56369 10.8096 9.16784 11.4598 9.838 12.0619C10.5902 12.7421 11.4244 13.3643 11.9525 13.5763C12.0938 13.634 12.2492 13.6481 12.3986 13.6168C12.548 13.5854 12.6846 13.51 12.7907 13.4003L13.3128 12.8741C13.4136 12.7748 13.5389 12.7039 13.6759 12.6688C13.813 12.6337 13.9569 12.6355 14.093 12.6741L16.2075 13.2742C16.3242 13.31 16.4311 13.372 16.5201 13.4554C16.6091 13.5389 16.6779 13.6416 16.7211 13.7556C16.7644 13.8697 16.7809 13.9922 16.7696 14.1137C16.7582 14.2351 16.7193 14.3524 16.6556 14.4565Z' fill='%23282828'/%3E%3C/svg%3E%0A");
}
.icon-wa-simple-white {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6741 3.23584C16.8425 1.38599 14.4102 0.251539 11.8159 0.0371136C9.22151 -0.177312 6.63594 0.542403 4.52551 2.06644C2.41508 3.59048 0.918725 5.81851 0.306357 8.34865C-0.30601 10.8788 0.00591936 13.5445 1.18588 15.8649L0.0276012 21.4882C0.0155828 21.5442 0.0152424 21.6021 0.0266015 21.6582C0.0379606 21.7143 0.0607745 21.7674 0.0936168 21.8143C0.141728 21.8855 0.210405 21.9403 0.290474 21.9714C0.370544 22.0025 0.458196 22.0084 0.541725 21.9884L6.05305 20.682C8.36694 21.8321 11.0138 22.124 13.5227 21.5057C16.0316 20.8874 18.2397 19.3991 19.7543 17.3056C21.2688 15.212 21.9915 12.649 21.7937 10.0727C21.5959 7.49631 20.4905 5.07367 18.6741 3.23584ZM16.9557 16.9511C15.6884 18.2148 14.0566 19.049 12.2901 19.3361C10.5236 19.6233 8.71156 19.3488 7.10931 18.5515L6.34112 18.1714L2.96231 18.9716L2.97231 18.9296L3.67248 15.5288L3.29639 14.7866C2.47771 13.1788 2.18891 11.3531 2.47136 9.57105C2.75381 7.78903 3.59302 6.14211 4.86877 4.86623C6.47177 3.26373 8.6456 2.3635 10.9122 2.3635C13.1789 2.3635 15.3527 3.26373 16.9557 4.86623C16.9693 4.88189 16.984 4.89659 16.9997 4.91024C18.5828 6.51688 19.4666 8.68422 19.4584 10.9398C19.4501 13.1953 18.5505 15.3561 16.9557 16.9511Z' fill='white'/%3E%3Cpath d='M16.6556 14.4565C16.2415 15.1087 15.5874 15.9069 14.7652 16.1049C13.3248 16.453 11.1143 16.1169 8.36365 13.5523L8.32964 13.5223C5.91105 11.2798 5.2829 9.4133 5.43494 7.93295C5.51896 7.09275 6.21913 6.33256 6.80927 5.83644C6.90257 5.75681 7.01321 5.70012 7.13234 5.67089C7.25147 5.64167 7.37578 5.64073 7.49534 5.66814C7.6149 5.69555 7.72639 5.75055 7.82089 5.82876C7.91539 5.90696 7.99028 6.00619 8.03957 6.11851L8.92978 8.11899C8.98763 8.2487 9.00907 8.39172 8.9918 8.53269C8.97453 8.67366 8.9192 8.80727 8.83176 8.91919L8.38165 9.50333C8.28507 9.62394 8.22679 9.7707 8.21431 9.92471C8.20184 10.0787 8.23573 10.2329 8.31163 10.3675C8.56369 10.8096 9.16784 11.4598 9.838 12.0619C10.5902 12.7421 11.4244 13.3643 11.9525 13.5763C12.0938 13.634 12.2492 13.6481 12.3986 13.6168C12.548 13.5854 12.6846 13.51 12.7907 13.4003L13.3128 12.8741C13.4136 12.7748 13.5389 12.7039 13.6759 12.6688C13.813 12.6337 13.9569 12.6355 14.093 12.6741L16.2075 13.2742C16.3242 13.31 16.4311 13.372 16.5201 13.4554C16.6091 13.5389 16.6779 13.6416 16.7211 13.7556C16.7644 13.8697 16.7809 13.9922 16.7696 14.1137C16.7582 14.2351 16.7193 14.3524 16.6556 14.4565Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-fb {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_288)'%3E%3Cpath d='M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z' fill='%233B5998'/%3E%3Cpath d='M18.7709 15.5873H16.0944V25.393H12.0392V15.5873H10.1105V12.1412H12.0392V9.91119C12.0392 8.31648 12.7967 5.81934 16.1305 5.81934L19.1343 5.8319V9.17694H16.9548C16.5973 9.17694 16.0946 9.35556 16.0946 10.1163V12.1444H19.1252L18.7709 15.5873Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_288'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-location {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_186_434)'%3E%3Cpath d='M10.0001 0C6.00613 0 2.75684 3.2493 2.75684 7.2432C2.75684 12.1998 9.23883 19.4763 9.5148 19.7836C9.77402 20.0723 10.2266 20.0718 10.4854 19.7836C10.7613 19.4763 17.2433 12.1998 17.2433 7.2432C17.2432 3.2493 13.994 0 10.0001 0ZM10.0001 10.8875C7.99062 10.8875 6.35586 9.25266 6.35586 7.2432C6.35586 5.23375 7.99066 3.59898 10.0001 3.59898C12.0095 3.59898 13.6443 5.23379 13.6443 7.24324C13.6443 9.2527 12.0095 10.8875 10.0001 10.8875Z' fill='%23646464'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_186_434'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-verified {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_88_548)'%3E%3Cpath d='M19.375 10C19.375 10.8 18.3922 11.4594 18.1953 12.1969C17.9922 12.9594 18.5063 14.0219 18.1203 14.6891C17.7281 15.3672 16.5484 15.4484 15.9984 15.9984C15.4484 16.5484 15.3672 17.7281 14.6891 18.1203C14.0219 18.5063 12.9594 17.9922 12.1969 18.1953C11.4594 18.3922 10.8 19.375 10 19.375C9.2 19.375 8.54062 18.3922 7.80312 18.1953C7.04062 17.9922 5.97813 18.5063 5.31094 18.1203C4.63281 17.7281 4.55156 16.5484 4.00156 15.9984C3.45156 15.4484 2.27187 15.3672 1.87969 14.6891C1.49375 14.0219 2.00781 12.9594 1.80469 12.1969C1.60781 11.4594 0.625 10.8 0.625 10C0.625 9.2 1.60781 8.54062 1.80469 7.80312C2.00781 7.04062 1.49375 5.97813 1.87969 5.31094C2.27187 4.63281 3.45156 4.55156 4.00156 4.00156C4.55156 3.45156 4.63281 2.27187 5.31094 1.87969C5.97813 1.49375 7.04062 2.00781 7.80312 1.80469C8.54062 1.60781 9.2 0.625 10 0.625C10.8 0.625 11.4594 1.60781 12.1969 1.80469C12.9594 2.00781 14.0219 1.49375 14.6891 1.87969C15.3672 2.27187 15.4484 3.45156 15.9984 4.00156C16.5484 4.55156 17.7281 4.63281 18.1203 5.31094C18.5063 5.97813 17.9922 7.04062 18.1953 7.80312C18.3922 8.54062 19.375 9.2 19.375 10Z' fill='%230074EE'/%3E%3Cpath d='M12.7093 7.20624L9.14051 10.775L7.29051 8.92656C7.09757 8.73372 6.83595 8.6254 6.56317 8.6254C6.29039 8.6254 6.02877 8.73372 5.83582 8.92656C5.64299 9.1195 5.53467 9.38112 5.53467 9.6539C5.53467 9.92668 5.64299 10.1883 5.83582 10.3812L8.43114 12.9766C8.61893 13.1641 8.87351 13.2695 9.13895 13.2695C9.40439 13.2695 9.65897 13.1641 9.84676 12.9766L14.1624 8.66093C14.3552 8.46799 14.4635 8.20637 14.4635 7.93359C14.4635 7.6608 14.3552 7.39918 14.1624 7.20624C14.067 7.11077 13.9537 7.03503 13.8291 6.98336C13.7044 6.93169 13.5708 6.90509 13.4358 6.90509C13.3009 6.90509 13.1672 6.93169 13.0426 6.98336C12.9179 7.03503 12.8046 7.11077 12.7093 7.20624Z' fill='%23FFFCEE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_88_548'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-clock {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.207 11.5895L10.6973 9.7072V5.87299C10.6973 5.48747 10.3856 5.17584 10.0001 5.17584C9.6146 5.17584 9.30298 5.48747 9.30298 5.87299V10.0558C9.30298 10.2754 9.40616 10.4825 9.58184 10.6135L12.3704 12.7049C12.4907 12.7956 12.6373 12.8445 12.7879 12.8444C13.0006 12.8444 13.2097 12.7489 13.3464 12.5648C13.5779 12.2573 13.5151 11.8202 13.207 11.5895Z' fill='%23646464'/%3E%3Cpath d='M10 1C5.0371 1 1 5.0371 1 10C1 14.9629 5.0371 19 10 19C14.9629 19 19 14.9629 19 10C19 5.0371 14.9629 1 10 1ZM10 17.6057C5.80674 17.6057 2.39426 14.1933 2.39426 10C2.39426 5.80674 5.80674 2.39426 10 2.39426C14.194 2.39426 17.6057 5.80674 17.6057 10C17.6057 14.1933 14.1933 17.6057 10 17.6057Z' fill='%23646464'/%3E%3C/svg%3E%0A");
}
.icon-phone {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4755 14.678L16.6786 11.8869C15.6797 10.8901 13.9816 11.2889 13.582 12.5847C13.2823 13.4818 12.2834 13.9802 11.3844 13.7808C9.38661 13.2824 6.68957 10.6907 6.19012 8.59745C5.89045 7.70029 6.48979 6.70348 7.3888 6.40448C8.68738 6.00575 9.08694 4.31119 8.08804 3.31438L5.2911 0.523323C4.49198 -0.174441 3.29329 -0.174441 2.59406 0.523323L0.696143 2.41725C-1.20177 4.41087 0.895924 9.69394 5.59077 14.3789C10.2856 19.0639 15.5798 21.2569 17.5776 19.2633L19.4755 17.3693C20.1748 16.5719 20.1748 15.3757 19.4755 14.678Z' fill='%23282828'/%3E%3C/svg%3E%0A");
}
.icon-filter {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M16 90.259h243.605c7.342 33.419 37.186 58.508 72.778 58.508s65.436-25.088 72.778-58.508H496c8.836 0 16-7.164 16-16s-7.164-16-16-16h-90.847c-7.356-33.402-37.241-58.507-72.77-58.507-35.548 0-65.419 25.101-72.772 58.507H16c-8.836 0-16 7.164-16 16s7.164 16 16 16zm273.877-15.958.001-.172c.07-23.367 19.137-42.376 42.505-42.376 23.335 0 42.403 18.983 42.504 42.339l.003.235c-.037 23.407-19.091 42.441-42.507 42.441-23.406 0-42.454-19.015-42.507-42.408zM496 421.74h-90.847c-7.357-33.401-37.241-58.507-72.77-58.507-35.548 0-65.419 25.102-72.772 58.507H16c-8.836 0-16 7.163-16 16s7.164 16 16 16h243.605c7.342 33.419 37.186 58.508 72.778 58.508s65.436-25.089 72.778-58.508H496c8.836 0 16-7.163 16-16s-7.164-16-16-16zm-163.617 58.508c-23.406 0-42.454-19.015-42.507-42.408l.001-.058.001-.172c.07-23.367 19.137-42.377 42.505-42.377 23.335 0 42.403 18.983 42.504 42.338l.003.235c-.034 23.41-19.089 42.442-42.507 42.442zM496 240H252.395c-7.342-33.419-37.186-58.507-72.778-58.507S114.181 206.581 106.839 240H16c-8.836 0-16 7.164-16 16 0 8.837 7.164 16 16 16h90.847c7.357 33.401 37.241 58.507 72.77 58.507 35.548 0 65.419-25.102 72.772-58.507H496c8.836 0 16-7.163 16-16 0-8.836-7.164-16-16-16zm-273.877 15.958-.001.172c-.07 23.367-19.137 42.376-42.505 42.376-23.335 0-42.403-18.983-42.504-42.338l-.003-.234c.035-23.41 19.09-42.441 42.507-42.441 23.406 0 42.454 19.014 42.507 42.408z' fill='%23ffffff' opacity='1' data-original='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.icon-guarantee {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.4019 1.77926C18.4305 3.16213 21.6255 4.59199 25.0354 4.38633L26.0614 4.32445V15.5521C26.0614 21.9118 21.4278 27.4121 15.1661 28.5037L14.9999 28.5326L14.8337 28.5037C8.57195 27.4121 3.93848 21.9118 3.93848 15.5521V4.32445L4.96445 4.38633C8.37432 4.59199 11.5693 3.16207 14.598 1.7792L14.9999 1.59568L15.4019 1.77926ZM14.0543 16.5627L11.2229 13.7313C10.7138 13.2221 9.88814 13.2221 9.37908 13.7313C8.87002 14.2404 8.87002 15.0659 9.37908 15.575L13.1347 19.3307C13.6438 19.8398 14.4694 19.8398 14.9785 19.3307C17.2418 17.0674 19.4794 14.7786 21.7323 12.5049C22.2375 11.995 22.2364 11.1724 21.727 10.6659C21.2179 10.1596 20.3932 10.1605 19.8876 10.6712L14.0543 16.5627ZM14.9999 2.65951C11.7407 4.14768 8.50205 5.56922 4.90615 5.3523V15.5521C4.90615 21.46 9.21918 26.5426 14.9999 27.5504C20.7807 26.5426 25.0937 21.4601 25.0937 15.5521V5.3523C21.4978 5.56916 18.2591 4.14768 14.9999 2.65951ZM3.91258 2.79996C3.5473 2.73357 3.20623 2.82352 2.92123 3.06141C2.63629 3.29936 2.48682 3.61881 2.48682 3.99V15.552C2.48682 22.8735 7.94934 28.9801 14.9999 30C22.0505 28.9801 27.513 22.8736 27.513 15.5521V3.99006C27.513 3.61887 27.3636 3.29936 27.0786 3.06146C26.7936 2.82357 26.4525 2.73369 26.0872 2.80002C22.3612 3.47643 19.1399 1.88191 14.9999 0C10.86 1.88191 7.63861 3.47643 3.91258 2.79996Z' fill='%23282828'/%3E%3C/svg%3E%0A");
}
.icon-check {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.05485 9.25979C2.70968 9.26076 2.37183 9.35944 2.0804 9.5444C1.78896 9.72937 1.55586 9.99307 1.40804 10.305C1.26022 10.6169 1.20374 10.9643 1.24512 11.307C1.2865 11.6497 1.42406 11.9736 1.64189 12.2414L6.28535 17.9296C6.45091 18.1352 6.66314 18.2983 6.90439 18.4054C7.14565 18.5125 7.40898 18.5605 7.6725 18.5454C8.23612 18.5151 8.74496 18.2136 9.06939 17.7179L18.715 2.18356C18.7166 2.18097 18.7183 2.1784 18.72 2.17587C18.8105 2.03691 18.7811 1.76152 18.5943 1.58852C18.543 1.54102 18.4825 1.50452 18.4165 1.48127C18.3506 1.45803 18.2806 1.44854 18.2108 1.45338C18.141 1.45822 18.073 1.47729 18.0109 1.50941C17.9488 1.54154 17.8939 1.58604 17.8496 1.64018C17.8462 1.64444 17.8426 1.64863 17.8389 1.65276L8.11116 12.6437C8.07414 12.6855 8.02918 12.7196 7.9789 12.7439C7.92861 12.7682 7.874 12.7822 7.81823 12.7852C7.76246 12.7883 7.70664 12.7802 7.65403 12.7614C7.60141 12.7427 7.55304 12.7137 7.51173 12.6761L4.28327 9.73818C3.94797 9.43081 3.50972 9.26014 3.05485 9.25979Z' fill='%230074EE'/%3E%3C/svg%3E%0A");
}
.icon-doc {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.2344 10.5469L27.0312 8.20312L24.6875 0H8.28125C6.33961 0 4.76562 1.57398 4.76562 3.51562V36.4844C4.76562 38.426 6.33961 40 8.28125 40H31.7188C33.6604 40 35.2344 38.426 35.2344 36.4844V10.5469Z' fill='%23D6D6D6'/%3E%3Cpath d='M10.625 21.1719C11.2722 21.1719 11.7969 20.6472 11.7969 20C11.7969 19.3528 11.2722 18.8281 10.625 18.8281C9.97779 18.8281 9.45312 19.3528 9.45312 20C9.45312 20.6472 9.97779 21.1719 10.625 21.1719Z' fill='%235CA7F6'/%3E%3Cpath d='M10.625 25.8594C11.2722 25.8594 11.7969 25.3347 11.7969 24.6875C11.7969 24.0403 11.2722 23.5156 10.625 23.5156C9.97779 23.5156 9.45312 24.0403 9.45312 24.6875C9.45312 25.3347 9.97779 25.8594 10.625 25.8594Z' fill='%235CA7F6'/%3E%3Cpath d='M10.625 30.5469C11.2722 30.5469 11.7969 30.0222 11.7969 29.375C11.7969 28.7278 11.2722 28.2031 10.625 28.2031C9.97779 28.2031 9.45312 28.7278 9.45312 29.375C9.45312 30.0222 9.97779 30.5469 10.625 30.5469Z' fill='%235CA7F6'/%3E%3Cpath d='M35.2344 10.5469V36.4844C35.2344 38.426 33.6604 40 31.7188 40H20V0H24.6875L27.0312 8.20312L35.2344 10.5469Z' fill='%23B9B9B9'/%3E%3Cpath d='M27.0312 21.1719H15.3125C14.6648 21.1719 14.1406 20.6477 14.1406 20C14.1406 19.3523 14.6648 18.8281 15.3125 18.8281H27.0312C27.679 18.8281 28.2031 19.3523 28.2031 20C28.2031 20.6477 27.679 21.1719 27.0312 21.1719ZM27.0312 25.8594H15.3125C14.6648 25.8594 14.1406 25.3352 14.1406 24.6875C14.1406 24.0398 14.6648 23.5156 15.3125 23.5156H27.0312C27.679 23.5156 28.2031 24.0398 28.2031 24.6875C28.2031 25.3352 27.679 25.8594 27.0312 25.8594ZM27.0312 30.5469H15.3125C14.6648 30.5469 14.1406 30.0227 14.1406 29.375C14.1406 28.7273 14.6648 28.2031 15.3125 28.2031H27.0312C27.679 28.2031 28.2031 28.7273 28.2031 29.375C28.2031 30.0227 27.679 30.5469 27.0312 30.5469Z' fill='%235CA7F6'/%3E%3Cpath d='M20 30.5469H27.0312C27.679 30.5469 28.2031 30.0227 28.2031 29.375C28.2031 28.7273 27.679 28.2031 27.0312 28.2031H20V30.5469ZM20 25.8594H27.0312C27.679 25.8594 28.2031 25.3352 28.2031 24.6875C28.2031 24.0398 27.679 23.5156 27.0312 23.5156H20V25.8594ZM20 21.1719H27.0312C27.679 21.1719 28.2031 20.6477 28.2031 20C28.2031 19.3523 27.679 18.8281 27.0312 18.8281H20V21.1719Z' fill='%230074EE'/%3E%3Cpath d='M35.2344 10.5469H27.0312C25.7422 10.5469 24.6875 9.49219 24.6875 8.20312V0C24.9922 0 25.2969 0.117188 25.5077 0.351641L34.8827 9.72664C35.1172 9.9375 35.2344 10.2422 35.2344 10.5469Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-star {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 511.987 511' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(1,0,0,1,0,10)'%3E%3Cpath fill='%23ffc107' d='M510.652 185.902a27.158 27.158 0 0 0-23.425-18.71l-147.774-13.419-58.433-136.77C276.71 6.98 266.898.494 255.996.494s-20.715 6.487-25.023 16.534l-58.434 136.746-147.797 13.418A27.208 27.208 0 0 0 1.34 185.902c-3.371 10.368-.258 21.739 7.957 28.907l111.7 97.96-32.938 145.09c-2.41 10.668 1.73 21.696 10.582 28.094 4.757 3.438 10.324 5.188 15.937 5.188 4.84 0 9.64-1.305 13.95-3.883l127.468-76.184 127.422 76.184c9.324 5.61 21.078 5.097 29.91-1.305a27.223 27.223 0 0 0 10.582-28.094l-32.937-145.09 111.699-97.94a27.224 27.224 0 0 0 7.98-28.927zm0 0' opacity='1' data-original='%23ffc107' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.btn {
  cursor: pointer;
  display: block;
  padding: 18px 40px;
  font-size: 18px;
  font-weight: 500;
  color: #fff !important;
  background-color: #0074ee;
  text-align: center;
  border-radius: 10px;
  transition:
    background-color 0.2s linear,
    color 0.2s linear;
}
.btn:hover {
  background-color: rgb(0, 91.1428571429, 187);
  color: #fff;
}
.btn--small {
  font-size: 16px;
  padding: 16px 30px;
}
.btn--border {
  background-color: transparent;
  color: #0074ee !important;
  border: 2px solid #0074ee;
}
.btn--border:hover {
  background-color: #0074ee;
  color: #fff !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="time"],
input[type="search"],
textarea {
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 18px;
  color: #282828;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder,
input[type="time"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
  color: rgba(40, 40, 40, 0.6);
}

select {
  display: none;
}

.form-select {
  position: relative;
  width: 100%;
}
.form-select--open .form-select__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.form-select--open .form-select__arrow {
  transform: rotate(225deg);
}
.form-select__trigger {
  width: 100%;
  height: 56px;
  padding: 0 40px 0 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}
.form-select__arrow {
  position: absolute;
  right: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.form-select__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 6px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: 0.2s;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
.form-select__option {
  padding: 12px 16px;
  cursor: pointer;
  font-size: 16px;
}
.form-select__option:hover {
  background: #e4ecfa;
}

.search {
  position: relative;
}
.search:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_88_417)'%3E%3Cpath d='M2.49996 8.125C2.49996 7.38631 2.64546 6.65486 2.92814 5.97241C3.21082 5.28995 3.62516 4.66985 4.14749 4.14752C4.66982 3.62519 5.28991 3.21086 5.97237 2.92818C6.65482 2.64549 7.38628 2.5 8.12496 2.5C8.86365 2.5 9.5951 2.64549 10.2776 2.92818C10.96 3.21086 11.5801 3.62519 12.1024 4.14752C12.6248 4.66985 13.0391 5.28995 13.3218 5.97241C13.6045 6.65486 13.75 7.38631 13.75 8.125C13.75 9.61684 13.1573 11.0476 12.1024 12.1025C11.0475 13.1574 9.6168 13.75 8.12496 13.75C6.63312 13.75 5.20238 13.1574 4.14749 12.1025C3.09259 11.0476 2.49996 9.61684 2.49996 8.125ZM8.12496 7.43104e-08C6.84195 0.000237571 5.57724 0.304311 4.43435 0.887328C3.29146 1.47035 2.30288 2.31573 1.54954 3.35429C0.796206 4.39284 0.299525 5.59503 0.100159 6.86246C-0.0992081 8.12988 0.00440753 9.4265 0.402523 10.6462C0.800639 11.8659 1.48194 12.9739 2.39065 13.8796C3.29936 14.7854 4.40964 15.463 5.63062 15.8572C6.85159 16.2513 8.14855 16.3506 9.41531 16.1471C10.6821 15.9436 11.8826 15.443 12.9187 14.6862L17.2412 19.0087C17.477 19.2364 17.7927 19.3624 18.1205 19.3596C18.4482 19.3567 18.7617 19.2253 18.9935 18.9935C19.2252 18.7618 19.3567 18.4482 19.3596 18.1205C19.3624 17.7928 19.2364 17.477 19.0087 17.2413L14.6862 12.9188C15.5715 11.7073 16.104 10.2744 16.2247 8.77885C16.3455 7.2833 16.0497 5.78353 15.3703 4.44576C14.6909 3.10799 13.6543 1.98449 12.3754 1.19978C11.0965 0.415066 9.62538 -0.000202817 8.12496 7.43104e-08Z' fill='%23646464'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_88_417'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    center/contain no-repeat;
}
.search input[type="search"] {
  padding-right: 60px;
}

.nav {
  display: flex;
  gap: 20px;
}
.nav-prev,
.nav-next {
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.416667' y='0.416667' width='49.1667' height='49.1667' rx='24.5833' stroke='%23282828' stroke-width='0.833333'/%3E%3Cpath d='M28 18L21 25L28 32' stroke='%23282828' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.nav-next {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-0.416667' y='0.416667' width='49.1667' height='49.1667' rx='24.5833' transform='matrix(-1 0 0 1 49.1667 0)' stroke='%23282828' stroke-width='0.833333'/%3E%3Cpath d='M23 18L30 25L23 32' stroke='%23282828' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pagination {
  margin-top: 60px;
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.pagination__item {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  border: 2px solid transparent;
  color: #282828;
}
.pagination__item--active {
  border-color: #0074ee;
  color: #0074ee;
}
.pagination__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.content {
  position: relative;
  padding: 60px 0 100px;
}

.post-content p {
  font-size: 18px;
}
.post-content p:not(:last-child) {
  margin-bottom: 20px;
}
.post-content h2,
.post-content h3,
.post-content h4 {
  margin-bottom: 20px;
}
.post-content h2:not(:first-child),
.post-content h3:not(:first-child),
.post-content h4:not(:first-child) {
  margin-top: 30px;
}
.post-content h5,
.post-content h6 {
  margin-bottom: 10px;
}
.post-content h5:not(:first-child),
.post-content h6:not(:first-child) {
  margin-top: 20px;
}
.post-content h2 {
  font-size: 32px;
}
.post-content h3 {
  font-size: 24px;
}
.post-content h4 {
  font-size: 20px;
}
.post-content h5 {
  font-size: 18px;
}
.post-content ul,
.post-content ol {
  padding-left: 30px;
  margin-bottom: 20px;
}
.post-content ul li,
.post-content ol li {
  font-size: 18px;
}
.post-content ul li:not(:last-child),
.post-content ol li:not(:last-child) {
  margin-bottom: 10px;
}
.post-content ul {
  list-style-type: disc;
}
.post-content ol {
  list-style-type: decimal;
}
.post-content a {
  color: #0074ee;
}

.swiper {
  direction: ltr;
}

[dir="rtl"] .form-select__trigger {
  padding: 0 16px 0 40px;
}
[dir="rtl"] .form-select__arrow {
  right: auto;
  left: 16px;
}
[dir="rtl"] .popup__close {
  right: auto;
  left: 15px;
}
[dir="rtl"] .nav {
  flex-direction: row-reverse;
}
[dir="rtl"] .cta {
  text-align: right;
}
[dir="rtl"] .cta__title {
  text-align: right;
}
[dir="rtl"] .cta__btn {
  margin-left: auto;
}
[dir="rtl"] .breadcrumbs__list li:not(:last-child):before {
  right: auto;
  left: -17px;
}
[dir="rtl"] .banner__inner {
  flex-direction: row-reverse;
}

[dir="rtl"] .offer__title {
  text-align: right;
}

[dir="rtl"] .offer__text::before {
  right: 256px;
  left: auto;
  transform: scaleX(-1);
}

[dir="rtl"] .post-content ul,
[dir="rtl"] .post-content ol {
  padding-left: 0;
  padding-right: 30px;
}

.location {
  position: relative;
}
.location--open .location__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
}
.location__toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  min-width: 0;
}
.location__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  min-width: 60px;
  padding: 8px 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) translateX(-50%);
  transition: 0.2s;
}
.location__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 400px;
  overflow-y: auto;
}
.location__link {
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  white-space: nowrap;
}

.breadcrumbs {
  padding: 15px 0;
  border-bottom: 1px solid #dcdcdc;
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 26px;
}
.breadcrumbs__list li {
  position: relative;
  font-size: 16px;
}
.breadcrumbs__list li:not(:last-child):before {
  content: "/";
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  font-size: inherit;
  color: #282828;
  opacity: 0.6;
}
.breadcrumbs__list li a {
  font-size: inherit;
  opacity: 0.6;
}

.header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0;
  background-color: #f7fafb;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  display: inline-block;
}
.header__logo img {
  width: 163px;
  height: auto;
  object-fit: contain;
}
.header__controls {
  display: flex;
  align-items: center;
  gap: 60px;
}
.header .lang {
  position: relative;
}
.header .lang--open .lang__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) translateX(-50%);
}
.header .lang--open .lang__arrow {
  transform: rotate(180deg);
}
.header .lang__toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  min-width: 0;
}
.header .lang__current {
  color: #282828;
  text-transform: uppercase;
}
.header .lang__arrow {
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.692871 0.721085L5.89663 5.72108L10.6929 0.721085' stroke='%23282828' stroke-width='2'/%3E%3C/svg%3E%0A");
  transition: transform 0.2s;
}
.header .lang__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  min-width: 60px;
  padding: 8px 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) translateX(-50%);
  transition: 0.2s;
}
.header .lang__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .lang__link {
  display: block;
  padding: 10px 16px;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}
.header__btn {
  white-space: nowrap;
}
.header__burger {
  display: none;
  cursor: pointer;
  flex-direction: column;
  gap: 6px;
  margin-left: 10px;
}
.header__burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #282828;
  border-radius: 2px;
}

.footer {
  position: relative;
  background-color: #e4ecfa;
  padding: 40px 0;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer__brand {
  max-width: 25%;
}
.footer__logo {
  display: inline-block;
}
.footer__logo img {
  width: 163px;
  height: auto;
  object-fit: contain;
}
.footer__descr {
  margin-top: 20px;
}
.footer__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 150%;
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer__contacts-item {
  line-height: 1.5;
  margin-bottom: 5px;
}
.footer__social {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #dcdcdc;
}
.footer__copyright {
  font-size: 14px;
  line-height: 1.5;
}
.footer__docs {
  display: flex;
  gap: 30px;
}
.footer__docs-item {
  font-size: 14px;
  line-height: 1.5;
}

.popup {
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 200;
}
.popup.active {
  opacity: 1;
  pointer-events: auto;
}
.popup__close {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 15px;
  right: 15px;
  z-index: 10;
}
.popup__close span {
  position: absolute;
  top: 13px;
  display: block;
  width: 30px;
  height: 3px;
  background: #282828;
  border-radius: 2px;
}
.popup__close span:first-child {
  transform: rotate(45deg);
  left: 0;
}
.popup__close span:last-child {
  transform: rotate(-45deg);
  right: 0;
}

.popup-menu {
  background-color: #fff;
}
.popup-menu__inner {
  position: relative;
  padding: 30px 15px;
}
.popup-menu__menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}
.popup-menu__menu li a {
  font-size: 18px;
}
.popup-menu__btn {
  margin-top: 30px;
}

.popup-menu .location__dropdown {
  left: 0;
  right: auto;
}

.page {
  position: relative;
}
.page-404 .main {
  padding: 50px 0 100px;
  min-height: calc(100vh - 400px);
}
.page-404 .main__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}
.page-404 .main img {
  width: 200px;
  height: 200px;
}
.page-404 .main__title {
  margin-top: 40px;
}
.page-404 .main__descr {
  font-size: 18px;
  text-align: center;
}
.page-404 .main__btns {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}

.hero {
  position: relative;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 46vw;
}
.hero__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.hero__subtitle {
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
}
.hero .form {
  width: min(600px, 100%);
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 60px auto 0;
}
.hero .form-select__trigger,
.hero .form-select__option {
  font-size: 18px;
}

.services {
  position: relative;
  padding: 120px 0;
}
.services__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 60px;
}
.services__item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 30px 130px 30px 30px;
  min-height: 300px;
  direction: ltr;
}
.services__item:hover {
  color: #282828;
}
.services__item:nth-child(1) {
  background-color: #d2e8e8;
}
.services__item:nth-child(2) {
  background-color: #e4e8d2;
}
.services__item:nth-child(3) {
  background-color: #e8d2df;
}
.services__item:nth-child(4) {
  background-color: #e8d9d2;
}
.services__item:nth-child(5) {
  background-color: #d2e1e8;
}
.services__item:nth-child(6) {
  background-color: #cdd6ea;
}
.services__item img {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  max-width: 71%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.services__item-title {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  z-index: 1;
}
.services__item-text {
  position: relative;
  margin-top: 10px;
  z-index: 1;
}

.steps {
  position: relative;
}
.steps__items {
  display: flex;
  gap: 50px;
  margin-top: 60px;
}
.steps__item {
  width: 33%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: #e4ecfa;
  border-radius: 20px;
  padding: 50px 50px 0;
}
.steps__item-title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.steps__item img {
  height: auto;
  width: 100%;
  object-fit: contain;
  object-position: bottom;
  margin-top: 60px;
}
.steps__footer {
  font-size: 20px;
  text-align: center;
  margin-top: 60px;
}

.offer {
  position: relative;
  margin-top: 60px;
  overflow: hidden;
}
.offer__inner {
  display: flex;
  align-items: center;
  gap: 100px;
}
.offer__title {
  text-align: left;
}
.offer__content {
  width: 100%;
}
.offer__text {
  position: relative;
  font-size: 20px;
  margin-top: 20px;
}
.offer__text::before {
  content: "";
  position: absolute;
  top: calc(100% + 18px);
  left: 256px;
  width: 300px;
  height: 63px;
  background: url("data:image/svg+xml, %3Csvg width='302' height='65' viewBox='0 0 302 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.805023 28.151C1.21272 28.151 26.0798 23.9302 66.0711 17.5726C81.3614 15.1419 86.6693 15.5113 89.943 17.0328C93.2166 18.5542 94.3404 21.5194 94.6135 24.6992C96.1082 42.1008 84.8186 57.5966 84.6336 60.1908C84.5406 61.4959 85.4456 62.7543 88.8045 63.3242C92.1634 63.894 98.2035 63.7313 107.45 62.3456C116.697 60.9599 128.967 58.3561 159.312 48.4934C189.657 38.6307 237.706 21.5879 264.701 12.2765C291.696 2.96497 296.183 1.90119 300.805 0.805176' stroke='%230074EE' stroke-width='1.61006' stroke-linecap='round' /%3E%3C/svg%3E")
    center/contain no-repeat;
}
.offer__btn {
  width: max-content;
  margin-top: 40px;
}
.offer__img {
  width: 600px;
  max-width: 44%;
  flex-shrink: 0;
  z-index: 1;
}
.offer__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reviews {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
}
.reviews__slider {
  margin-top: 60px;
}
.reviews__nav {
  justify-content: center;
  margin-top: 60px;
}
.reviews__slider {
  margin-top: 40px;
  overflow: visible;
}
.reviews__slide {
  width: 400px;
}
.reviews__card {
  width: 100%;
}
.reviews__text {
  background-color: #e4ecfa;
  border-radius: 15px;
  padding: 20px;
}
.reviews__text p {
  font-size: 18px;
}
.reviews__author {
  display: flex;
  align-items: center;
  width: max-content;
  background-color: #e4ecfa;
  gap: 20px;
  border-radius: 100px;
  margin-top: 10px;
  padding: 10px 20px 10px 10px;
}
.reviews__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.reviews__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reviews__info {
  display: flex;
  flex-direction: column;
}
.reviews__name {
  font-size: 14px;
  font-weight: 500;
}
.reviews__location {
  font-size: 12px;
  opacity: 0.8;
}

.cta {
  direction: ltr;
  position: relative;
  padding-bottom: 100px;
}
.cta__banner {
  position: relative;
  background-color: #282828;
  color: #fff;
  border-radius: 30px;
  padding-left: 60px;
  overflow: hidden;
}
.cta__content {
  width: min(600px, 100% - 770px);
  padding: 80px 0;
}
.cta__title {
  text-align: left;
}
.cta__descr {
  font-size: 20px;
  margin-top: 20px;
  opacity: 0.8;
}
.cta__btn {
  width: max-content;
  margin-top: 40px;
}
.cta__tags {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  width: 810px;
  height: 100%;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
}
.cta__tags span {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1px solid #666666;
  opacity: 0.8;
}

.main {
  padding-top: 50px;
}
.main__descr {
  font-size: 20px;
  margin-top: 20px;
}

.catalog {
  position: relative;
  padding: 40px 0 100px;
  overflow: hidden;
}
.catalog__inner {
  display: flex;
  gap: 60px;
  margin-top: 60px;
}
.catalog__sidebar {
  width: 320px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 30px 25px;
  flex-shrink: 0;
  align-self: flex-start;
}
.catalog__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
}

.catalog__filters-popup {
  z-index: 1; 
}

.catalog .categories__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.catalog .categories__submenu {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 20px;
  margin-top: 10px;
}
.catalog .categories__submenu-item a {
  font-size: 16px;
}
.catalog .categories__link {
  font-size: 18px;
  font-weight: 600;
}
.catalog .categories__link--active {
  color: #0074ee;
}
.catalog .filter-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background: none;
  border: none;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: auto;
  background-color: #0074ee;
  color: #fff;
  padding: 10px 15px;
  z-index: 111;
  border-radius: 6px;
}
.catalog .filter-toggle span {
  font-size: 18px;
  font-weight: 600;
}
.catalog .sidebar__filters {
  margin-top: 30px;
}
.catalog .sidebar__label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}
.catalog .sidebar__group:not(last-child) {
  margin-bottom: 20px;
}
.catalog .sidebar__btn {
  width: 100%;
  margin-top: 30px;
}
.catalog__item {
  position: relative;
  display: flex;
  gap: 30px;
  width: 100%;
  min-width: 0;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background-color: #fff;
}
.catalog__item-left {
  width: 140px;
  flex-shrink: 0;
}
.catalog__item-photo {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}
.catalog__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.catalog__item-badges {
  margin-top: 10px;
}
.catalog__item-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  margin-top: 10px;
}
.catalog__item-badge .icon {
  flex-shrink: 0;
}
.catalog__item-languages {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.catalog__item-languages img {
  width: 26px;
  flex-shrink: 0;
}
.catalog__item-right {
  width: 100%;
  min-width: 0;
}
.catalog__item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.catalog__item-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.catalog__item-location {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  margin-top: 5px;
  opacity: 0.8;
}
.catalog__item-body {
  margin-top: 15px;
}
.catalog__item-descr {
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 3em;
}
.catalog__item-descr.show {
  -webkit-line-clamp: unset;
  overflow: visible;
  max-height: none;
}
.catalog__item-more {
  display: none;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #0074ee;
  cursor: pointer;
}
.catalog__item-services {
  margin-top: 15px;
}
.catalog__item-service {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.catalog__item-service:not(:last-child) {
  margin-bottom: 5px;
}
.catalog__item-service span {
  font-size: 15px;
  line-height: 1.5;
}
.catalog__item-service-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.catalog__item-service-price {
  font-weight: 500;
  flex-shrink: 0;
  white-space: nowrap;
}
.catalog__item-all-services {
  display: inline-block;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #0074ee;
}
.catalog__item-contacts {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.catalog__item-contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  background: #e4ecfa;
  border: 1px solid #282828;
  color: #282828 !important;
  min-width: 0;
}
.catalog__item-contact-btn .icon {
  flex-shrink: 0;
}
.catalog__item-contact-btn:hover {
  background: #fff;
}
.catalog__item-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 600;
}

.profile {
  position: relative;
  padding: 30px 0 100px;
}
.profile__inner {
  position: relative;
  display: flex;
  gap: 60px;
  min-width: 0;
}
.profile__content {
  width: min(1100px, 100%);
  min-width: 0;
}
.profile__info {
  width: 100%;
}
.profile__name {
  font-size: 40px;
}
.profile__badges {
  align-self: flex-start;
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 230px;
  flex-shrink: 0;
}
.profile__badge {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  padding: 20px;
}
.profile__badge .icon {
  width: 30px;
  height: 30px;
}
.profile__badge p {
  margin-top: 20px;
}
.profile__header {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
}
.profile__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.profile__rating {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 24px;
  font-weight: 600;
}
.profile__rating .icon {
  width: 30px;
  height: 30px;
}
.profile__avatar {
  width: 240px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 10px;
}
.profile__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin-top: 10px;
}
.profile__meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.profile__meta-item .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.profile__languages {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
}
.profile__languages img {
  width: 26px;
  flex-shrink: 0;
}
.profile__time {
  margin-top: 30px;
}
.profile__time span {
  font-weight: 500;
}
.profile__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.profile__btn {
  white-space: nowrap;
}
.profile__btn--wa {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #00a63a;
  padding: 15px 20px;
}
.profile__btn--wa:hover {
  background-color: #009138;
}
.profile__section {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  margin-top: 20px;
}
.profile__title {
  font-size: 30px;
  margin-bottom: 20px;
}
.profile__services-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile__service-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.profile__service-item span {
  font-size: 18px;
  line-height: 1.5;
}
.profile__service-price {
  font-weight: 500;
  flex-shrink: 0;
  white-space: nowrap;
}
.profile__all-services {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
  color: #0074ee;
}
.profile__gallery .swiper-slide img {
  border-radius: 10px;
}
.profile__gallery-nav .nav-prev,
.profile__gallery-nav .nav-next {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  border-radius: 50%;
}
.profile__gallery-nav .nav-prev {
  left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' transform='matrix(-1 0 0 1 30 0)' fill='white'/%3E%3Cpath d='M18 21L12 14.7555L18 9' stroke='%23282828' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.profile__gallery-nav .nav-next {
  right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='white'/%3E%3Cpath d='M12 21L18 14.7555L12 9' stroke='%23282828' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.banner {
  position: relative;
  padding: 60px 0 100px;
  overflow: hidden;
}
.banner__inner {
  display: flex;
  align-items: stretch;
  gap: 60px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #dcdcdc;
  padding-left: 60px;
}
.banner__img {
  width: min(712px, 50%);
  height: auto;
  min-height: 600px;
  flex-shrink: 0;
  border-radius: 20px;
  object-fit: cover;
}
.banner__content {
  padding: 80px 0;
  min-width: 0;
}
.banner__subtitle {
  font-size: 20px;
  margin-top: 20px;
}
.banner__list {
  margin-top: 40px;
}
.banner__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
}
.banner__list li:not(:last-child) {
  margin-bottom: 10px;
}
.banner__list li .icon {
  flex-shrink: 0;
}
.banner__btn {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  margin-top: 40px;
}
.banner__btn .icon {
  width: 40px;
  height: 40px;
}

.about {
  position: relative;
  padding: 60px 0 100px;
}
.about__inner {
  display: flex;
  gap: 100px;
}
.about__btn {
  width: max-content;
  margin-top: 30px;
}
.about__banner {
  align-self: flex-start;
  background-color: #e4ecfa;
  border-radius: 10px;
  padding: 20px 30px;
}

@media (max-width: 1600px) {
  .container {
    width: 100%;
  }
  .catalog__inner {
    gap: 30px;
  }
  .catalog__sidebar {
    width: 300px;
  }
}
@media (max-width: 1360px) {
  .container {
    padding: 0 15px;
  }
  .services {
    padding: 100px 0;
  }
  .services__items {
    gap: 10px;
    margin-top: 50px;
  }
  .services__item {
    padding-right: 100px;
  }
  .services__item-title {
    font-size: 20px;
  }
  .steps__items {
    gap: 20px;
    margin-top: 50px;
  }
  .steps__item {
    padding: 30px 30px 0;
  }
  .steps__item-title {
    font-size: 18px;
  }
  .steps__item img {
    margin-top: 40px;
  }
  .steps__footer {
    font-size: 18px;
    margin-top: 50px;
  }
  .cta {
    padding-bottom: 80px;
  }
  .cta__banner {
    padding-left: 40px;
    border-radius: 20px;
  }
  .cta__content {
    width: 50%;
    padding: 60px 0;
  }
  .cta__descr {
    font-size: 18px;
  }
  .cta__tags {
    width: 50%;
    right: -20px;
    gap: 5px;
  }
  .cta__tags span {
    font-size: 14px;
    padding: 8px 16px;
  }
  .catalog__sidebar {
    width: 250px;
  }
  .catalog__items {
    grid-template-columns: 1fr;
  }
  .profile__inner {
    gap: 30px;
  }
  .about__inner {
    gap: 60px;
  }
}
@media (min-width: 1024px) {
  .catalog__filters-popup {
    position: static;
    opacity: 1;
    pointer-events: auto;
    background: none;
  }
  .catalog__filters-popup .popup__close {
    display: none;
  }
}
@media (max-width: 1024px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
  .nav {
    gap: 15px;
  }
  .nav-prev,
  .nav-next {
    width: 40px;
    height: 40px;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="time"],
  input[type="search"],
  textarea {
    font-size: 16px;
  }
  .post-content p,
  .post-content ul li,
  .post-content ol li {
    font-size: 16px;
  }
  .post-content h2 {
    font-size: 24px;
  }
  .post-content h3 {
    font-size: 20px;
  }
  .post-content h4 {
    font-size: 18px;
  }
  .post-content h5 {
    font-size: 16px;
  }
  .page-404 .main img {
    width: 160px;
    height: 160px;
  }
  .footer__descr br {
    display: none;
  }
  .hero {
    padding: 100px 0;
  }
  .hero__subtitle {
    font-size: 18px;
    margin-top: 20px;
  }
  .hero .form {
    margin-top: 50px;
  }
  .hero .form-select__trigger,
  .hero .form-select__option {
    font-size: 16px;
  }
  .services {
    padding: 80px 0;
  }
  .services__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps__items {
    gap: 10px;
    margin-top: 40px;
  }
  .steps__item {
    padding: 20px 20px 0;
  }
  .steps__item-title {
    font-size: 16px;
  }
  .steps__item img {
    margin-top: 30px;
  }
  .steps__footer {
    font-size: 16px;
    margin-top: 40px;
  }
  .offer__inner {
    gap: 80px;
  }
  .offer__content {
    padding-top: 20px;
  }
  .offer__text {
    font-size: 18px;
    margin-top: 15px;
  }
  .offer__text::before {
    top: 100%;
    left: 200px;
    width: 230px;
    height: 50px;
  }
  [dir="rtl"] .offer__text::before {
    right: 200px;
  }
  .offer__btn {
    margin-top: 30px;
  }
  .offer__img {
    width: 50%;
    max-width: 100%;
  }
  .reviews {
    padding: 80px 0;
  }
  .reviews__slide {
    width: 300px;
  }
  .reviews__text p {
    font-size: 16px;
  }
  .reviews__nav {
    margin-top: 40px;
  }
  .main__descr {
    font-size: 18px;
  }
  .catalog .filter-toggle {
    display: flex;
  }
  .catalog__filters-popup {
    display: flex;
    z-index: 111;
  }
  .catalog__inner {
    flex-direction: column;
  }
  .catalog__sidebar {
    width: 100%;
    border: none;
    border-radius: 0;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    padding: 24px;
  }
  .profile__inner {
    gap: 20px;
  }
  .profile__badges {
    width: 140px;
    gap: 20px;
  }
  .profile__badge {
    padding: 15px;
  }
  .profile__badge p {
    font-size: 14px;
    margin-top: 10px;
  }
  .profile__avatar {
    width: 100px;
  }
  .profile__name {
    font-size: 30px;
  }
  .profile__time,
  .profile__actions {
    margin-top: 20px;
  }
  .profile__header {
    gap: 20px;
  }
  .profile__section {
    padding: 20px;
  }
  .profile__title {
    font-size: 24px;
  }
  .profile__service-item span {
    font-size: 16px;
  }
  .profile__all-services {
    font-size: 16px;
  }
  .banner__inner {
    padding-left: 30px;
  }
  .banner__img {
    min-height: 400px;
  }
  .banner__content {
    padding: 40px 0;
  }
  .banner__subtitle {
    font-size: 16px;
    margin-top: 10px;
  }
  .banner__list {
    margin-top: 20px;
  }
  .banner__list li {
    font-size: 16px;
  }
  .banner__btn {
    margin-top: 30px;
  }
  .about__inner {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .pagination {
    margin-top: 40px;
  }
  .pagination__list {
    gap: 10px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  .post-content p,
  .post-content ul li,
  .post-content ol li {
    font-size: 15px;
  }
  .post-content ul,
  .post-content ol {
    padding-left: 20px;
  }

  [dir="rtl"] .post-content ul,
  [dir="rtl"] .post-content ol {
    padding-right: 20px;
  }
  .post-content h2 {
    font-size: 20px;
  }
  .post-content h3 {
    font-size: 18px;
  }
  .post-content h4 {
    font-size: 16px;
  }
  .breadcrumbs li {
    font-size: 14px;
  }
  .btn {
    font-size: 16px;
    padding: 16px 30px;
    border-radius: 8px;
  }
  .btn--small {
    font-size: 14px;
    padding: 14px 20px;
  }
  .page-404 .main {
    min-height: auto;
  }
  .page-404 .main img {
    width: 100px;
    height: 100px;
  }
  .page-404 .main__descr {
    font-size: 16px;
  }
  .header {
    padding: 15px 0;
  }
  .header__controls {
    gap: 30px;
  }
  .header__logo img {
    width: 120px;
  }
  .footer {
    padding: 30px 0;
  }
  .footer__top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer__descr {
    font-size: 14px;
    margin-top: 15px;
  }
  .footer__brand {
    max-width: 100%;
  }
  .footer__contacts {
    margin-top: 20px;
  }
  .footer__social {
    justify-content: center;
  }
  .footer__bottom {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  .footer__docs {
    flex-wrap: wrap;
    gap: 5px 15px;
    justify-content: center;
  }
  .hero {
    padding: 80px 0;
  }
  .hero__subtitle {
    font-size: 16px;
    margin-top: 15px;
  }
  .hero .form {
    margin-top: 30px;
  }
  .services {
    padding: 60px 0;
  }
  .services__items {
    margin-top: 40px;
  }
  .services__item {
    padding: 20px 80px 20px 20px;
    border-radius: 13px;
    min-height: 240px;
  }
  .services__item-title {
    font-size: 18px;
  }
  .services__item-text {
    font-size: 14px;
    margin-top: 5px;
  }
  .steps__items {
    flex-wrap: wrap;
    justify-content: center;
  }
  .steps__item {
    width: calc(50% - 5px);
    border-radius: 13px;
  }
  .offer__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
  }
  .offer__content {
    padding-top: 0;
  }
  .offer__title {
    text-align: center !important;
  }
  .offer__text {
    font-size: 16px;
    margin-top: 10px;
  }
  .offer__text::before {
    left: 50%;
    width: 190px;
    height: 40px;
  }
  [dir="rtl"] .offer__text::before {
    right: 50%;
  }
  .offer__btn {
    margin: 60px auto 0;
  }
  .offer__img {
    width: 400px;
  }
  .reviews {
    padding: 60px 0;
  }
  .reviews__slide {
    width: 280px;
  }
  .reviews__text p {
    font-size: 15px;
  }
  .reviews__nav {
    margin-top: 30px;
  }
  .cta {
    padding-bottom: 60px;
  }
  .cta__banner {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    padding-left: 30px;
    padding-right: 30px;
  }
  .cta__content {
    width: 100%;
    padding: 40px 0;
  }
  .cta__descr {
    font-size: 16px;
    margin-top: 10px;
  }
  .cta__btn {
    margin-top: 20px;
  }
  .cta__tags {
    right: 50%;
    height: auto;
    width: calc(100% + 100px);
    justify-content: center;
    transform: translateX(50%);
  }
  .main__descr {
    font-size: 16px;
  }
  .profile__inner {
    flex-direction: column-reverse;
  }
  .profile__badges {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    position: relative;
    top: unset;
  }
  .profile__name {
    font-size: 24px;
  }
  .profile__badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
  }
  .profile__badge .icon {
    width: 20px;
    height: 20px;
  }
  .profile__badge p {
    margin-top: 0;
  }
  .profile__btn--wa .icon {
    width: 16px;
    height: 16px;
  }
  .profile__rating {
    font-size: 20px;
  }
  .profile__rating .icon {
    width: 20px;
    height: 20px;
  }
  .banner {
    padding: 40px 0 60px;
  }
  .banner__inner {
    flex-direction: column !important;
    padding-left: 0;
    gap: 30px;
  }
  .banner__content {
    padding: 30px 30px 0;
    text-align: center;
  }
  .banner__list li {
    justify-content: center;
    text-align: left;
  }
  .banner__btn {
    margin: 20px auto 0;
  }
  .banner__img {
    width: 100%;
  }
  .about {
    padding: 40px 0 60px;
  }
  .content {
    padding: 40px 0 60px;
  }
  .about__inner {
    flex-direction: column;
  }
  .about__banner {
    padding: 20px;
  }
}
@media (max-width: 560px) {
  .location--open .location__dropdown {
    transform: translateY(0);
  }
  .location__dropdown {
    left: auto;
    right: 0;
    transform: translateY(8px);
  }
  .header__controls {
    gap: 20px;
  }
  .header__btn {
    display: none;
  }
  .header__burger {
    display: flex;
  }
  .services__items {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .steps__item {
    width: 100%;
  }
  .cta__content {
    padding: 30px 0;
  }
  .cta__tags {
    width: 600px;
  }
  .cta__tags span {
    font-size: 12px;
    padding: 6px 12px;
  }
  .catalog__inner {
    margin-top: 40px;
  }
  .catalog__item {
    flex-direction: column;
  }
  .catalog__item-left {
    width: 100%;
    display: flex;
    gap: 15px;
  }
  .catalog__item-badges {
    margin-top: 0;
  }
  .catalog__item-badge:nth-child(1) {
    margin-top: 0;
  }
  .catalog__item-photo {
    width: 60px;
  }
  .catalog__item-languages {
    width: 70px;
    justify-content: flex-end;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 0;
    margin-left: auto;
  }
  .catalog__item-languages img {
    width: 20px;
  }
  .catalog__item-contacts {
    flex-wrap: wrap;
  }
  .catalog__item-contact-btn {
    width: 100%;
  }
  .profile {
    padding-bottom: 60px;
  }
  .profile__header {
    flex-direction: column;
  }
  .profile__name {
    font-size: 20px;
  }
  .profile__meta-item,
  .profile__time {
    font-size: 14px;
  }
  .profile__languages img {
    width: 20px;
  }
  .profile__service-item {
    flex-direction: column;
    gap: 0px;
  }
  .profile__title {
    font-size: 20px;
  }
  .profile__gallery-nav {
    display: none;
  }
  .profile__badge {
    gap: 6px;
    padding: 6px;
  }
  .profile__badge .icon {
    width: 16px;
    height: 16px;
  }
  .profile__badge p {
    font-size: 12px;
  }
  .profile__top {
    justify-content: flex-start;
  }
  .banner__content {
    padding: 30px 20px 0;
  }
  .banner__btn {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 420px) {
  .container {
    padding: 0 10px;
  }
  .header__location {
    display: none;
  }
}