@charset "UTF-8";
:root {
  --color-text: #636268;
  --color-text-dark: #272629;
  --color-blue: #FF22CC;
  --color-blue-hover: #E01BB3;
  --color-blue-light: #edefff;
  --color-blue-dark: #FF22CC;
  --font-regular: 'Onest-Regular';
  --font-medium: 'Onest-Medium';
  --font-semibold: 'Onest-SemiBold';
  --font-bold: 'Onest-Bold';
  --icon-vk: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%231D356D' /%3E%3Cpath d='M24.3771 18.8598C24.04 18.434 24.1364 18.2446 24.3771 17.8641C24.3814 17.8597 27.1643 14.0143 27.451 12.7102L27.4528 12.7093C27.5952 12.234 27.4528 11.8848 26.7638 11.8848H24.4839C23.9036 11.8848 23.636 12.1845 23.4926 12.5199C23.4926 12.5199 22.3318 15.2984 20.6897 17.0995C20.1597 17.6199 19.9147 17.7868 19.6254 17.7868C19.4829 17.7868 19.2614 17.6199 19.2614 17.1447V12.7093C19.2614 12.1393 19.0989 11.8848 18.6184 11.8848H15.0336C14.6696 11.8848 14.4532 12.1506 14.4532 12.3982C14.4532 12.9387 15.2743 13.0629 15.3594 14.5834V17.8823C15.3594 18.6052 15.2282 18.7381 14.9372 18.7381C14.1622 18.7381 12.2811 15.9483 11.1664 12.7553C10.9414 12.1359 10.7216 11.8856 10.1369 11.8856H7.85617C7.20541 11.8856 7.07422 12.1854 7.07422 12.5208C7.07422 13.1133 7.84922 16.0595 10.6781 19.9519C12.5635 22.6088 15.2187 24.0485 17.634 24.0485C19.0859 24.0485 19.2631 23.7287 19.2631 23.1788C19.2631 20.64 19.1319 20.4002 19.8591 20.4002C20.1962 20.4002 20.7766 20.567 22.132 21.8486C23.6811 23.3682 23.9357 24.0485 24.8028 24.0485H27.0826C27.7325 24.0485 28.0618 23.7287 27.8724 23.098C27.4389 21.7712 24.5091 19.0422 24.3771 18.8598Z' fill='white' /%3E%3C/svg%3E");
  --icon-telegram: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%231D356D' /%3E%3Cpath d='M6.76522 17.389L11.2974 18.8221L22.0585 12.6965C22.2148 12.608 22.3745 12.8053 22.2401 12.9206L14.0934 19.9027L13.7908 23.8115C13.7859 23.877 13.8024 23.9423 13.8383 23.9989C13.8741 24.0554 13.9276 24.1004 13.9915 24.128C14.0555 24.1556 14.127 24.1644 14.1965 24.1533C14.2659 24.1422 14.3301 24.1117 14.3806 24.0658L16.8887 21.769L21.4744 25.0009C21.9685 25.3495 22.6842 25.1038 22.8172 24.5402L26.0101 11.0412C26.1924 10.2712 25.3817 9.62119 24.5914 9.90297L6.7427 16.2672C6.18251 16.467 6.19799 17.2095 6.76522 17.389Z' fill='white' /%3E%3C/svg%3E");
  --icon-dzen: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%231D356D' /%3E%3Cpath d='M28.1738 17.6153V17.3866C23.4473 17.2342 21.2898 17.1198 19.5593 15.4426C17.8822 13.7121 17.7602 11.5547 17.6153 6.82812H17.3866C17.2342 11.5547 17.1198 13.7121 15.4426 15.4426C13.7121 17.1198 11.5547 17.2418 6.82812 17.3866V17.6153C11.5547 17.7678 13.7121 17.8822 15.4426 19.5593C17.1198 21.2898 17.2418 23.4473 17.3866 28.1738H17.6153C17.7678 23.4473 17.8822 21.2898 19.5593 19.5593C21.2898 17.8822 23.4473 17.7602 28.1738 17.6153Z' fill='white' /%3E%3C/svg%3E");
  --icon-max: url("data:image/svg+xml,%3Csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle%20cx='17.5'%20cy='17.5'%20r='17.5'%20fill='%231D356D'%20/%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20transform='translate(3.75%203.75)%20scale(0.0275)'%20d='M508.211%20878.328c-75.007%200-109.864-10.95-170.453-54.75-38.325%2049.275-159.686%2087.783-164.979%2021.9%200-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508%200-216.626%20177.754-379.597%20388.357-379.597%20210.785%200%20375.947%20171.001%20375.947%20381.604.707%20207.346-166.595%20376.118-373.94%20377.224m3.103-571.585c-102.564-5.292-182.499%2065.7-200.201%20177.024-14.6%2092.162%2011.315%20204.398%2033.397%20210.238%2010.585%202.555%2037.23-18.98%2053.837-35.587a189.8%20189.8%200%200%200%2092.71%2033.032c106.273%205.112%20197.08-75.794%20204.215-181.95%204.154-106.382-77.67-196.486-183.958-202.574Z'%20fill='white'%20/%3E%3C/svg%3E");

  --icon-gpay: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='47.5' fill='white' /%3E%3Ccircle cx='48' cy='48' r='47.5' fill='url(%23paint0_linear_4030_53686)' fill-opacity='0.9' /%3E%3Ccircle cx='48' cy='48' r='47.5' stroke='%23EDF4FB' /%3E%3Cpath d='M46.0668 49.0305V56.1691H43.9375V38.541H49.5824C51.0131 38.541 52.233 39.0484 53.2311 40.0632C54.2515 41.0779 54.7616 42.3168 54.7616 43.7799C54.7616 45.2784 54.2515 46.5173 53.2311 47.5202C52.2441 48.5231 51.0242 49.0187 49.5824 49.0187H46.0668V49.0305ZM46.0668 40.7121V46.8595H49.6268C50.4697 46.8595 51.1795 46.5527 51.7339 45.9509C52.2996 45.3491 52.5879 44.6176 52.5879 43.7917C52.5879 42.9775 52.2996 42.2577 51.7339 41.656C51.1794 41.0306 50.4808 40.7239 49.6268 40.7239H46.0668V40.7121ZM60.3289 43.7091C61.9037 43.7091 63.1459 44.1575 64.0552 45.0542C64.9647 45.9509 65.4193 47.178 65.4193 48.7356V56.1691H63.3898V54.4937H63.3011C62.4249 55.8742 61.2494 56.5585 59.7855 56.5585C58.5323 56.5585 57.4897 56.1691 56.6469 55.3786C55.8041 54.588 55.3826 53.6086 55.3826 52.4288C55.3826 51.1781 55.8263 50.187 56.7135 49.4554C57.6008 48.7121 58.7874 48.3463 60.2624 48.3463C61.5267 48.3463 62.5692 48.5941 63.3788 49.0896V48.5705C63.3788 47.7799 63.0905 47.1192 62.5026 46.5646C61.9148 46.0101 61.2273 45.7387 60.4398 45.7387C59.2531 45.7387 58.3105 46.2696 57.6229 47.3434L55.7485 46.0927C56.78 44.4996 58.3105 43.7091 60.3289 43.7091ZM57.5786 52.4641C57.5786 53.0541 57.8115 53.5497 58.2883 53.939C58.7541 54.3284 59.3087 54.529 59.9408 54.529C60.8391 54.529 61.6376 54.175 62.3363 53.467C63.0351 52.759 63.3899 51.9331 63.3899 50.9774C62.7244 50.4228 61.804 50.1396 60.6173 50.1396C59.7523 50.1396 59.0314 50.3638 58.4547 50.8003C57.8669 51.2605 57.5786 51.8152 57.5786 52.4641ZM76.9976 44.0984L69.8998 61.4669H67.7039L70.3434 55.3903L65.6633 44.0984H67.9811L71.3526 52.759H71.397L74.6797 44.0984H76.9976Z' fill='%23383E41' /%3E%3Cpath d='M37.4259 45.4658H28.5V49.3598L33.6406 49.361C33.4321 50.6566 32.7611 51.761 31.733 52.4974V52.4981L31.7341 52.4974L31.6416 54.8247L34.7941 55.0225L34.7929 55.0237C36.5796 53.2644 37.6034 50.6637 37.6034 47.5911C37.604 46.8784 37.5445 46.1672 37.4259 45.4658Z' fill='%230085F7' /%3E%3Cpath d='M31.7303 52.4965L31.7291 52.4972C30.8775 53.1079 29.781 53.4652 28.4984 53.4652C26.0196 53.4652 23.9168 51.6882 23.1638 49.2928H23.1634L23.1638 49.294L20.5319 48.8506L20.0078 51.899C21.5718 55.2002 24.7856 57.4653 28.4985 57.4653C31.0642 57.4653 33.2198 56.5678 34.7891 55.0227C34.7896 55.0224 34.79 55.022 34.7904 55.0215L31.7303 52.4965Z' fill='%2300A94B' /%3E%3Cpath d='M22.8696 47.3602C22.8696 46.6876 22.9749 46.0375 23.1668 45.4262L22.345 42.8208H20.0103C19.3638 44.1861 19 45.7271 19 47.3602C19 48.9933 19.3649 50.5343 20.0103 51.8996L20.0108 51.8992L23.1668 49.2942C22.9703 48.6708 22.8699 48.0177 22.8696 47.3602Z' fill='%23FFBB00' /%3E%3Cpath d='M28.499 37.2549C24.7869 37.2549 21.5717 39.5204 20.0078 42.8221L23.1642 45.4275C23.9173 43.0322 26.0201 41.2551 28.4989 41.2551C29.8996 41.2551 31.1541 41.7685 32.1445 42.7714L34.8562 39.8888C33.2093 38.2566 31.0621 37.2549 28.499 37.2549Z' fill='%23FF4031' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4030_53686' x1='48' y1='0' x2='48' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' /%3E%3Cstop offset='1' stop-color='%23F5F9FF' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --icon-apay: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='47.5' fill='white' /%3E%3Ccircle cx='48' cy='48' r='47.5' fill='url(%23paint0_linear_4030_53687)' fill-opacity='0.9' /%3E%3Ccircle cx='48' cy='48' r='47.5' stroke='%23EDF4FB' /%3E%3Cpath d='M30.6432 42.7507C31.3004 41.9263 31.7463 40.8196 31.6286 39.6885C30.6666 39.7364 29.4927 40.325 28.813 41.1499C28.2027 41.8564 27.6626 43.0096 27.8034 44.0932C28.8835 44.187 29.9623 43.5519 30.6432 42.7507ZM31.6163 44.3048C30.0481 44.2111 28.7146 45.1974 27.9658 45.1974C27.2166 45.1974 26.0696 44.352 24.8292 44.3747C23.2147 44.3985 21.7166 45.3139 20.8974 46.77C19.2123 49.6827 20.4526 54.0032 22.0914 56.3755C22.8871 57.5492 23.8461 58.8413 25.1099 58.795C26.3039 58.7481 26.7718 58.0197 28.2231 58.0197C29.6734 58.0197 30.0949 58.795 31.3589 58.7715C32.6695 58.7481 33.489 57.5973 34.2847 56.4226C35.1976 55.0847 35.5714 53.7928 35.5949 53.722C35.5714 53.6986 33.0675 52.7353 33.0444 49.8468C33.0207 47.4282 35.0102 46.2778 35.1039 46.2064C33.9804 44.5398 32.225 44.3518 31.6163 44.3048ZM45.2715 41.0316C48.6802 41.0316 51.0536 43.3879 51.0536 46.8186C51.0536 50.2613 48.6313 52.6299 45.1861 52.6299H41.4121V58.6487H38.6854V41.0316H45.2715ZM41.4121 50.3346H44.5408C46.9149 50.3346 48.2659 49.0528 48.2659 46.8307C48.2659 44.6088 46.9147 43.3391 44.553 43.3391H41.4121V50.3346ZM51.7662 54.9984C51.7662 52.7518 53.4827 51.3723 56.5264 51.2013L60.0322 50.9938V50.005C60.0322 48.5764 59.0705 47.7218 57.4638 47.7218C55.9418 47.7218 54.9922 48.4542 54.7611 49.602H52.2778C52.4238 47.2822 54.3959 45.573 57.5612 45.573C60.6654 45.573 62.6496 47.2213 62.6496 49.7971V58.6484H60.1295V56.5362H60.069C59.3264 57.9648 57.7072 58.8681 56.0274 58.8681C53.5193 58.8684 51.7662 57.3057 51.7662 54.9984ZM60.0321 53.8386V52.8252L56.8789 53.0204C55.3084 53.1303 54.4199 53.8262 54.4199 54.925C54.4199 56.048 55.345 56.7806 56.7572 56.7806C58.5955 56.7808 60.0321 55.511 60.0321 53.8386ZM65.0285 63.3735V61.2369C65.223 61.2856 65.6611 61.2856 65.8805 61.2856C67.0977 61.2856 67.7552 60.773 68.1567 59.4545C68.1567 59.43 68.3883 58.6732 68.3883 58.661L63.7624 45.8052H66.6107L69.8493 56.2559H69.8977L73.1364 45.8052H75.9118L71.115 59.3201C70.0198 62.4334 68.7537 63.4346 66.0998 63.4346C65.8805 63.4344 65.223 63.4101 65.0285 63.3735Z' fill='black' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4030_53687' x1='48' y1='0' x2='48' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' /%3E%3Cstop offset='1' stop-color='%23F5F9FF' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --icon-quotes: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='11' fill='white' stroke='%23F1F1F1' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90743 12.5419C9.85943 12.9541 9.73143 13.2833 9.50857 13.5752C9.20971 13.9645 8.70857 14.3283 7.88 14.715C7.82684 14.7368 7.77899 14.7684 7.73935 14.8079C7.6997 14.8475 7.66909 14.8941 7.64937 14.945C7.62966 14.9959 7.62124 15.05 7.62464 15.1041C7.62804 15.1581 7.64318 15.2109 7.66915 15.2593C7.69512 15.3077 7.73137 15.3507 7.7757 15.3857C7.82003 15.4206 7.87152 15.4468 7.92705 15.4627C7.98257 15.4785 8.04096 15.4836 8.09869 15.4778C8.15642 15.472 8.21227 15.4553 8.26286 15.4287C9.14857 15.0164 9.79029 14.5813 10.2057 14.0385C10.6291 13.4867 10.7857 12.8652 10.7857 12.1424V9.74557C10.7857 9.49837 10.6804 9.26128 10.4928 9.08648C10.3053 8.91168 10.0509 8.81348 9.78571 8.81348H7.5C7.23478 8.81348 6.98043 8.91168 6.79289 9.08648C6.60536 9.26128 6.5 9.49837 6.5 9.74557V11.6098C6.5 12.1243 6.948 12.5419 7.5 12.5419H9.90743ZM15.6217 12.5419C15.5737 12.9541 15.4457 13.2833 15.2229 13.5752C14.924 13.9645 14.4229 14.3283 13.5943 14.715C13.5411 14.7368 13.4933 14.7684 13.4536 14.8079C13.414 14.8475 13.3834 14.8941 13.3637 14.945C13.3439 14.9959 13.3355 15.05 13.3389 15.1041C13.3423 15.1581 13.3575 15.2109 13.3834 15.2593C13.4094 15.3077 13.4457 15.3507 13.49 15.3857C13.5343 15.4206 13.5858 15.4468 13.6413 15.4627C13.6969 15.4785 13.7553 15.4836 13.813 15.4778C13.8707 15.472 13.9266 15.4553 13.9771 15.4287C14.8629 15.0164 15.5046 14.5813 15.92 14.0385C16.3434 13.4867 16.5 12.8652 16.5 12.1424V9.74557C16.5 9.49837 16.3946 9.26128 16.2071 9.08648C16.0196 8.91168 15.7652 8.81348 15.5 8.81348H13.2143C12.9491 8.81348 12.6947 8.91168 12.5072 9.08648C12.3196 9.26128 12.2143 9.49837 12.2143 9.74557V11.6098C12.2143 12.1243 12.6623 12.5419 13.2143 12.5419H15.6217Z' fill='%230C52EB' /%3E%3C/svg%3E");
  --icon-angle-right: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.9832 6.6223-4.9795 4.9795-1.2446-1.2446 4.3571-4.3572-4.3571-4.3572 1.2446-1.2446 4.9795 4.9795c.16502.16507.25772.38891.25772.62232 0 .23341-.092702.45726-.25772.62233z' clip-rule='evenodd' fill='%23141c21' fill-rule='evenodd'/%3E%3C/svg%3E");
  --icon-telegram-sm: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m25.917 4.1208-3.939 18.44c-.29377 1.2987-1.0477 1.5912-2.1372 1.0048l-5.9085-4.3576-2.8924 2.7651c-.2925.29377-.58636.58763-1.2572.58763l.46156-6.0776 11.021-10.015c.4602-.46151-.12616-.62921-.71243-.25091l-13.703 8.6319-5.9098-1.8018c-1.2987-.41857-1.2987-1.3.2938-1.885l22.964-8.9271c1.131-.3354 2.0956.2522 1.7185 1.885z' fill='%23fff' stroke-width='.975'/%3E%3C/svg%3E");
  --icon-arrow: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.31412 1.67332C3.20201 1.67344 3.08948 1.65092 2.98323 1.60711C2.87698 1.5633 2.7792 1.49909 2.69572 1.41831C2.61224 1.33754 2.54477 1.24185 2.49733 1.13697C2.4499 1.03208 2.42347 0.920135 2.41962 0.807817C2.41578 0.6955 2.43459 0.585108 2.47495 0.483226C2.5153 0.381344 2.57637 0.290061 2.65451 0.214821C2.73265 0.139581 2.82626 0.0819253 2.92975 0.0452951C3.03324 0.00866497 3.14449 -0.0061904 3.25688 0.00161563L9.5652 0.217635C9.78685 0.225363 10.0024 0.320748 10.1645 0.482838C10.3266 0.644927 10.422 0.860466 10.4297 1.08211L10.6457 7.39044C10.6535 7.50282 10.6387 7.61408 10.602 7.71757C10.5654 7.82106 10.5077 7.91467 10.4325 7.9928C10.3573 8.07094 10.266 8.13201 10.1641 8.17237C10.0622 8.21272 9.95182 8.23154 9.8395 8.22769C9.72718 8.22385 9.61524 8.19742 9.51035 8.14998C9.40546 8.10254 9.30978 8.03507 9.229 7.95159C9.14823 7.86811 9.08402 7.77033 9.04021 7.66409C8.99639 7.55784 8.97388 7.4453 8.97399 7.33319L8.8271 3.04353L1.44779 10.4228C1.29632 10.5743 1.0866 10.6551 0.864777 10.6476C0.642957 10.64 0.427205 10.5446 0.264983 10.3823C0.102762 10.2201 0.00735964 10.0044 -0.00023691 9.78254C-0.00783245 9.56072 0.0730008 9.351 0.22448 9.19952L7.60379 1.82022L3.31412 1.67332Z' fill='%23377EF0' /%3E%3C/svg%3E");
  --icon-checkmark: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.546 5.17796C21.8272 5.45925 21.9852 5.84071 21.9852 6.23846C21.9852 6.63621 21.8272 7.01767 21.546 7.29896L10.303 18.542C10.1544 18.6906 9.97805 18.8085 9.7839 18.8889C9.58976 18.9693 9.38167 19.0107 9.17153 19.0107C8.96138 19.0107 8.75329 18.9693 8.55915 18.8889C8.365 18.8085 8.1886 18.6906 8.04003 18.542L2.45403 12.957C2.31076 12.8186 2.19649 12.6531 2.11787 12.4701C2.03926 12.2871 1.99788 12.0902 1.99615 11.8911C1.99442 11.6919 2.03237 11.4944 2.10779 11.31C2.18322 11.1257 2.29459 10.9582 2.43543 10.8174C2.57627 10.6765 2.74375 10.5651 2.92809 10.4897C3.11244 10.4143 3.30996 10.3764 3.50913 10.3781C3.7083 10.3798 3.90513 10.4212 4.08813 10.4998C4.27114 10.5784 4.43666 10.6927 4.57503 10.836L9.17103 15.432L19.424 5.17796C19.5633 5.03857 19.7287 4.928 19.9108 4.85255C20.0928 4.77711 20.288 4.73828 20.485 4.73828C20.6821 4.73828 20.8772 4.77711 21.0593 4.85255C21.2413 4.928 21.4067 5.03857 21.546 5.17796Z' fill='%23A3CD39' /%3E%3C/svg%3E");
  --icon-cross: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.38562 4.46008L12 10.0742L17.5853 4.48917C17.7087 4.35786 17.8573 4.25282 18.0222 4.18034C18.1872 4.10786 18.3651 4.06944 18.5453 4.06738C18.931 4.06738 19.301 4.22062 19.5738 4.49338C19.8465 4.76614 19.9998 5.13608 19.9998 5.52182C20.0032 5.70014 19.9701 5.87727 19.9025 6.04234C19.835 6.20741 19.7345 6.35694 19.607 6.48176L13.949 12.0668L19.607 17.7246C19.8468 17.9591 19.9873 18.2767 19.9998 18.6118C19.9998 18.9975 19.8465 19.3675 19.5738 19.6402C19.301 19.913 18.931 20.0662 18.5453 20.0662C18.3599 20.0739 18.1749 20.043 18.0022 19.9754C17.8294 19.9078 17.6726 19.805 17.5417 19.6735L12 14.0594L6.40017 19.659C6.27727 19.7859 6.13045 19.8873 5.96818 19.9572C5.80591 20.0271 5.63141 20.0641 5.45474 20.0662C5.06898 20.0662 4.69902 19.913 4.42625 19.6402C4.15348 19.3675 4.00024 18.9975 4.00024 18.6118C3.99685 18.4335 4.02993 18.2563 4.09746 18.0913C4.16499 17.9262 4.26555 17.7767 4.39295 17.6519L10.051 12.0668L4.39295 6.40903C4.15323 6.17452 4.01266 5.85694 4.00024 5.52182C4.00024 5.13608 4.15348 4.76614 4.42625 4.49338C4.69902 4.22062 5.06898 4.06738 5.45474 4.06738C5.80382 4.07175 6.13836 4.21283 6.38562 4.46008Z' fill='%238A8A8A' /%3E%3C/svg%3E");
  --icon-exchange: url("data:image/svg+xml,%0A%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='10' fill='%23FF22CC'/%3E%3Cg clip-path='url(%23clip0_2_8042)'%3E%3Cpath d='M41.5408 24.3533L36.8533 29.0408C36.2429 29.6511 35.2517 29.6511 34.6414 29.0408C34.031 28.4304 34.031 27.4392 34.6414 26.8289L36.6628 24.8123H18.5623C17.698 24.8123 16.9998 24.114 16.9998 23.2498C16.9998 22.3855 17.698 21.6873 18.5623 21.6873H36.6628L34.6414 19.6658C34.031 19.0554 34.031 18.0642 34.6414 17.4539C35.2517 16.8435 36.2429 16.8435 36.8533 17.4539L41.5408 22.1414C42.1511 22.7517 42.1511 23.7429 41.5408 24.3533ZM22.1414 41.5408L17.4539 36.8533C16.8435 36.2429 16.8435 35.2517 17.4539 34.6414L22.1414 29.9539C22.7517 29.3435 23.7429 29.3435 24.3533 29.9539C24.9636 30.5642 24.9636 31.5554 24.3533 32.1658L22.3367 34.1873H40.4373C41.3015 34.1873 41.9998 34.8855 41.9998 35.7498C41.9998 36.614 41.3015 37.3123 40.4373 37.3123H22.3367L24.3582 39.3337C24.9685 39.9441 24.9685 40.9353 24.3582 41.5457C23.7478 42.156 22.7566 42.156 22.1462 41.5457L22.1414 41.5408Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_8042'%3E%3Crect width='25' height='25' fill='white' transform='translate(17 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-youtube: url("data:image/svg+xml,%0A%3Csvg width='79' height='79' viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='39.5' cy='39.5' r='39.5' fill='%23377EF0'/%3E%3Cg filter='url(%23filter0_d_255_1609)'%3E%3Cpath d='M34.1217 30.1056C34.009 30.0376 33.8805 30.0012 33.7494 30C33.6182 29.9989 33.4892 30.033 33.3752 30.099C33.2613 30.165 33.1666 30.2604 33.1007 30.3757C33.0348 30.4909 33 30.6218 33 30.7551V48.2449C33 48.3782 33.0348 48.5091 33.1007 48.6243C33.1666 48.7396 33.2613 48.835 33.3752 48.901C33.4892 48.967 33.6182 49.0011 33.7494 49C33.8805 48.9988 34.009 48.9624 34.1217 48.8944L48.6362 40.1495C48.7471 40.0827 48.8389 39.9876 48.9027 39.8737C48.9665 39.7598 49 39.6311 49 39.5C49 39.3689 48.9665 39.2402 48.9027 39.1263C48.8389 39.0124 48.7471 38.9173 48.6362 38.8505L34.1217 30.1056Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_255_1609' x='29' y='30' width='24' height='27' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.631592 0 0 0 0 0.613124 0 0 0 0 0.613124 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_255_1609'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_255_1609' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-arrow-right: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23.2627' cy='23.2627' r='22.7627' stroke='white'/%3E%3Cpath d='M16.2637 24.2627C15.9985 24.2627 15.7442 24.1572 15.5566 23.9697C15.3691 23.7822 15.2637 23.5279 15.2637 23.2627C15.2637 22.9975 15.3691 22.7432 15.5566 22.5557C15.7442 22.3681 15.9985 22.2627 16.2637 22.2627L28.8496 22.2627L24.5566 17.9697L25.9707 16.5557L32.6777 23.2627L25.9707 29.9697L24.5566 28.5557L28.8496 24.2627L16.2637 24.2627Z' fill='white'/%3E%3C/svg%3E");
  --icon-angle-right-lg: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.2667 15.333 6.844-7.3329-6.844-7.3329' stroke='%23fff' stroke-width='1.9554'/%3E%3C/svg%3E");
  --icon-stars: url("data:image/svg+xml,%3Csvg width='90' height='16' viewBox='0 0 90 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.8372 15.047 1.2054-5.2108-4.0426-3.5049 5.3407-.4636 2.0769-4.9141 2.0769 4.9141 5.3407.4636-4.0426 3.5049 1.2053 5.2108-4.5803-2.7631z' fill='%23f8c81a' stroke-width='.98901'/%3E%3Cpath d='m21.628 15.047 1.2054-5.2108-4.0426-3.5049 5.3407-.4636 2.0769-4.9141 2.0769 4.9141 5.3407.4636-4.0426 3.5049 1.2053 5.2108-4.5803-2.7631z' fill='%23f8c81a' stroke-width='.98901'/%3E%3Cpath d='m40.42 15.047 1.2054-5.2108-4.0426-3.5049 5.3407-.4636 2.0769-4.9141 2.0769 4.9141 5.3407.4636-4.0426 3.5049 1.2053 5.2108-4.5803-2.7631z' fill='%23f8c81a' stroke-width='.98901'/%3E%3Cpath d='m59.211 15.047 1.2054-5.2108-4.0426-3.5049 5.3407-.4636 2.0769-4.9141 2.0769 4.9141 5.3407.4636-4.0426 3.5049 1.2053 5.2108-4.5803-2.7631z' fill='%23f8c81a' stroke-width='.98901'/%3E%3Cpath d='m78.002 15.047 1.2054-5.2108-4.0426-3.5049 5.3407-.4636 2.0769-4.9141 2.0769 4.9141 5.3407.4636-4.0426 3.5049 1.2053 5.2108-4.5803-2.7631z' fill='%23f8c81a' stroke-width='.98901'/%3E%3C/svg%3E");
  --icon-link: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3652 15.5362L16.9512 14.1202L18.3652 12.7062C19.2961 11.7671 19.8171 10.4976 19.8142 9.17527C19.8113 7.85298 19.2848 6.58568 18.3498 5.65068C17.4148 4.71568 16.1475 4.18912 14.8252 4.18623C13.5029 4.18333 12.2333 4.70434 11.2942 5.63523L9.87923 7.05023L8.46523 5.63623L9.87923 4.22223C11.1921 2.90941 12.9726 2.17188 14.8292 2.17188C16.6858 2.17188 18.4664 2.90941 19.7792 4.22223C21.0921 5.53505 21.8296 7.31562 21.8296 9.17223C21.8296 11.0288 21.0921 12.8094 19.7792 14.1222L18.3652 15.5362ZM15.5362 18.3642L14.1222 19.7782C12.8094 21.0911 11.0288 21.8286 9.17223 21.8286C7.31562 21.8286 5.53505 21.0911 4.22223 19.7782C2.90941 18.4654 2.17188 16.6848 2.17188 14.8282C2.17187 12.9716 2.90941 11.1911 4.22223 9.87823L5.63723 8.46423L7.05123 9.88023L5.63723 11.2942C4.7191 12.2358 4.2089 13.5012 4.21714 14.8163C4.22538 16.1313 4.7514 17.3902 5.68126 18.3202C6.61111 19.2502 7.86992 19.7764 9.185 19.7848C10.5001 19.7933 11.7655 19.2832 12.7072 18.3652L14.1222 16.9512L15.5362 18.3642ZM14.8292 7.75723L16.2442 9.17223L9.17223 16.2422L7.75823 14.8282L14.8292 7.75723Z' fill='%23016CE7'/%3E%3C/svg%3E");
  --icon-square-check: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-1.88764' y='-1.88764' width='49.7753' height='49.7753'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(0.94px);clip-path:url(%23bgblur_0_2_8694_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='1.88764'%3E%3Crect width='46' height='46' rx='9.43819' fill='%230E613B'/%3E%3Cpath d='M19.6665 9.66797C19.1361 9.66797 18.6274 9.87868 18.2523 10.2538C17.8772 10.6288 17.6665 11.1375 17.6665 11.668V13.0013C17.6665 13.5317 17.8772 14.0404 18.2523 14.4155C18.6274 14.7906 19.1361 15.0013 19.6665 15.0013H26.3332C26.8636 15.0013 27.3723 14.7906 27.7474 14.4155C28.1225 14.0404 28.3332 13.5317 28.3332 13.0013V11.668C28.3332 11.1375 28.1225 10.6288 27.7474 10.2538C27.3723 9.87868 26.8636 9.66797 26.3332 9.66797H19.6665Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6667 12.3838C13.9893 12.4771 12.9307 12.7438 12.172 13.5038C11 14.6758 11 16.5611 11 20.3318V28.3318C11 32.1038 11 33.9891 12.172 35.1611C13.344 36.3331 15.2293 36.3318 19 36.3318H27C30.7707 36.3318 32.6573 36.3318 33.828 35.1611C34.9987 33.9905 35 32.1038 35 28.3318V20.3318C35 16.5611 35 14.6758 33.828 13.5038C33.0693 12.7438 32.0107 12.4771 30.3333 12.3838V13.0011C30.3333 14.062 29.9119 15.0794 29.1618 15.8295C28.4116 16.5797 27.3942 17.0011 26.3333 17.0011H19.6667C18.6058 17.0011 17.5884 16.5797 16.8382 15.8295C16.0881 15.0794 15.6667 14.062 15.6667 13.0011V12.3838ZM27.6827 23.7318C27.7801 23.6425 27.8588 23.5348 27.9144 23.4149C27.9699 23.295 28.0012 23.1653 28.0063 23.0333C28.0114 22.9013 27.9903 22.7695 27.9442 22.6457C27.8981 22.5219 27.8279 22.4084 27.7377 22.3119C27.6475 22.2153 27.5391 22.1376 27.4187 22.0832C27.2982 22.0288 27.1682 21.9988 27.0362 21.995C26.9041 21.9911 26.7726 22.0135 26.6492 22.0608C26.5258 22.1081 26.413 22.1793 26.3173 22.2705L21.2853 26.9665L19.6827 25.4705C19.4884 25.2924 19.2316 25.1982 18.9683 25.2084C18.7049 25.2186 18.4563 25.3324 18.2763 25.525C18.0964 25.7176 17.9998 25.9734 18.0075 26.2368C18.0151 26.5003 18.1265 26.75 18.3173 26.9318L20.6027 29.0651C20.7879 29.2381 21.0319 29.3344 21.2853 29.3344C21.5388 29.3344 21.7828 29.2381 21.968 29.0651L27.6827 23.7318Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2_8694_clip_path' transform='translate(1.88764 1.88764)'%3E%3Crect width='46' height='46' rx='9.43819'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-square-tg: url("data:image/svg+xml,%0A%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-1.88764' y='-1.88764' width='49.7753' height='49.7753'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(0.94px);clip-path:url(%23bgblur_0_2_8699_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='1.88764'%3E%3Crect width='46' height='46' rx='9.43819' fill='%230E613B'/%3E%3Cpath d='M11.5288 22.8637L17.0488 24.6403L30.1555 17.0463C30.3458 16.9366 30.5404 17.1811 30.3767 17.3241L20.4543 25.9799L20.0857 30.8257C20.0797 30.9069 20.0999 30.9879 20.1435 31.058C20.1872 31.128 20.2523 31.1839 20.3302 31.2181C20.4081 31.2522 20.4952 31.2632 20.5798 31.2494C20.6644 31.2356 20.7426 31.1978 20.804 31.1409L23.8589 28.2936L29.4441 32.3002C30.0458 32.7324 30.9175 32.4277 31.0795 31.7291L34.9684 14.9942C35.1904 14.0397 34.203 13.2338 33.2404 13.5831L11.5014 21.4729C10.8191 21.7207 10.8379 22.6411 11.5288 22.8637Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2_8699_clip_path' transform='translate(1.88764 1.88764)'%3E%3Crect width='46' height='46' rx='9.43819'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-arrow-sm: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4766 9.50065C14.4766 9.71061 14.3932 9.91198 14.2447 10.0604C14.0962 10.2089 13.8949 10.2923 13.6849 10.2923L3.78906 10.2923C3.5791 10.2923 3.37774 10.2089 3.22927 10.0604C3.0808 9.91198 2.9974 9.71061 2.9974 9.50065C2.9974 9.29069 3.0808 9.08932 3.22927 8.94086C3.37774 8.79239 3.5791 8.70898 3.78906 8.70898L13.6849 8.70899C13.8949 8.70899 14.0962 8.79239 14.2447 8.94086C14.3932 9.08933 14.4766 9.29069 14.4766 9.50065Z' fill='%23377BF0' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6641 9.50081C15.664 9.71076 15.5806 9.91209 15.4321 10.0605L11.8696 13.623C11.7212 13.7716 11.5198 13.8551 11.3098 13.8551C11.0998 13.8552 10.8983 13.7719 10.7498 13.6234C10.6012 13.475 10.5177 13.2736 10.5177 13.0636C10.5176 12.8536 10.601 12.6522 10.7494 12.5036L13.753 9.50081L10.7502 6.49802C10.6017 6.34947 10.5184 6.14804 10.5185 5.93803C10.5185 5.72803 10.602 5.52665 10.7506 5.37821C10.8991 5.22976 11.1006 5.14641 11.3106 5.14649C11.5206 5.14656 11.722 5.23006 11.8704 5.3786L15.4329 8.9411C15.5811 9.08967 15.6642 9.29098 15.6641 9.50081Z' fill='%23377BF0' /%3E%3C/svg%3E");
  --icon-angle-down: 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='m1 5.1464 9 9 9-9' stroke='%230c52eb' stroke-width='2'/%3E%3C/svg%3E%0A");
  --icon-share: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5306 7.03073L11.5306 10.0307C11.3897 10.1716 11.1986 10.2508 10.9994 10.2508C10.8001 10.2508 10.609 10.1716 10.4681 10.0307C10.3272 9.88984 10.2481 9.69874 10.2481 9.49949C10.2481 9.30023 10.3272 9.10913 10.4681 8.96824L12.1875 7.25011H10.3125C9.1483 7.24973 8.017 7.63632 7.09651 8.3491C6.17602 9.06187 5.51855 10.0604 5.2275 11.1876C5.20288 11.283 5.15971 11.3726 5.10046 11.4513C5.04122 11.53 4.96705 11.5962 4.8822 11.6462C4.79735 11.6963 4.70348 11.7291 4.60595 11.7428C4.50841 11.7566 4.40912 11.751 4.31375 11.7264C4.21838 11.7017 4.12879 11.6586 4.0501 11.5993C3.97141 11.5401 3.90516 11.4659 3.85513 11.3811C3.8051 11.2962 3.77228 11.2023 3.75853 11.1048C3.74478 11.0073 3.75038 10.908 3.775 10.8126C4.14861 9.36306 4.99371 8.07893 6.17726 7.16242C7.36081 6.2459 8.81557 5.74906 10.3125 5.75011H12.1875L10.4694 4.03011C10.3285 3.88921 10.2493 3.69812 10.2493 3.49886C10.2493 3.2996 10.3285 3.10851 10.4694 2.96761C10.6103 2.82671 10.8014 2.74756 11.0006 2.74756C11.1999 2.74756 11.391 2.82671 11.5319 2.96761L14.5319 5.96761C14.6018 6.03738 14.6573 6.12028 14.6951 6.21155C14.7329 6.30281 14.7523 6.40065 14.7522 6.49943C14.752 6.59822 14.7324 6.69601 14.6944 6.78718C14.6564 6.87836 14.6007 6.96113 14.5306 7.03073ZM12 12.7501H2.75V5.50011C2.75 5.3012 2.67098 5.11043 2.53033 4.96978C2.38968 4.82913 2.19891 4.75011 2 4.75011C1.80109 4.75011 1.61032 4.82913 1.46967 4.96978C1.32902 5.11043 1.25 5.3012 1.25 5.50011V13.5001C1.25 13.699 1.32902 13.8898 1.46967 14.0304C1.61032 14.1711 1.80109 14.2501 2 14.2501H12C12.1989 14.2501 12.3897 14.1711 12.5303 14.0304C12.671 13.8898 12.75 13.699 12.75 13.5001C12.75 13.3012 12.671 13.1104 12.5303 12.9698C12.3897 12.8291 12.1989 12.7501 12 12.7501Z' fill='%238A8A8A'/%3E%3C/svg%3E");
  --icon-checkmark-lg: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='9.43819' fill='%230C52EB' fill-opacity='0.9'/%3E%3Cpath d='M14.1425 20.675L24.03 10.7875C24.2634 10.5542 24.5356 10.4375 24.8467 10.4375C25.1578 10.4375 25.43 10.5542 25.6634 10.7875C25.8967 11.0208 26.0134 11.2981 26.0134 11.6193C26.0134 11.9406 25.8967 12.2174 25.6634 12.45L14.9592 23.1833C14.7259 23.4167 14.4536 23.5333 14.1425 23.5333C13.8314 23.5333 13.5592 23.4167 13.3259 23.1833L8.30919 18.1667C8.07586 17.9333 7.96386 17.6564 7.97319 17.336C7.98253 17.0156 8.10425 16.7383 8.33836 16.5042C8.57247 16.2701 8.84975 16.1534 9.17019 16.1542C9.49064 16.1549 9.76753 16.2716 10.0009 16.5042L14.1425 20.675Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-calendar: 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='M6.41797 10.082H8.2513V11.9154H6.41797V10.082ZM6.41797 13.7487H8.2513V15.582H6.41797V13.7487ZM10.0846 10.082H11.918V11.9154H10.0846V10.082ZM10.0846 13.7487H11.918V15.582H10.0846V13.7487ZM13.7513 10.082H15.5846V11.9154H13.7513V10.082ZM13.7513 13.7487H15.5846V15.582H13.7513V13.7487Z' fill='%237D71FF' /%3E%3Cpath d='M4.58333 20.1673H17.4167C18.4278 20.1673 19.25 19.3451 19.25 18.334V5.50065C19.25 4.48957 18.4278 3.66732 17.4167 3.66732H15.5833V1.83398H13.75V3.66732H8.25V1.83398H6.41667V3.66732H4.58333C3.57225 3.66732 2.75 4.48957 2.75 5.50065V18.334C2.75 19.3451 3.57225 20.1673 4.58333 20.1673ZM17.4167 7.33398L17.4176 18.334H4.58333V7.33398H17.4167Z' fill='%237D71FF' /%3E%3C/svg%3E");
  --icon-placemark: 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='M11.445 18.18C13.6238 16.2625 17.5 12.345 17.5 8.75C17.5 6.76088 16.7098 4.85322 15.3033 3.4467C13.8968 2.04018 11.9891 1.25 10 1.25C8.01088 1.25 6.10322 2.04018 4.6967 3.4467C3.29018 4.85322 2.5 6.76088 2.5 8.75C2.5 12.345 6.375 16.2625 8.555 18.18C8.95264 18.5349 9.467 18.7311 10 18.7311C10.533 18.7311 11.0474 18.5349 11.445 18.18ZM7.5 8.75C7.5 8.08696 7.76339 7.45107 8.23223 6.98223C8.70107 6.51339 9.33696 6.25 10 6.25C10.663 6.25 11.2989 6.51339 11.7678 6.98223C12.2366 7.45107 12.5 8.08696 12.5 8.75C12.5 9.41304 12.2366 10.0489 11.7678 10.5178C11.2989 10.9866 10.663 11.25 10 11.25C9.33696 11.25 8.70107 10.9866 8.23223 10.5178C7.76339 10.0489 7.5 9.41304 7.5 8.75Z' fill='%237D71FF' /%3E%3C/svg%3E");
  --icon-checkmark-sm: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.84663 12L2 8.2079L2.96166 7.25988L5.84663 10.104L12.0383 4L13 4.94803L5.84663 12Z' fill='%23fff'/%3E%3C/svg%3E");
  --background-circles: url("data:image/svg+xml,%3Csvg width='1280' height='1280' viewBox='0 0 1280 1280' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='640' cy='639.99' r='229.57' opacity='.3' stroke='%23bdc7ce' stroke-width='.7956'/%3E%3Ccircle cx='640' cy='639.99' r='333.71' opacity='.3' stroke='%23bdc7ce' stroke-width='.7956'/%3E%3Ccircle cx='640' cy='639.99' r='444.35' opacity='.3' stroke='%23bdc7ce' stroke-width='.7956'/%3E%3Ccircle cx='640' cy='639.99' r='546.31' opacity='.3' stroke='%23bdc7ce' stroke-width='.7956'/%3E%3Ccircle cx='640' cy='639.99' r='639.6' opacity='.3' stroke='%23bdc7ce' stroke-width='.7956'/%3E%3C/svg%3E");
  --background-circles-sm: url("data:image/svg+xml,%0A%3Csvg width='462' height='214' viewBox='0 0 462 214' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_3017)'%3E%3Ccircle cx='230.991' cy='231.313' r='82.6299' stroke='url(%23paint0_linear_2_3017)' stroke-opacity='0.2' stroke-width='0.902344'/%3E%3Ccircle cx='230.996' cy='231.313' r='120.251' stroke='url(%23paint1_linear_2_3017)' stroke-opacity='0.2' stroke-width='0.902344'/%3E%3Ccircle cx='230.992' cy='231.313' r='160.224' stroke='url(%23paint2_linear_2_3017)' stroke-opacity='0.2' stroke-width='0.902344'/%3E%3Ccircle cx='230.994' cy='231.313' r='197.062' stroke='url(%23paint3_linear_2_3017)' stroke-opacity='0.2' stroke-width='0.902344'/%3E%3Ccircle cx='230.993' cy='231.314' r='230.765' stroke='url(%23paint4_linear_2_3017)' stroke-opacity='0.2' stroke-width='0.902344'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2_3017' x1='230.991' y1='148.232' x2='230.991' y2='314.394' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2'/%3E%3Cstop offset='1' stop-color='%23EFFFE5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2_3017' x1='230.996' y1='110.61' x2='230.996' y2='352.016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2'/%3E%3Cstop offset='1' stop-color='%23EFFFE5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2_3017' x1='230.992' y1='70.6377' x2='230.992' y2='391.989' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2'/%3E%3Cstop offset='1' stop-color='%23EFFFE5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2_3017' x1='230.994' y1='33.7998' x2='230.994' y2='428.827' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2'/%3E%3Cstop offset='1' stop-color='%23EFFFE5'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_2_3017' x1='230.993' y1='0.0976562' x2='230.993' y2='462.53' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2'/%3E%3Cstop offset='1' stop-color='%23EFFFE5'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2_3017'%3E%3Crect width='462' height='213.104' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --background-sphere: url("data:image/svg+xml,%3Csvg width='320' height='320' viewBox='0 0 320 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m293.29 140.5c26.623-22.401 27.87 19.704 26.23 36.237-6.2281 61.758-28.705 76.143-130.55 115.84-29.647 11.533-35.15 14.009-38.598 17.92-.66765.70337-.50098 1.7252.16766 1.9375 2.3274 1.0208 3.1726 1.3958 9.4295 1.617-9.6467-.26885-29.746-.86706-52.055-8.9215-55.68-20.031-40.748-43.866 55.209-87.954 66.064-30.34 102.36-49.562 130.16-76.674zm-11.938 121.11c-2.3303 2.5387-4.7252 4.9474-7.2172 7.3918-6.0614 5.3234-12.303 10.445-18.715 15.358-6.5912 4.6626-13.654 8.8541-21.022 12.563-7.3868 3.6031-15.059 6.6993-23.017 9.2876-13.694 4.3144-27.899 6.8769-42.262 7.6219l-8.487.22024c-.23611 0-.49107-.11508-.6488-.11508 1.7976-1.2232 1.9256-1.2907 18.135-6.3303 24.431-7.6785 74.09-24.597 98.944-42.642l5.2847-4.4513c-.33035.36806-.6617.73412-.99502 1.0962zm-69.745-232.52c20.198-14.221 76.792 15.049 74.738 64.552-.52082 12.525-5.0099 28.49-129.57 87.878-79.709 38.018-107.81 59.447-107.45 82.05.0186 1.5992-.21666 3.1924-.69751 4.7212-.61894 1.7817-2.4952-.0972-6.8368-4.0178-23.577-24.539-38.902-56.441-41.79-91.771 2.1023-36.515 45.228-61.855 141.08-104.77 34.107-15.3 54.61-27.439 70.533-38.644zm-51.631-23.142c6.366.37575 37.291 3.4676 21.622 15.607-8.2906 6.3878-24.46 13.268-48.931 23.74-69.817 29.883-120.16 53.486-130.08 85.106-.0781.24901-.15357.49901-.22668.749.13363-.67062.27152-1.3393.41368-2.0069 8.957-42.039 34.996-77.922 71.859-99.755l2.6787-1.5511c39.104-21.887 76.122-21.786 82.668-21.89z' fill='url(%23a)' fill-opacity='.2' opacity='.4' stroke-width='.99205'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='467.35' x2='145.97' y1='170.43' y2='351.39' gradientTransform='matrix(.99205 0 0 .99205 -17 7.0735)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F1F8FC' offset='0'/%3E%3Cstop stop-color='%23A7D9F5' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --background-sphere-lg: url("data:image/svg+xml,%0A%3Csvg width='622' height='555' viewBox='0 0 622 555' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2' clip-path='url(%23clip0_2545_51017)'%3E%3Cpath d='M598.589 553.719C593.024 560.162 587.293 566.163 581.294 572.269C568.53 583.901 555.386 595.095 541.884 605.83C528.002 616.021 513.128 625.18 497.612 633.286C482.055 641.161 465.898 647.926 449.141 653.583C420.303 663.012 390.389 668.609 360.142 670.237L342.268 670.722C341.771 670.722 341.233 670.469 340.902 670.469C344.688 667.795 344.958 667.647 379.092 656.636C430.542 639.855 535.119 602.882 587.459 563.446L598.589 553.719ZM621.64 291.45C677.703 242.497 680.331 334.508 676.876 370.639C663.76 505.602 616.426 537.037 401.956 623.784C339.521 648.987 327.935 654.398 320.674 662.946C319.267 664.483 319.619 666.715 321.025 667.179C325.928 669.411 327.708 670.232 340.886 670.716C320.57 670.126 278.243 668.821 231.262 651.219C114.003 607.445 145.448 555.355 347.526 459.007C486.652 392.704 563.093 350.699 621.64 291.45ZM478.063 40.1191C530.233 40.7499 610.573 99.8779 607.009 189.043C605.912 216.415 596.456 251.303 334.137 381.086C166.277 464.169 107.088 510.996 107.854 560.391C107.893 563.886 107.397 567.367 106.385 570.708C106.059 571.682 105.568 572.156 104.871 572.185C104.784 572.188 104.694 572.185 104.601 572.175C102.449 571.941 98.5589 568.087 91.9863 561.928C42.3359 508.301 10.0628 438.588 3.98047 361.379C8.40765 281.58 99.2269 226.205 301.077 132.426C372.905 98.9903 416.081 72.4607 449.616 47.9736C456.761 42.7537 466.067 40.2151 476.588 40.1172C477.077 40.1126 477.569 40.1132 478.063 40.1191ZM340.885 -2.60449C354.291 -1.78327 419.415 4.97565 386.418 31.5049C368.957 45.4643 334.905 60.498 283.372 83.3848C135.186 149.203 28.665 201.082 8.94922 271.006C26.9477 177.248 82.2878 97.0908 161.149 48.6221L164.829 46.3828C247.901 -2.60071 326.989 -2.3747 340.885 -2.60449Z' fill='%2390C0DB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2545_51017'%3E%3Crect width='622' height='555' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@font-face {
  font-family: 'Onest-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('./Onest-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Onest-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('./Onest-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Onest-SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('./Onest-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Onest-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('./Onest-Bold.woff2') format('woff2');
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*:focus {
  outline-color: var(--color-blue);
}

::placeholder {
  color: var(--color-text);
}

::selection {
  background-color: var(--color-blue);
  color: #fff;
}

html {
  height: 100%;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 375px;
  min-height: 100%;
  overflow-x: hidden;
  color: var(--color-text);
  font-family: var(--font-regular);
  font-size: 24px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-decoration-skip-ink: none;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 1639.98px) {
  body {
    font-size: 22px;
  }
}
@media (max-width: 1023.98px) {
  body {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  body {
    font-size: 15px;
  }
}

main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

input,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  box-shadow: none;
  outline: none;
  color: #000;
  border: 1px solid #dfdfdf;
  -webkit-appearance: none;
}
input:focus,
input:not(:placeholder-shown),
textarea:focus,
textarea:not(:placeholder-shown) {
  border-color: #c3bfbf;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  position: absolute;
  visibility: hidden;
}
input[type='number'] {
  -moz-appearance: textfield;
}

.inputs {
  display: grid;
  gap: 20px;
}
.inputs input,
.inputs textarea {
  width: 100%;
  border-radius: 10px;
}
.inputs input {
  height: 72px;
  padding: 0 20px;
}
.inputs textarea {
  padding: 20px;
  resize: none;
}

@media (min-width: 1640px) {
  .inputs input,
  .inputs textarea {
    font-size: 22px;
  }
}
@media (max-width: 1279.98px) {
  .inputs input {
    height: 68px;
  }
}
@media (max-width: 1023.98px) {
  .inputs input {
    height: 60px;
  }
  .inputs textarea {
    padding: 17px 20px;
  }
}
@media (max-width: 767.98px) {
  .inputs input {
    height: 56px;
  }
}
@media (max-width: 575.98px) {
  .inputs {
    gap: 8px;
  }
  .inputs input {
    height: 50px;
    padding: 0 15px;
  }
  .inputs textarea {
    padding: 15px;
  }
}
.policy {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.2;
  color: #7c7c7d;
}
.policy input {
  width: 1.15em;
  height: 1.15em;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.policy input:checked ~ span::after {
  opacity: 1;
}
.policy span {
  display: block;
}
.policy span::before,
.policy span::after {
  content: '';
  position: absolute;
  display: block;
  width: 1.15em;
  height: 1.15em;
  left: 0;
  top: 0;
  border-radius: 2px;
}
.policy span::before {
  border: 1px solid #dfdfdf;
}
.policy span::after {
  opacity: 0;
  background: var(--icon-checkmark-sm) center no-repeat;
  background-size: contain;
  background-color: var(--color-blue);
  transition: opacity 0.1s ease;
}
.policy span a {
  color: #161717;
  transition: color 0.25s ease;
}
.policy span a:hover {
  color: var(--color-blue);
}

@media (max-width: 575.98px) {
  .policy {
    column-gap: 8px;
    margin-top: 15px;
    font-size: 12px;
  }
}
img,
svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

svg path,
svg circle {
  transition:
    fill 0.25s ease,
    stroke 0.25s ease;
}

b,
strong {
  font-family: var(--font-bold);
  font-weight: 700;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style-type: none;
}

h1 {
  font-family: var(--font-semibold);
  font-size: 80px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #000;
}

h2 {
  font-family: var(--font-semibold);
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #000;
}

h3 {
  font-family: var(--font-semibold);
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #000;
}

h4 {
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #000;
}

@media (max-width: 1639.98px) {
  h1 {
    font-size: 70px;
  }
  h2 {
    font-size: 52px;
  }
}
@media (max-width: 1279.98px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 44px;
  }
  h3 {
    font-size: 38px;
  }
}
@media (max-width: 1023.98px) {
  h1 {
    font-size: 50px;
  }
  h2 {
    font-size: 38px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 26px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 980px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1640px) {
  .container {
    max-width: 1540px;
  }
}

button,
.btn {
  border: none;
  background: none;
  -webkit-appearance: none;
}
button:focus,
.btn:focus {
  outline: none;
}

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-regular);
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  border-radius: 100px;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.btn--lg {
  height: 84px;
  padding: 0 30px;
}

.btn--md {
  height: 76px;
  padding: 0 30px;
}

.btn--sm {
  height: 60px;
  padding: 0 20px;
}

.btn--sm-mod {
  height: 50px;
  padding: 0 15px;
  width: 100%;
}

.btn--blue {
  background-color: var(--color-blue);
}

.btn--blue:hover {
  background-color: var(--color-blue-hover);
}

.btn--transp-blue {
  color: var(--color-blue);
  border: 1px solid rgba(55, 126, 240, 0.5);
}

.btn--transp-blue:hover {
  color: #fff;
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}

.btn--transp-green {
  color: var(--color-green);
  background: color-mix(in srgb, var(--color-green), transparent 88%);
  border: none;
  gap: 10px;
}

.btn--transp-green:hover {
  color: #fff;
  background: color-mix(in srgb, var(--color-green), transparent 20%);

  svg path {
    fill: #fff;
  }
}

.btn--grad-purple {
  z-index: 1;
  background-color: #4b5bec;
}

.btn--grad-purple::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100px;
  background: linear-gradient(90deg, #879bff 0%, #4959eb 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-purple:hover::after {
  opacity: 0;
}

.btn--grad-blue {
  z-index: 1;
  background-color: #2871e9;
}

.btn--grad-blue::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100px;
  background: linear-gradient(90deg, #53a9f3 0%, #2870e9 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-blue:hover::after {
  opacity: 0;
}

.btn--grad-beige {
  z-index: 1;
  background-color: #978267;
}

.btn--grad-beige::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 100px;
  background: linear-gradient(90deg, #d4b885 0%, #958166 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-beige:hover::after {
  opacity: 0;
}

.btn--grad-indigo {
  z-index: 1;
  background-color: #5462f9;
}

.btn--grad-indigo::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 32px;
  box-shadow: 0 0 19px 0 rgba(108, 125, 140, 0.1);
  background: linear-gradient(270deg, #5462f9 0%, #5e69ff 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-indigo:hover::after {
  opacity: 0;
}

.btn--grad-sky {
  z-index: 1;
  background-color: #0c52eb;
}

.btn--grad-sky::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 32px;
  box-shadow: 0 0 19px 0 rgba(108, 125, 140, 0.1);
  background: linear-gradient(270deg, #54b0f9 0%, #0c52eb 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-sky:hover::after {
  opacity: 0;
}

.btn--grad-deepspace {
  z-index: 1;
  background-color: #0f1b30;
}

.btn--grad-deepspace::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 32px;
  box-shadow: 0 0 19px 0 rgba(108, 125, 140, 0.1);
  background: linear-gradient(270deg, #3d4e64 0%, #0f1b30 100%);
  transition: opacity 0.25s ease;
}

.btn--grad-deepspace:hover::after {
  opacity: 0;
}

.actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  column-gap: 20px;
}

.actions__btn {
  padding: 0 40px;
}

@media (max-width: 1639.98px) {
  .btn {
    font-size: 20px;
  }

  .btn--lg {
    height: 76px;
  }
}

@media (max-width: 1279.98px) {
  .btn--lg,
  .btn--md {
    height: 68px;
  }
}

@media (max-width: 1023.98px) {
  .btn {
    font-size: 18px;
  }

  .btn--lg,
  .btn--md {
    height: 60px;
  }

  .actions {
    justify-content: unset;
  }

  .actions__btn {
    padding: 0 30px;
  }
}

@media (max-width: 767.98px) {
  .btn {
    font-size: 16px;
  }

  .btn--lg,
  .btn--md,
  .btn--sm {
    height: 56px;
    padding: 0 15px;
  }

  .actions {
    grid-auto-flow: row;
    row-gap: 20px;
  }

  .actions__btn {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .btn {
    font-size: 14px;
  }

  .btn--lg,
  .btn--md,
  .btn--sm {
    height: 50px;
  }

  .actions {
    row-gap: 8px;
  }
}

.section-title {
  text-align: center;
}
.section-title span {
  color: var(--color-blue);
}

.page-title {
  margin-top: 45px;
  text-align: center;
}

@media (min-width: 1280px) {
  .page-title {
    font-size: 66px;
  }
}
@media (min-width: 1640px) {
  .page-title {
    font-size: 70px;
  }
}
@media (max-width: 1639.98px) {
  .page-title {
    margin-top: 30px;
  }
}
@media (max-width: 1279.98px) {
  .page-title {
    margin-top: 20px;
  }
}
@media (max-width: 1023.98px) {
  .page-title {
    margin-top: 0;
  }
}
.swiper-slide {
  min-width: 0;
  height: auto;
}
.swiper-nav .swiper-arrow {
  position: absolute;
  top: 50%;
}
.swiper-nav .swiper-arrow--prev {
  left: 0;
  transform: translate(-94px, -50%);
}
.swiper-nav .swiper-arrow--next {
  right: 0;
  transform: translate(94px, -50%);
}
.swiper-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  z-index: 2;
  border-radius: 10px;
  background-color: #030303;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
.swiper-arrow::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: var(--icon-angle-right-lg) center no-repeat;
  background-size: contain;
}
.swiper-arrow:hover {
  background-color: var(--color-blue-dark);
}
.swiper-arrow--prev {
  padding-right: 2px;
}
.swiper-arrow--prev::before {
  transform: rotate(180deg);
}
.swiper-arrow--next {
  padding-left: 2px;
}
.swiper-arrow.swiper-button-lock {
  display: none;
}
.swiper-dots {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  bottom: -80px;
  left: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  transform: translateY(100%);
}
.swiper-dots.swiper-pagination-lock {
  display: none;
}
.swiper-dot {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: #d9d9d9;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
.swiper-dot.is-active {
  width: 10px;
  height: 10px;
  background-color: var(--color-blue-dark);
}

@media (max-width: 1819.98px) {
  .swiper-nav .swiper-arrow--prev {
    transform: translate(-50%, -50%);
  }
  .swiper-nav .swiper-arrow--next {
    transform: translate(50%, -50%);
  }
}
@media (max-width: 1639.98px) {
  .swiper-dots {
    bottom: -60px;
  }
}
@media (max-width: 1279.98px) {
  .swiper-nav {
    display: flex;
    justify-content: center;
    margin-top: 50px;
  }
  .swiper-nav .swiper-arrow {
    position: unset;
    top: unset;
    transform: unset;
  }
  .swiper-arrow {
    width: 42px;
    height: 42px;
  }
  .swiper-arrow::before {
    width: 14px;
    height: 14px;
  }
  .swiper-dots {
    position: unset;
    bottom: unset;
    transform: unset;
    margin: 0 20px;
  }
}
@media (max-width: 767.98px) {
  .swiper-nav {
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .swiper:not(.swiper-fade) {
    margin: 0 -15px;
    padding: 0 15px;
  }
  .swiper:not(.swiper-fade) .swiper-wrapper:not([id]) {
    column-gap: 15px;
  }
  .swiper-nav {
    margin-top: 30px;
  }
  .swiper-arrow {
    width: 36px;
    height: 36px;
    border-radius: 7px;
  }
  .swiper-arrow::before {
    width: 12px;
    height: 12px;
  }
  .swiper-dots {
    margin: 0 15px;
  }
}
.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.4);
}
.fancybox__container.has-toolbar .fancybox__backdrop {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.fancybox__slide {
  margin: 0;
}
.fancybox__slide.has-inline {
  padding: 50px 15px;
}
.fancybox__slide.has-inline .fancybox__content {
  opacity: 0;
  transform: translate(0, -50%);
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
.fancybox__slide.has-inline .fancybox__content.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}
.fancybox__slide.has-inline .fancybox__content.is-cloned:not(.is-hidden) {
  transform: translate(0, 0);
}
.fancybox__slide.has-iframe,
.fancybox__slide.has-youtube {
  padding: 46px 15px;
}
.fancybox__slide.has-iframe .fancybox__content,
.fancybox__slide.has-youtube .fancybox__content {
  width: auto !important;
  height: 675px !important;
  aspect-ratio: 16/9 !important;
  background: none;
  padding: 0;
}
.fancybox__slide.has-youtube .fancybox__content {
  height: 675px !important;
  aspect-ratio: 16/9 !important;
}
/* .fancybox__slide.has-iframe .fancybox__content {
  height: 800px !important;
  aspect-ratio: 9/16 !important;
} */
.fancybox__slide.has-image {
  padding: 46px 15px;
}

.fancybox__content .fancybox__iframe {
  border-radius: 12px;
}

@media (max-width: 1279.98px) {
  .fancybox__slide.has-youtube .fancybox__content {
    width: 1200px !important;
    height: auto !important;
  }
}
.breadcrumbs {
  margin: 130px 0 30px;
}
.breadcrumbs ::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}
.breadcrumbs__inner {
  scrollbar-width: none;
}
.breadcrumbs__list {
  display: flex;
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.1;
}
.breadcrumbs__item::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 10px;
  mask: var(--icon-angle-right) center no-repeat;
  -webkit-mask: var(--icon-angle-right) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #e1dddd;
}
.breadcrumbs__item.is-active {
  overflow: hidden;
}
.breadcrumbs__item.is-active::after {
  display: none;
}
.breadcrumbs__item.is-active a {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b7b7b7;
  cursor: default;
}
.breadcrumbs__link {
  padding: 5px 0;
  white-space: nowrap;
  color: var(--color-text);
  transition: color 0.25s ease;
}

@media (max-width: 1279.98px) {
  .breadcrumbs {
    margin-top: 120px;
  }
  .breadcrumbs__inner {
    display: flex;
    overflow-x: auto;
  }
  .breadcrumbs__list {
    display: inline-flex;
  }
}
@media (max-width: 1023.98px) {
  .breadcrumbs {
    margin-top: 110px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumbs {
    margin: 95px 0 25px;
  }
  .breadcrumbs__item {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .breadcrumbs {
    margin: 70px 0 20px;
  }
  .breadcrumbs__inner {
    margin: 0 -15px;
  }
  .breadcrumbs__list {
    margin: 0 15px;
  }
  .breadcrumbs__item {
    font-size: 10px;
  }
  .breadcrumbs__item::after {
    width: 6px;
    height: 6px;
    margin: 0 8px;
  }
}
.header-logo {
  flex-shrink: 0;
}
.header-logo__link {
  display: flex;
}
.header-logo__link .logo-wb__wrap {
  position: relative;
  line-height: 0;
  padding-right: 8px;

  &::before {
    content: '';
    width: 1px;
    height: 80%;
    background-color: #E4E4E4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.footer-logo .logo-wb-white__wrap {
  position: relative;
  line-height: 0;
  padding-right: 11px;

  &::before {
    content: '';
    width: 1px;
    height: 80%;
    background-color: #E4E4E4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.header-logo__link .logo-black__wrap {
  line-height: 0;
  margin-left: 8px;
  margin-right: 8px;
}

.footer-logo .logo-white__wrap {
  line-height: 0;
  margin-left: 11px;
}

.header-logo__link .logo-wb {
  width: 14vw;
}

.footer-logo .logo-wb-white {
  width: 100px;
}

@media (min-width: 576px) {
  .header-logo__link .logo-wb {
    width: 102px;
  }

  .footer-logo .logo-wb-white {
    width: 122px;
  }

}

@media (min-width: 768px) {
  .header-logo__link .logo-wb {
    width: auto;
  }

  .footer-logo .logo-wb-white {
    width: 135px;
  }


  .header-logo__link .logo-wb__wrap {
    padding-right: 20px;
  }

  .footer-logo .logo-wb-white__wrap {
    padding-right: 20px;
  }

  .header-logo__link .logo-black__wrap {
    margin-left: 20px;
  }

  .footer-logo .logo-white__wrap {
    margin-left: 20px;
  }
}

@media (min-width: 1280px) {
  .header-logo__link .logo-wb {
    width: 95px;
  }

  .footer-logo .logo-wb-white {
    width: 90px;
  }

  .header-logo__link .logo-black {
    width: 142px;
  }

  .footer-logo .logo-white {
    width: 142px;
  }

  .header-logo__link .logo-wb__wrap {
    padding-right: 15px;
  }

  .footer-logo .logo-wb-white__wrap {
    padding-right: 15px;
  }

  .header-logo__link .logo-black__wrap {
    margin-left: 15px;
  }

  .footer-logo .logo-white__wrap {
    margin-left: 15px;
  }
}

@media (min-width: 1640px) {
  .header-logo__link .logo-wb {
    width: auto;
  }

  .footer-logo .logo-wb-white {
    width: auto;
  }
  .header-logo__link .logo-black {
    width: 150px;
  }

  .footer-logo .logo-white {
    width: 150px;
  }

  .header-logo__link .logo-wb__wrap {
    padding-right: 20px;
  }

  .footer-logo .logo-wb-white__wrap {
    padding-right: 20px;
  }

  .header-logo__link .logo-black__wrap {
    margin-left: 20px;
  }

  .footer-logo .logo-white__wrap {
    margin-left: 20px;
  }
}

.header-main {
  position: fixed;
  top: 15px;
  left: 0;
  right: 0;
  z-index: 20;
  margin-right: var(--fancybox-scrollbar-compensate, 0px);
}
.header-main__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-radius: 100px;
  border: 1px solid transparent;
  background-color: transparent;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.header-main__body.is-scrolled {
  background-color: #fff;
  border-color: #f1f1f1;
}
.header-menu__list {
  display: grid;
  grid-auto-flow: column;
  column-gap: 25px;
}
.header-menu__list > li > a {
  align-items: center;
  font-size: 17px;
  white-space: nowrap;
}
.header-menu__item {
  position: relative;
  line-height: 1.1;
}
.header-menu__link {
  display: flex;
  padding: 6px 0;
  color: var(--color-text);
  transition: color 0.25s ease;
}
.header-menu__submenu {
  position: absolute;
  width: 280px;
  top: calc(100% + 40px);
  left: 0;
  padding: 14px 20px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  border-radius: 20px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  transition:
    visibility 0.25s ease,
    opacity 0.25s ease;
  transition-delay: 0.02s;
}
.header-menu__submenu::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 40px;
  bottom: 100%;
  left: 0;
}
.header-menu__submenu a {
  font-size: 15px;
}
.header-menu__toggle {
  display: none;
}
.header-action {
  display: none;
}

@media (min-width: 576px) {
  .header-action {
    display: flex;
  }
}
.header-action__btn {
  width: 165px;
  height: 48px;
  font-size: 16px;
}

.header-action {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-burger {
  display: none;
  position: relative;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-left: 30px;
}
.header-burger span,
.header-burger::before,
.header-burger::after {
  content: '';
  display: block;
  position: absolute;
  height: 1.5px;
  right: 0;
  border-radius: 10px;
  transform: translateY(-50%);
  background-color: #000;
  transition: all 0.25s ease;
}
.header-burger span {
  width: 100%;
  top: 50%;
}
.header-burger::before {
  width: 100%;
  top: calc(50% - 8px);
}
.header-burger::after {
  width: 60%;
  top: calc(50% + 8px);
}
.header-burger.is-active span {
  background-color: transparent;
}
.header-burger.is-active::before,
.header-burger.is-active::after {
  top: calc(50% - 1px);
}
.header-burger.is-active::before {
  transform: rotate(45deg);
}
.header-burger.is-active::after {
  width: 100%;
  transform: rotate(-45deg);
}
.header-dropdown {
  position: fixed;
  display: block;
  align-items: unset;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 130px 0 70px;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateY(-100%);
  background-color: #fff;
}
.header-dropdown.is-active {
  transform: translateY(0);
}
.header-dropdown.has-transition {
  transition: transform 0.4s ease-in-out;
}
.header-order {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.header-socials {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  column-gap: 8px;
  margin-top: 45px;
}
.header-socials__item {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header-socials__item--vk {
  background-image: var(--icon-vk);
}
.header-socials__item--telegram {
  background-image: var(--icon-telegram);
}
.header-socials__item--dzen {
  background-image: var(--icon-dzen);
}

@media (min-width: 1280px) {
  .header-menu__list > li:hover > a {
    color: var(--color-blue);
  }
  .header-menu__list > li.has-children > a::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    transform: rotate(90deg);
    mask: var(--icon-angle-right) center no-repeat;
    -webkit-mask: var(--icon-angle-right) center no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--color-text);
    transition: background-color 0.25s ease;
  }
  .header-menu__list > li.has-children:hover > a::after {
    background-color: var(--color-blue);
  }
  .header-menu__list > li.has-children:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .header-menu__list li.is-active > a {
    color: var(--color-blue);
  }
  .header-menu__list li.is-active > a::after {
    background-color: var(--color-blue);
  }
  .header-menu__submenu a:hover {
    color: var(--color-blue);
  }
}
@media (min-width: 1640px) {
  .header-main .container {
    max-width: 1280px;
  }

  .header-main .container--mod {
    max-width: 1380px;
  }
}
@media (max-width: 1279.98px) {
  .header-main .header-menu {
    display: none;
  }
  .header-action {
    margin-left: auto;
  }
  .header-action__btn {
    height: 42px;
  }
  .header-burger {
    display: block;
  }
  .header-menu__list {
    grid-auto-flow: row;
  }
  .header-menu__list > li > a {
    font-size: 20px;
  }
  .header-menu__list > li.is-open > a {
    color: var(--color-blue);
  }
  .header-menu__list > li.is-open > button {
    transform: rotate(-90deg);
    background-color: var(--color-blue);
  }
  .header-menu__link {
    padding: 10px 0;
  }
  .header-menu__submenu {
    display: none;
    position: unset;
    width: unset;
    top: unset;
    margin-bottom: 10px;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eaeaea;
  }
  .header-menu__submenu::before {
    display: none;
  }
  .header-menu__submenu a {
    font-size: 18px;
  }
  .header-menu__toggle {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    right: 0;
    top: 10px;
    transform: rotate(90deg);
    mask: var(--icon-angle-right) center no-repeat;
    -webkit-mask: var(--icon-angle-right) center no-repeat;
    mask-size: 14px;
    -webkit-mask-size: 14px;
    background-color: var(--color-text);
    transition:
      transform 0.25s ease,
      background-color 0.25s ease;
  }
  .header-order,
  .header-socials {
    justify-content: flex-start;
  }
  .header-order {
    margin-top: 55px;
  }
}
@media (max-width: 767.98px) {
  .header-main {
    top: 10px;
  }
  .header-logo__link .logo-black {
    width: 150px;
  }
  .header-burger {
    margin-left: 15px;
  }
  .header-action__btn {
    width: 140px;
    height: 36px;
    font-size: 14px;
  }
  .header-dropdown {
    padding: 100px 0 55px;
  }
  .header-order {
    margin-top: 35px;
  }
  .header-order__btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .header-main {
    top: 6px;
  }
  .header-main__body {
    padding: 6px 15px;
  }
  .header-logo__link .logo-black {
    width: 20vw;
  }

  .header-burger {
    width: 24px;
    height: 24px;
  }
  .header-burger::before {
    top: calc(50% - 6px);
  }
  .header-burger::after {
    top: calc(50% + 6px);
  }
  .header-action__btn {
    width: 108px;
    height: 30px;
    font-size: 12px;
  }
  .header-dropdown {
    padding: 75px 0 45px;
  }
  .header-menu__list > li > a {
    font-size: 17px;
  }
  .header-menu__link {
    padding: 8px 0;
  }
  .header-menu__submenu {
    margin-bottom: 8px;
  }
  .header-menu__submenu a {
    font-size: 15px;
  }
  .header-menu__toggle {
    width: 20px;
    height: 20px;
    top: 8px;
    mask-size: 10px;
    -webkit-mask-size: 10px;
  }
  .header-order {
    margin-top: 30px;
  }
  .header-socials {
    margin-top: 40px;
  }
}
.hero-main {
  position: relative;
  display: flex;
  padding: 120px 0;
  z-index: 1;
  background:
    url(./hero.webp) 50% 100% no-repeat,
    linear-gradient(180deg, #F8F8F8 0%, #F8F8F8 100%);
  background-size: 1920px, cover;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
}
.hero-main--lg {
  min-height: 1320px;
}
.hero-main--sm {
  min-height: 1360px;
}

.hero-main__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.hero-main__coins-wrap {
  text-align: center;
  margin-top: 20px;
}
.hero-main__coins {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #a18951;
  background-color: #ffeab8;
  border-radius: 60px;
  padding: 6px;
  padding-right: 10px;
  font-family: var(--font-medium);
  font-size: 12px;
}
.hero-main__coins-img {
  height: 20px;
  width: 20px;
}

.hero-main__coins-img--color {
  color: var(--color-blue);
}

@media (min-width: 768px) {
  .hero-main__coins-wrap {
    margin-top: 30px;
  }
  .hero-main__coins {
    padding-right: 18px;
    font-size: 18px;
  }
  .hero-main__coins-img {
    height: 30px;
    width: 30px;
  }
}

@media (min-width: 1280px) {

  .hero-main__coins {
    font-size: 24px;
  }
  .hero-main__coins-img {
    height: 40px;
    width: 40px;
  }
}

.hero-title {
  text-align: center;
}
.hero-title i {
  font-size: 0;
}

.hero-title--home {
  color: #000;
}

.hero-title--color {
  color: var(--color-blue);
}

.hero-title--home span:nth-of-type(2),
.hero-title--country span:nth-of-type(2),
.hero-title--region span:nth-of-type(2),
.hero-title--service span:nth-of-type(2) {
  display: inline-block;
}
.hero-title--home span:nth-of-type(2)::after,
.hero-title--country span:nth-of-type(2)::after,
.hero-title--region span:nth-of-type(2)::after,
.hero-title--service span:nth-of-type(2)::after{
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hero-title--home span:nth-of-type(2)::after,
.hero-title--country span:nth-of-type(2)::after,
.hero-title--region span:nth-of-type(2)::after,
.hero-title--service span:nth-of-type(2)::after {
  background-image: url(./rub.svg);
}

.hero-title--country span:nth-of-type(1) {
  display: inline-block;
}
.hero-title--country span:nth-of-type(1)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background: var(--icon-logo) center no-repeat;
  background-size: contain;
}
.hero-title--foreign-card span:nth-of-type(1),
.hero-title--foreign-card span:nth-of-type(2) {
  display: inline-block;
}
.hero-title--foreign-card span:nth-of-type(1)::after,
.hero-title--foreign-card span:nth-of-type(2)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hero-title--foreign-card span:nth-of-type(1)::after {
  background-image: var(--icon-logo);
}
.hero-title--foreign-card span:nth-of-type(2)::after {
  background-image: url(./sbp.svg);
}
.hero-title--online-service span {
  display: inline-block;
}
.hero-title--online-service span:nth-of-type(2)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background: var(--icon-logo) center no-repeat;
  background-size: contain;
}
.hero-descr {
  margin-top: 20px;
  text-align: center;
  color: #828181;
}
.hero-order {
  margin-top: 40px;
  text-align: center;
}
.hero-services {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr auto;
  margin-top: -84px;
}
.hero-services__list {
  display: grid;
  min-width: 232px;
  row-gap: 10px;
  padding: 15px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
  box-shadow: 0 24px 34px 0 rgba(195, 190, 194, 0.1);
  background: #fff;
}

.hero-services__list--wb {
  margin-left: 68px;
  margin-top: 110px;
   margin-bottom: 10px;
}

.hero-services__list--wb svg {
  width: 150px;
}

@media (max-width: 768.98px) {
  .hero-services__list--wb {
    margin-left: 12px;
  }
}
@media (max-width: 575.98px) {
  .hero-services__list--wb {
    margin: 0 auto;
  }
}

@media (min-width: 576px) {
  .hero-services__list--wb svg {
    width: 200px;
  }
}

.hero-services__list--right {
  max-width: 80px;
  margin-right: 30px;
}

@media (min-width: 768px) {
  .hero-services__list--right {
    max-width: 140px;
    margin-right: 60px;
  }
}

@media (min-width: 1024px) {
  .hero-services__list--wb {
    margin: 0;
    margin-top: 0px;
    margin-left: -100px;
  }
    .hero-services__list--right {
    margin-right: 0px;
  }
}

@media (min-width: 1280px) {
  .hero-services__list--wb {
    margin-top: 100px;
    margin-left: -90px;
  }

  .hero-services__list--wb svg {
    width: 250px;
  }

    .hero-services__list--right {
    max-width: 100%;
  }
  .hero-services__list--left {
    margin-top: -30px;
  }
}

@media (min-width: 1640px) {
  .hero-services__list--wb {
    margin: 0;
    margin-top: 150px;
  }
  .hero-services__list--wb svg {
    width: auto;
  }
}

.hero-services__list--left {
  grid-row: 1/4;
  margin-top: 10px;
}
.hero-services__list--right {
  grid-column: 3/4;
}

.hero-services__list--single + .hero-services__app {
  margin: 8px 0 0;
}
.hero-services__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  line-height: 1.1;
  white-space: nowrap;
  color: #433e3e;
}
.hero-services__item-icon {
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.hero-services__item-name {
  margin-left: 15px;
  font-family: var(--font-regular);
  color: #b0b0b0;
  font-size: 10px;
}

@media (min-width: 768px) {
  .hero-services__item-name {
    font-size: 15px;
  }
}

.hero-services__item-price {
  font-family: var(--font-semibold);
}
.hero-services__app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  grid-column: 2/4;
  margin: 42px 100px 0 0;
}
.hero-services__app-btn {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 10px;
  padding: 15px;
  font-family: var(--font-medium);
  font-size: 18px;
  line-height: 1.1;
  border-radius: 20px;
  color: #433e3e;
  backdrop-filter: blur(4px);
  background-color: #fff;
  box-shadow: 0 24px 34px 0 #edecfc;
  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}
.hero-services__app-btn::before {
  content: '';
  display: block;
  width: 116px;
  height: 45px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='117' height='46' fill='none' viewBox='0 0 117 46'%3E%3Ccircle cx='22.703' cy='22.703' r='21.703' fill='%2368b6ff' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='m31.176 16.1-2.93 13.713c-.218.966-.779 1.184-1.589.748l-4.394-3.24-2.15 2.055c-.218.219-.437.437-.936.437l.343-4.52 8.197-7.447c.342-.343-.094-.468-.53-.187l-10.19 6.42-4.395-1.34c-.966-.312-.966-.967.218-1.402l17.078-6.639c.84-.25 1.558.188 1.278 1.402'/%3E%3Ccircle cx='58.109' cy='22.703' r='22.703' fill='%2368b6ff'/%3E%3Ccircle cx='58.109' cy='22.703' r='22.703' stroke='%23fff'/%3E%3Ccircle cx='58.109' cy='22.703' r='21.703' fill='%2368b6ff'/%3E%3Ccircle cx='58.109' cy='22.703' r='21.703' fill='url(%23a)'/%3E%3Ccircle cx='58.109' cy='22.703' r='21.703' fill='url(%23b)'/%3E%3Ccircle cx='58.109' cy='22.703' r='21.703' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M58.333 33.067c-2.046 0-2.996-.3-4.65-1.5-1.044 1.35-4.355 2.405-4.5.6 0-1.354-.298-2.5-.636-3.75-.403-1.54-.861-3.254-.861-5.739 0-5.934 4.848-10.399 10.593-10.399 5.749 0 10.254 4.685 10.254 10.454.02 5.68-4.544 10.304-10.2 10.334m.085-15.658c-2.798-.145-4.978 1.8-5.46 4.85-.4 2.524.308 5.599.91 5.759.289.07 1.016-.52 1.468-.975.75.52 1.622.832 2.53.905 2.898.14 5.375-2.076 5.57-4.985.113-2.914-2.119-5.382-5.018-5.55z' clip-rule='evenodd'/%3E%3Ccircle cx='93.516' cy='22.703' r='22.703' fill='%23fff'/%3E%3Ccircle cx='93.516' cy='22.703' r='21.703' stroke='%239fb0c4' stroke-opacity='.2' stroke-width='2'/%3E%3Cmask id='c' width='19' height='19' x='84' y='13' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M101.391 20.154v9.625a.876.876 0 0 1-.875.875h-14a.875.875 0 0 1-.875-.875v-9.625'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linejoin='round' stroke-width='2' d='M85.64 15.78a.875.875 0 0 1 .876-.876h14a.873.873 0 0 1 .875.875v4.375h-15.75z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M88.266 18.404a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75m2.625 0a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75m2.625 0a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75' clip-rule='evenodd'/%3E%3C/mask%3E%3Cg mask='url(%23c)'%3E%3Cpath fill='%233486f3' d='M83.016 12.28h21v21h-21z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='40.757' x2='80.813' y1='34.533' y2='22.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234cf'/%3E%3Cstop offset='.662' stop-color='%2353e'/%3E%3Cstop offset='1' stop-color='%2393d'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='40.757' x2='80.813' y1='34.533' y2='22.703' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234cf'/%3E%3Cstop offset='.662' stop-color='%2353e'/%3E%3Cstop offset='1' stop-color='%2393d'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.hero-services__app-btn:hover {
  color: #fff;
  background: var(--color-blue);
}

.hero-pay {
  display: flex;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0px;
}

.hero-pay svg {
  max-width: 170px;
}

@media (min-width: 1280px) {
  .hero-pay svg {
    max-width: 100%;
  }
}

@media (min-width: 1640px) {
  .hero-pay {
    margin-bottom: -40px;
  }
}

@media (max-width: 1279.98px) {
  .hero-pay {
    margin-bottom: 0px;
  }
}

.hero-footer__body {
  position: relative;
}
.hero-brands {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 85px;
  margin-top: 30px;
}
.hero-brands__item {
  display: flex;
}
.hero-brands__item img {
  width: 100%;
}
.hero-users {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  margin-top: 60px;
}
.hero-users__img {
  display: flex;
  width: 128px;
}
.hero-users__img img {
  width: 100%;
}
.hero-users__info {
  font-family: var(--font-medium);
  line-height: 1.1;
  color: #000;
}
.hero-users__info span {
  color: var(--color-blue);
}
.hero-users__info br {
  display: none;
}
.hero-reviews {
  position: absolute;
  right: 0;
  bottom: calc(100% + 60px);
  max-width: 335px;
  z-index: 2;
}
.hero-reviews__arrows {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
}
.hero-reviews__arrow {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  mask: var(--icon-angle-right) center no-repeat;
  -webkit-mask: var(--icon-angle-right) center no-repeat;
  mask-size: 12px;
  -webkit-mask-size: 12px;
  background-color: #141c21;
  transition: background-color 0.25s ease;
}
.hero-reviews__arrow:hover {
  background-color: var(--color-blue);
}
.hero-reviews__arrow--prev {
  transform: rotate(-180deg);
}
.hero-reviews__slider {
  margin-top: 6px;
}
.hero-review {
  position: relative;
  padding-left: 35px;
  line-height: 1.2;
}
.hero-review::before {
  content: '';
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  background: var(--icon-quotes) center no-repeat;
  background-size: contain;
}
.hero-review__comment {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  font-family: var(--font-medium);
  font-size: 15px;
  color: #000;
}
.hero-review__author {
  margin-top: 10px;
  font-family: var(--font-semibold);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #828181;
}

@media (min-width: 1280px) {
  .hero-title:not(.hero-title--home) {
    font-size: 66px;
  }
}
@media (min-width: 1640px) {
  .hero-title:not(.hero-title--home) {
    font-size: 70px;
  }
}
@media (max-width: 1639.98px) {
  .hero-main {
    padding-bottom: 60px;
    background-size: 1640px, cover;
  }
  .hero-main--lg {
    min-height: 1180px;
  }
  .hero-main--sm {
    min-height: 1220px;
  }
  .hero-title br {
    display: none;
  }
  .hero-services {
    margin-top: -76px;
  }
  .hero-services__list--left {
    margin-top: 76px;
  }
  .hero-services__list--single + .hero-services__app {
    margin-top: 4px;
  }
  .hero-services__app {
    margin: 40px 0 0;
  }
  .hero-brands {
    column-gap: 65px;
  }
}
@media (max-width: 1279.98px) {
  .hero-main {
    background-size: 1280px, cover;
  }
  .hero-main--lg {
    min-height: 1020px;
  }
  .hero-main--sm {
    min-height: 1050px;
  }
  .hero-services {
    margin-top: 40px;
  }
  .hero-services__list {
    min-width: 212px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__list--left {
    margin-top: 0;
  }
  .hero-services__list--single + .hero-services__app {
    margin-top: 0;
  }
  .hero-services__item {
    font-size: 16px;
  }
  .hero-services__item-icon {
    width: 24px;
    height: 24px;
  }
  .hero-services__app {
    margin-top: 20px;
  }
  .hero-services__app-btn {
    font-size: 16px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__app-btn::before {
    width: 72px;
    height: 32px;
  }
  .hero-brands {
    column-gap: 45px;
  }
  .hero-users {
    margin-top: 45px;
  }
}
@media (max-width: 1023.98px) {
  .hero-main {
    padding: 110px 0 45px;
    background-size: 1024px, cover;
  }
  .hero-main--lg {
    min-height: 940px;
  }
  .hero-main--sm {
    min-height: 950px;
  }
  .hero-order {
    margin-top: 35px;
  }
  .hero-services__list {
    min-width: 192px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__item {
    font-size: 14px;
  }
  .hero-services__item-icon {
    width: 20px;
    height: 20px;
  }
  .hero-services__app-btn {
    font-size: 14px;
  }
  .hero-services__app-btn::before {
    width: 72px;
    height: 28px;
  }
  .hero-pay::before,
  .hero-pay::after {
    width: 64px;
    height: 64px;
  }
  .hero-brands {
    column-gap: 30px;
    justify-content: space-between;
  }
  .hero-reviews {
    position: unset;
    max-width: unset;
    bottom: unset;
    margin-top: 20px;
  }
  .hero-review__comment {
    font-size: 20px;
  }
  .hero-review__author {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .hero-main {
    padding: 90px 0 40px;
    border-radius: 0 0 20px 20px;
    background-size: 880px, cover;
  }
  .hero-main--lg {
    min-height: 780px;
  }
  .hero-main--sm {
    min-height: 720px;
  }
  .hero-order__btn {
    width: 100%;
  }
  .hero-services__list {
    min-width: 156px;
    padding: 10px;
    row-gap: 8px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__item {
    font-size: 12px;
  }
  .hero-services__item-icon {
    width: 16px;
    height: 16px;
  }
  .hero-services__app-btn {
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__app-btn::before {
    width: 60px;
    height: 24px;
  }
  .hero-pay::before,
  .hero-pay::after {
    width: 54px;
    height: 54px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-brands {
    column-gap: 20px;
  }
  .hero-users__img {
    width: 110px;
  }
  .hero-review__comment {
    font-size: 18px;
  }
  .hero-review__author {
    font-size: 15px;
  }
}
@media (max-width: 575.98px) {
  .hero-main {
    padding: 70px 0 30px;
  }
  .hero-main--lg {
    min-height: 680px;
  }
  .hero-main--sm {
    min-height: 750px;
  }
  .hero-descr {
    margin-top: 17px;
  }
  .hero-order {
    margin-top: 25px;
  }
  .hero-services {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 30px;
    flex: 1;
  }
  .hero-services__list {
    min-width: unset;
    padding: 6px;
    row-gap: 6px;
  }

  .hero-services__list--single + .hero-services__app {
    margin-top: 30px;
  }
  .hero-services__item {
    font-size: 10px;
  }
  .hero-services__item-icon {
    width: 14px;
    height: 14px;
  }
  .hero-services__item-name {
    margin-left: 15px;
  }

  .hero-services__app {
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }
  .hero-services__app-btn {
    column-gap: 6px;
    padding: 6px;
    font-size: 10px;
  }
  .hero-services__app-btn::before {
    width: 50px;
    height: 20px;
  }
  .hero-pay {
    margin-top: 10px;
  }
  .hero-pay::before,
  .hero-pay::after {
    width: 42px;
    height: 42px;
  }
  .hero-brands {
    column-gap: 15px;
    margin-top: 25px;
  }
  .hero-users {
    margin-top: 30px;
  }
  .hero-users__img {
    width: 85px;
  }
  .hero-users__info {
    font-size: 13px;
  }
  .hero-users__info br {
    display: inline;
  }
  .hero-reviews {
    margin-top: 10px;
  }
  .hero-review__comment {
    font-size: 15px;
  }
  .hero-review__author {
    font-size: 13px;
  }
}
.info {
  margin: 90px 0 50px;
}
.info-body {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 1.1fr;
  column-gap: 120px;
  max-width: 1480px;
}
.info-title {
  font-size: 40px;
}
.info-list {
  list-style-type: disc;
  display: grid;
  row-gap: 1.35em;
  padding-left: 1.5em;
  font-size: 22px;
}

@media (max-width: 1639.98px) {
  .info-body {
    grid-template-columns: 1fr 1.15fr;
    column-gap: 80px;
  }
  .info-title {
    font-size: 32px;
  }
  .info-list {
    row-gap: 1.25em;
  }
}
@media (max-width: 1279.98px) {
  .info {
    margin: 80px 0 40px;
  }
  .info-body {
    column-gap: 60px;
  }
  .info-list {
    row-gap: 1em;
  }
}
@media (max-width: 1023.98px) {
  .info {
    margin: 70px 0 25px;
  }
  .info-body {
    grid-template-columns: 1fr;
  }
  .info-list {
    row-gap: 0.75em;
    margin-top: 1.25em;
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .info {
    margin: 55px 0 20px;
  }
  .info-list {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .info {
    margin: 40px 0 10px;
  }
  .info-title {
    font-size: 26px;
  }
  .info-list {
    font-size: 15px;
  }
}
.features {
  margin-top: 65px;
}
.features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 20px;
  counter-reset: num;
}
.features-item {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 20px;
  padding: 35px 45px 40px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  counter-increment: num;
}
.features-item::after {
  content: counter(num, decimal-leading-zero);
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  padding: 10px 15px;
  font-family: var(--font-medium);
  font-size: 18px;
  line-height: 1;
  color: #000;
  border-radius: 100px;
  background-color: var(--color-blue-light);
}
.features-item__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.features-item__title {
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.features-item__descr {
  margin-top: 25px;
}
.features-item__img {
  display: flex;
  align-items: center;
}
.features-item__img img {
  width: 100%;
}
.features-item--one {
  grid-row: 1/5;
  grid-template-columns: 1fr;
}
.features-item--one .features-item__info {
  justify-content: unset;
}
.features-item--one .features-item__img {
  max-width: 340px;
  margin-top: 40px;
}
.features-item--two {
  grid-row: 1/4;
}
.features-item--three {
  grid-row: 5/7;
}
.features-item--three .features-item__img {
  align-self: end;
  margin: -35px 0 -40px;
  max-width: 157px;
}
.features-item--four {
  grid-row: 4/7;
}
.features-item--four img {
  object-fit: contain;
}
@media (min-width: 1640px) {
  .features-item--one .features-item__title {
    font-size: 40px;
  }
}
@media (max-width: 1639.98px) {
  .features-item {
    grid-template-columns: 1.75fr 1fr;
    padding: 30px 30px 35px;
  }
  .features-item__title {
    font-size: 28px;
  }
  .features-item__descr {
    margin-top: 20px;
  }
  .features-item--one {
    grid-template-columns: 1fr;
  }
  .features-item--one .features-item__img {
    max-width: 300px;
    margin-top: 30px;
  }
  .features-item--three .features-item__img {
    margin: -30px 0 -35px;
  }
}
@media (max-width: 1279.98px) {
  .features-item {
    padding-bottom: 30px;
  }
  .features-item::after {
    padding: 8px 12px;
    font-size: 16px;
  }
  .features-item__title {
    font-size: 24px;
  }
  .features-item__descr {
    font-size: 18px;
  }
  .features-item--one .features-item__img {
    max-width: 265px;
  }
  .features-item--three .features-item__img {
    margin-bottom: -30px;
  }
}
@media (max-width: 1023.98px) {
  .features-grid {
    grid-template-columns: 1fr;
  }
  .features-item {
    grid-template-columns: 3.5fr 1fr;
    grid-row: unset;
  }
  .features-item::after {
    top: 15px;
    right: 15px;
    font-size: 14px;
  }
  .features-item__info {
    justify-content: unset;
  }
  .features-item--one .features-item__img {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .features {
    margin-top: 50px;
  }
  .features-item {
    grid-template-columns: 1.75fr 1fr;
    border-radius: 10px;
  }
  .features-item__title {
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  .features {
    margin-top: 40px;
  }
  .features-grid {
    row-gap: 8px;
  }
  .features-item {
    padding: 20px;
  }
  .features-item::after {
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    font-size: 12px;
  }
  .features-item__title {
    font-size: 16px;
  }
  .features-item__descr {
    margin-top: 10px;
    font-size: 15px;
  }
  .features-item--three .features-item__img {
    margin-bottom: -20px;
  }

  .features-item--four .features-item__img img {
    max-height: 140px;
  }

  .features-item--four .features-item__img {
    align-items: flex-end;
  }
}

@media (min-width: 1024px) {
  .features-item--three .features-item__img img {
    max-width: 125px;
    max-height: 100%;
  }

  .features-item--four .features-item__img img {
    max-height: 180px;
  }
  .features-item--four .features-item__img {
    align-items: flex-end;
  }
}

@media (min-width: 1640px) {
    .features-item--three .features-item__img img {
    max-width: 157px;
  }
}

.features-item__img img {
  width: 100%;
}

.expenses {
  margin-top: 130px;
}
.expenses-slider {
  margin-top: 70px;
}
.expenses-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.expenses-item {
  padding: 20px 30px 30px;
  border-radius: 10px;
  background-color: var(--color-blue-light);
}
.expenses-item::before {
  content: '';
  display: block;
  width: 34px;
  height: 34px;
  background: var(--icon-checkmark-lg) center no-repeat;
  background-size: contain;
}
.expenses-item__title {
  margin-top: 25px;
  font-family: var(--font-semibold);
  font-size: 24px;
  line-height: 1.1;
  color: #000;
}
.expenses-item__descr {
  margin-top: 20px;
  font-size: 20px;
}

@media (max-width: 1639.98px) {
  .expenses {
    margin-top: 120px;
  }
  .expenses-slider {
    margin-top: 60px;
  }
  .expenses-slider__wrapper:not([id]) {
    grid-template-columns: repeat(4, 1fr);
  }
  .expenses-item::before {
    width: 30px;
    height: 30px;
  }
  .expenses-item__title {
    font-size: 22px;
  }
  .expenses-item__descr {
    font-size: 18px;
  }
}
@media (max-width: 1279.98px) {
  .expenses {
    margin-top: 100px;
  }
  .expenses-slider {
    margin-top: 50px;
  }
  .expenses-slider__wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023.98px) {
  .expenses {
    margin-top: 80px;
  }
  .expenses-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .expenses {
    margin-top: 65px;
  }
  .expenses-slider {
    margin-top: 40px;
  }
  .expenses-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .expenses {
    margin-top: 50px;
  }
  .expenses-slider {
    margin-top: 30px;
  }
  .expenses-slider__wrapper:not([id]) .expenses-item {
    width: 80%;
  }
  .expenses-item {
    padding: 20px;
  }
  .expenses-item::before {
    width: 24px;
    height: 24px;
  }
  .expenses-item__title {
    margin-top: 15px;
    font-size: 18px;
  }
  .expenses-item__descr {
    margin-top: 10px;
    font-size: 15px;
  }
}
.registration {
  margin-top: 130px;
}
.registration-title {
  margin: 0 auto;
  position: relative;

  &::after {
    content: '';
    display: none;
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
    width: 247px;
    height: 156px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='247' height='156' viewBox='0 0 247 156' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.601 9.49853L127.571 46.8451C128.268 47.8875 129.49 48.5233 130.81 48.5222L175.436 48.5076L115.55 4.76147C114.885 4.26929 114.055 4.00628 113.203 4.00049L105.833 4.00044C102.834 4.00189 101.004 7.10074 102.597 9.48667L102.601 9.49853Z' fill='%23EDEFFF'/%3E%3Cpath d='M56.9727 44.2647L218.558 44.2295C233.744 44.2262 246.066 55.7898 246.069 70.0287C246.07 73.6658 242.93 76.6134 239.053 76.6142L76.5717 76.6496C65.7622 76.652 56.9786 68.415 56.9761 58.2735L56.9727 44.2559L56.9727 44.2647Z' fill='%237D71FF'/%3E%3Cpath d='M121.567 66.1999L81.2387 128.814C79.7059 131.201 81.5334 134.252 84.5115 134.251L97.1705 134.25C98.1112 134.248 99.0147 133.922 99.7164 133.341L174.365 70.7146C176.977 68.5198 175.321 64.4596 171.815 64.46L124.836 64.4735C123.495 64.4746 122.257 65.1288 121.567 66.1999Z' fill='%23EDEFFF'/%3E%3Cpath d='M23.4409 18.4476L64.1167 48.1779C64.4367 48.4081 64.689 48.7253 64.8357 49.0818L75.0738 73.0594C75.7449 74.6241 74.3363 76.2674 72.5652 76.0064L70.7183 75.7293C70.5328 75.7012 70.3473 75.6533 70.1745 75.5817L19.9715 55.4321C19.1202 55.0899 18.5695 54.3051 18.5674 53.4423L18.5677 46.4096C18.5665 45.2104 19.6023 44.243 20.8805 44.2418L21.7579 44.2398C23.4284 44.2355 24.5417 42.631 23.866 41.193L14.3357 21.036C13.6558 19.6058 14.7734 17.9935 16.4438 17.9892L22.0204 17.9854C22.5393 17.9826 23.0325 18.1459 23.4409 18.4476Z' fill='%237D71FF'/%3E%3Cpath d='M90.7875 48.6693L90.7782 48.6677C88.616 48.2952 86.5414 49.6377 86.1443 51.6662L85.2958 56.0008C84.8987 58.0294 86.3295 59.9759 88.4917 60.3484L88.501 60.35C90.6632 60.7226 92.7379 59.3801 93.135 57.3515L93.9835 53.017C94.3806 50.9884 92.9497 49.0419 90.7875 48.6693Z' fill='%230D0B68'/%3E%3Cpath d='M102.877 48.6669L102.868 48.6653C100.706 48.2927 98.6312 49.6352 98.2341 51.6638L97.3856 55.9983C96.9885 58.0269 98.4194 59.9734 100.582 60.346L100.591 60.3476C102.753 60.7201 104.828 59.3777 105.225 57.3491L106.073 53.0145C106.47 50.986 105.04 49.0395 102.877 48.6669Z' fill='%230D0B68'/%3E%3Cpath d='M114.909 48.661L114.899 48.6594C112.737 48.2869 110.662 49.6293 110.265 51.6579L109.417 55.9925C109.02 58.0211 110.451 59.9676 112.613 60.3401L112.622 60.3417C114.784 60.7143 116.859 59.3718 117.256 57.3432L118.105 53.0087C118.502 50.9801 117.071 49.0336 114.909 48.661Z' fill='%230D0B68'/%3E%3Cpath d='M126.983 48.6576L126.974 48.656C124.811 48.2835 122.737 49.6259 122.34 51.6545L121.491 55.9891C121.094 58.0177 122.525 59.9642 124.687 60.3367L124.696 60.3383C126.858 60.7109 128.933 59.3684 129.33 57.3398L130.179 53.0053C130.576 50.9767 129.145 49.0302 126.983 48.6576Z' fill='%230D0B68'/%3E%3Cpath d='M138.936 48.6537L138.927 48.6521C136.765 48.2796 134.69 49.622 134.293 51.6506L133.444 55.9852C133.047 58.0137 134.478 59.9602 136.64 60.3328L136.65 60.3344C138.812 60.707 140.886 59.3645 141.283 57.3359L142.132 53.0014C142.529 50.9728 141.098 49.0263 138.936 48.6537Z' fill='%230D0B68'/%3E%3Cpath d='M150.862 48.6527L150.852 48.6511C148.69 48.2786 146.616 49.621 146.218 51.6496L145.37 55.9842C144.973 58.0128 146.404 59.9593 148.566 60.3318L148.575 60.3334C150.737 60.706 152.812 59.3635 153.209 57.3349L154.058 53.0004C154.455 50.9718 153.024 49.0253 150.862 48.6527Z' fill='%230D0B68'/%3E%3Cpath d='M162.838 48.6918L162.829 48.6902C160.667 48.3176 158.592 49.6601 158.195 51.6887L157.347 56.0232C156.949 58.0518 158.38 59.9983 160.543 60.3709L160.552 60.3725C162.714 60.745 164.789 59.4026 165.186 57.374L166.034 53.0394C166.431 51.0109 165 49.0644 162.838 48.6918Z' fill='%230D0B68'/%3E%3Cpath d='M174.948 48.685L174.938 48.6834C172.776 48.3108 170.702 49.6533 170.304 51.6818L169.456 56.0164C169.059 58.045 170.49 59.9915 172.652 60.364L172.661 60.3656C174.823 60.7382 176.898 59.3957 177.295 57.3672L178.144 53.0326C178.541 51.004 177.11 49.0575 174.948 48.685Z' fill='%230D0B68'/%3E%3Cpath d='M206.091 61.9512L238.045 61.9409C238.93 61.9429 239.042 61.1239 238.685 60.3711C237.401 57.6653 232.788 53.5276 226.555 51.1118C219.526 48.3897 210.615 48.9602 207.713 48.8985C206.963 48.8811 206.316 49.3981 206.204 50.0984L204.614 60.3531C204.477 61.1997 205.18 61.9572 206.091 61.9512Z' fill='%230D0B68'/%3E%3C/svg%3E%0A");
  }

  &::before {
    content: '';
    display: none;
    position: absolute;
    right: -1%;
    top: 0;
    transform: translateY(-50%);
    width: 160px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='160' height='140' viewBox='0 0 160 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M78.3553 37.1833L76.475 36.6367L87.0954 4.16006C87.1749 3.92401 87.135 3.67552 86.9761 3.47673C86.8172 3.27795 86.5789 3.16613 86.314 3.16613H69.0328C68.6753 3.16613 68.3706 3.37734 68.2647 3.68794L57.5914 34.6985L55.7109 34.127L66.3844 3.12886C66.7419 2.04796 67.8145 1.31494 69.0328 1.31494H86.314C87.2145 1.31494 88.0356 1.70009 88.5653 2.38342C89.095 3.05432 89.2406 3.89915 88.9757 4.70672L88.3136 6.7567L78.3686 37.1833H78.3553Z' fill='%23EDEFFF' stroke='%23EDEFFF' stroke-width='2.63033' stroke-miterlimit='10' /%3E%3Cpath d='M88.0269 4.4342L87.3648 6.48417L66.3359 6.2357L67.3026 3.42785C67.541 2.7321 68.2296 2.24756 69.0109 2.24756H86.2921C87.5104 2.24756 88.3845 3.34088 88.0269 4.4342Z' fill='%23EDEFFF' /%3E%3Cpath d='M118.314 37.9675L91.4717 120.128C90.4123 123.383 87.221 125.595 83.5926 125.595H8.2435C2.70819 125.595 -1.25121 120.563 0.364357 115.606L28.2394 30.3143C29.2988 27.0591 32.4903 24.8477 36.1055 24.8477H107.959C115.229 24.8477 120.433 31.4448 118.301 37.9799L118.314 37.9675Z' fill='%23EDEFFF' /%3E%3Cpath d='M101.668 35.346L74.0315 119.967C72.9456 123.309 69.6484 125.595 65.9141 125.595H8.2435C2.70819 125.595 -1.25121 120.563 0.364357 115.606L28.2394 30.3143C29.2988 27.0591 32.4903 24.8477 36.1055 24.8477H98.8213C101.642 27.4443 102.94 31.42 101.655 35.3584L101.668 35.346Z' fill='%237D71FF' /%3E%3Cpath d='M46.4207 33.9919L35.6752 35.6988C34.2258 35.9291 33.2497 37.2181 33.4951 38.5779L36.4995 55.2254C36.7449 56.5852 38.1188 57.5009 39.5682 57.2707L50.3137 55.5637C51.7631 55.3334 52.7391 54.0444 52.4937 52.6846L49.4894 36.0372C49.244 34.6773 47.8701 33.7616 46.4207 33.9919Z' fill='%23EDEFFF' /%3E%3Cpath d='M56.1877 66.1331C62.0182 64.9714 65.6338 59.1217 64.2634 53.0676C62.893 47.0134 57.0554 43.0473 51.2249 44.209C45.3944 45.3708 41.7789 51.2204 43.1494 57.2746C44.5198 63.3287 50.3572 67.2949 56.1877 66.1331Z' fill='%23FF872E' /%3E%3Cpath d='M15.6414 133.849C17.0061 130.519 15.7273 126.959 12.7851 125.897C9.84296 124.836 6.35151 126.675 4.98676 130.006C3.62201 133.336 4.90075 136.896 7.84294 137.958C10.7851 139.019 14.2766 137.179 15.6414 133.849Z' fill='%23EDEFFF' /%3E%3Cpath d='M70.2586 133.846C71.6233 130.516 70.3445 126.956 67.4023 125.894C64.4601 124.833 60.9687 126.673 59.6039 130.003C58.2392 133.333 59.5179 136.894 62.4601 137.955C65.4023 139.016 68.8938 137.177 70.2586 133.846Z' fill='%23EDEFFF' /%3E%3Cpath d='M133.011 72.1446L131.832 71.8465L138.454 53.8191C138.507 53.6824 138.48 53.5457 138.374 53.4463C138.281 53.3345 138.122 53.2724 137.964 53.2724H127.184C126.959 53.2724 126.774 53.3842 126.708 53.5582L120.06 70.7655L118.895 70.4549L125.542 53.2476C125.767 52.6512 126.429 52.2412 127.198 52.2412H137.977C138.533 52.2412 139.05 52.4524 139.381 52.8376C139.712 53.2103 139.804 53.6824 139.645 54.1297L139.235 55.2603L133.037 72.1446H133.011Z' fill='%23EDEFFF' stroke='%23EDEFFF' stroke-width='1.55189' stroke-miterlimit='10' /%3E%3Cpath d='M139.052 53.9683L138.641 55.1113L125.531 54.9747L126.141 53.4092C126.286 53.0241 126.723 52.7632 127.213 52.7632H137.992C138.747 52.7632 139.29 53.372 139.065 53.9807L139.052 53.9683Z' fill='%23EDEFFF' /%3E%3Cpath d='M159.458 72.6563L142.071 125.894C141.382 128.006 139.316 129.434 136.972 129.434H88.1477C84.559 129.434 81.99 126.179 83.0494 122.962L101.112 67.6991C101.801 65.587 103.866 64.1582 106.21 64.1582H152.77C157.485 64.1582 160.861 68.4321 159.471 72.6687L159.458 72.6563Z' fill='%23EDEFFF' /%3E%3Cpath d='M148.679 70.95L130.775 125.778C130.073 127.939 127.928 129.418 125.518 129.418H88.1477C84.559 129.418 81.99 126.163 83.0494 122.945L101.112 67.6825C101.801 65.5704 103.866 64.1416 106.21 64.1416H146.851C148.679 65.8313 149.526 68.4031 148.692 70.95H148.679Z' fill='%23FF872E' /%3E%3Cpath d='M92.9282 134.78C93.8127 132.622 92.9857 130.316 91.0811 129.629C89.1766 128.942 86.9156 130.134 86.0311 132.293C85.1467 134.451 85.9736 136.758 87.8782 137.445C89.7828 138.132 92.0437 136.939 92.9282 134.78Z' fill='%23EDEFFF' /%3E%3Cpath d='M128.327 134.769C129.211 132.61 128.384 130.304 126.48 129.617C124.575 128.93 122.314 130.123 121.43 132.281C120.545 134.439 121.372 136.746 123.277 137.433C125.181 138.12 127.442 136.927 128.327 134.769Z' fill='%23EDEFFF' /%3E%3C/svg%3E");
  }
}

.payments-title {
  position: relative;

  &::before {
    content: '';
    display: none;
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    width: 210px;
    height: 129px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='210' height='129' viewBox='0 0 210 129' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M184.049 74.3033L143.156 76.7479L149.745 43.8545C152.438 27.5569 165.556 10.4443 178.922 10.4443H194.613L184.049 74.3033Z' fill='%23EDEFFF' /%3E%3Cpath d='M197.958 43.8662L176.722 106.354H6.46094L29.397 43.8662H197.958Z' fill='%23EDEFFF' /%3E%3Cpath d='M7.45686 127.906C6.73141 127.906 5.99608 127.797 5.27064 127.578C1.33535 126.376 -0.880703 122.202 0.331683 118.267L27.9183 28.2619C29.1208 24.3266 33.2946 22.1105 37.2298 23.3229C41.1651 24.5253 43.3813 28.6991 42.1689 32.6344L14.5822 122.639C13.5983 125.849 10.6468 127.906 7.45686 127.906Z' fill='%237D71FF' /%3E%3Cpath d='M166.776 128.076C165.861 128.076 164.927 127.937 164.003 127.659C159.014 126.129 156.212 120.852 157.742 115.863L191.202 6.67877C192.733 1.6901 198.009 -1.1123 202.998 0.418088C207.987 1.94848 210.789 7.22533 209.259 12.214L175.799 121.398C174.557 125.463 170.81 128.076 166.776 128.076Z' fill='%237D71FF' /%3E%3Cpath d='M149.746 43.8662L134.263 94.9653C133.736 96.6944 132.136 97.8671 130.328 97.8571L27.4536 96.8236C24.7605 96.7938 22.8425 94.21 23.5878 91.6263L37.3911 43.8662H149.746Z' fill='%23FF872E' /%3E%3C/svg%3E");
  }
}

.scheme-title {
  position: relative;

  &::before {
    content: '';
    display: none;
    position: absolute;
    left: -1%;
    top: -100%;
    width: 181px;
    height: 144px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='181' height='144' viewBox='0 0 181 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M175.755 34.6148L124.452 51.9824C123.458 52.3205 122.689 53.1197 122.392 54.1239L117.33 71.3993L97.4318 139.312C96.7043 141.802 99.0405 144.087 101.51 143.298L147.434 128.615C148.397 128.298 149.166 127.55 149.504 126.586L175.96 49.9946L179.854 38.7236C180.735 36.1927 178.317 33.7541 175.765 34.6148H175.755Z' fill='%23EDEFFF' /%3E%3Cpath d='M19.3036 40.5093L78.3303 127.267C80.0938 129.859 83.6247 130.53 86.2167 128.767L129.473 99.3371C132.065 97.5735 132.736 94.0427 130.973 91.4507L71.946 4.69331C70.1825 2.1013 66.6516 1.42966 64.0596 3.19317L20.8038 32.6229C18.2118 34.3865 17.5401 37.9173 19.3036 40.5093Z' fill='%23EDEFFF' /%3E%3Cpath d='M81.4674 107.397L3.11328 129.508L10.7776 68.9829L91.8675 48.4184C94.5316 47.7421 96.9702 50.1397 96.335 52.814L84.029 104.712C83.7216 106.003 82.738 107.038 81.4572 107.397H81.4674Z' fill='%23FF872E' /%3E%3Cpath d='M83.1079 35.6013L66.4883 11.2559' stroke='%237D71FF' stroke-width='3.07392' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M72.6568 31.1L62.1133 15.6484' stroke='%237D71FF' stroke-width='3.07392' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M175.757 34.6148L124.453 51.9824C123.459 52.3205 122.691 53.1197 122.394 54.1239L117.332 71.3993L175.573 51.1114L179.845 38.7236C180.726 36.1927 178.308 33.7541 175.757 34.6148Z' fill='%237D71FF' /%3E%3Cpath d='M12.1727 68.624L4.47768 127.715C4.31373 128.945 3.18663 129.815 1.95706 129.652C0.860701 129.508 0.051232 128.596 0 127.531C0 127.397 -3.43919e-06 127.264 0.0204893 127.131L7.47987 69.8126L12.1727 68.624Z' fill='%23EDEFFF' /%3E%3C/svg%3E");
  }
}

@media (min-width: 576px) {
  .registration-title {
    &::after {
      display: block;
      top: 140%;
      left: -2%;
      width: 115px;
    }

    &::before {
      top: 135%;
      width: 60px;
      display: block;
    }
  }
}

@media (min-width: 768px) {
  .registration-title {
    &::after {
      left: -2%;
    }
    &::before {
      right: 3%;
    }
  }


}

@media (min-width: 1024px) {
  .registration-title {
    &::after {
      top: 50%;
      width: 200px;
    }
    &::before {
      top: 0;
      right: -1%;
      width: 140px;
    }
  }

}

@media (min-width: 1280px) {
  .registration-title {
    &::after {
      width: 245px;
    }
    &::before {
      right: -2%;
      width: 160px;
    }
  }

}

.registration-body {
  display: grid;
  grid-template-columns: 1.75fr 1fr;
  column-gap: 220px;
  margin-top: 160px;
  padding: 60px 110px 95px;
  border-radius: 30px;
  background: var(--background-circles) 50% 100px no-repeat;
  background-size: 1280px;
  background-color: var(--color-blue-light);
}
.registration-header {
  grid-column: 1/-1;
  margin-bottom: 60px;
}
.registration-info {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 65px;
}
.registration-descr {
  margin-top: 25px;
}
.registration-qrcode__img {
  display: flex;
  width: 175px;
  height: 175px;
}
.registration-qrcode__descr {
  margin: 40px 0 0 -20px;
  font-size: 16px;
}
.registration-order {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registration-order::before {
  content: '';
  display: block;
  width: 110px;
  height: 128px;
  background: url(./3d-secure.svg) center no-repeat;
  background-size: contain;
}
.registration-order__btn {
  margin-top: 40px;
}
.registration-order__btn::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: var(--icon-telegram-sm) center no-repeat;
  background-size: contain;
}
.registration-img {
  display: flex;
  align-items: flex-end;
  margin: -200px 0 -95px;
}
.registration-img img {
  width: 100%;
}

@media (max-width: 1639.98px) {
  .registration {
    margin-top: 120px;
  }
  .registration-body {
    grid-template-columns: 2fr 1fr;
    column-gap: 60px;
    margin-top: 60px;
    padding: 60px 80px 80px;
  }
  .registration-order::before {
    width: 100px;
    height: 115px;
  }
  .registration-img {
    margin: -80px 0;
  }
}
@media (max-width: 1279.98px) {
  .registration {
    margin-top: 100px;
  }
  .registration-body {
    grid-template-columns: 1.5fr 1fr;
    margin-top: 50px;
    padding: 45px 60px 60px;
    background-size: 1024px;
  }
  .registration-header {
    margin-bottom: 40px;
  }
  .registration-info {
    display: block;
  }
  .registration-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .registration-qrcode__descr {
    margin: 20px 0 0;
  }
  .registration-order::before {
    display: none;
  }
  .registration-img {
    position: relative;
    margin: -60px 0;
  }
  .registration-img::before {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 115px;
    top: 0;
    right: -30px;
    background: url(./3d-secure.svg) center no-repeat;
    background-size: contain;
  }
}
@media (max-width: 1023.98px) {
  .registration {
    margin-top: 80px;
  }
  .registration-title br {
    display: none;
  }
  .registration-body {
    grid-template-columns: 2fr 1fr;
    column-gap: 45px;
    padding: 45px 45px 60px;
    background-size: 768px;
  }
  .registration-header {
    margin-bottom: 0;
  }
  .registration-qrcode {
    display: none;
  }
  .registration-order {
    align-items: flex-start;
  }
  .registration-img {
    margin-top: -80px;
  }
  .registration-img::before {
    width: 72px;
    height: 84px;
    top: -20px;
  }
}
@media (max-width: 767.98px) {
  .registration {
    margin-top: 65px;
  }
  .registration-body {
    position: relative;
    grid-template-columns: 1fr;
    margin-top: 40px;
    padding: 30px 30px 45px;
    border-radius: 20px;
    background-position: 50% 250px;
  }
  .registration-header {
    text-align: center;
  }
  .registration-descr {
    margin-top: 20px;
  }
  .registration-img {
    width: 320px;
    margin: 30px auto 0;
  }
  .registration-img img {
    height: 520px;
    object-fit: cover;
    object-position: 50% 0;
  }
  .registration-order {
    position: absolute;
    align-items: center;
    bottom: 45px;
    left: 0;
    right: 0;
    z-index: 2;
  }
  .registration-order__btn {
    width: 360px;
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  .registration {
    margin-top: 50px;
  }
  .registration-body {
    margin: 30px -15px 0;
    padding: 30px 20px 40px;
    background-size: 600px;
  }
  .registration-descr {
    margin-top: 15px;
  }
  .registration-img {
    width: 220px;
    margin-top: 20px;
  }
  .registration-img::before {
    width: 48px;
    height: 60px;
    right: -15px;
    top: -15px;
  }
  .registration-img img {
    height: 370px;
  }
  .registration-order {
    bottom: 40px;
  }
  .registration-order__btn {
    width: 270px;
  }
}
.countries {
  margin-top: 130px;
}
.countries-regions {
  display: grid;
  row-gap: 60px;
}
.countries-region__name {
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.countries-region__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-top: 25px;
  padding-bottom: 1px;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.countries-region__item-link {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  height: 100%;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid #e9e1e1;
  transition: border-color 0.25s ease;
}
.countries-region__item-icon {
  display: flex;
  width: 44px;
  height: 44px;
}
.countries-region__item-name {
  font-size: 17px;
  color: var(--color-text);
}
.countries-region__showmore {
  display: none;
}

@media (max-width: 1639.98px) {
  .countries {
    margin-top: 120px;
  }
  .countries-region__grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .countries-region__item-icon {
    width: 42px;
    height: 42px;
  }
  .countries-region__item-name {
    font-size: 16px;
  }
}
@media (max-width: 1279.98px) {
  .countries {
    margin-top: 100px;
  }
  .countries-region__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1023.98px) {
  .countries {
    margin-top: 80px;
  }
  .countries-regions {
    row-gap: 50px;
  }
  .countries-region__name {
    font-size: 28px;
  }
  .countries-region__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .countries-region__grid:has(> div:nth-child(n + 10))
    + .countries-region__showmore {
    display: flex;
  }
  .countries-region__item:nth-child(n + 10) {
    display: none;
  }
  .countries-region__showmore {
    justify-content: center;
    margin-top: 25px;
  }
  .countries-region__showmore-btn {
    font-family: var(--font-regular);
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--color-blue-dark);
  }
}
@media (max-width: 767.98px) {
  .countries {
    margin-top: 65px;
  }
  .countries-regions {
    row-gap: 40px;
  }
  .countries-region__name {
    font-size: 24px;
  }
  .countries-region__grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
  }
  .countries-region__grid:has(> div:nth-child(n + 7))
    + .countries-region__showmore {
    display: flex;
  }
  .countries-region__item:nth-child(n + 7) {
    display: none;
  }
  .countries-region__item-link {
    padding: 12px 15px;
    border-radius: 10px;
  }
  .countries-region__item-icon {
    width: 36px;
    height: 36px;
  }
  .countries-region__item-name {
    margin: -5px 0;
  }
  .countries-region__showmore {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .countries {
    margin-top: 50px;
  }
  .countries-regions {
    row-gap: 30px;
  }
  .countries-region__name {
    font-size: 20px;
  }
  .countries-region__grid {
    gap: 8px;
    margin-top: 15px;
  }
  .countries-region__item-link {
    column-gap: 10px;
    padding: 8px 10px;
  }
  .countries-region__item-icon {
    width: 30px;
    height: 30px;
  }
  .countries-region__item-name {
    font-size: 14px;
    line-height: 1.2;
  }
  .countries-region__showmore {
    margin-top: 15px;
  }
  .countries-region__showmore-btn {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .countries-region__item-link:hover {
    border-color: var(--color-blue-dark);
  }
}
.partners {
  margin-top: 130px;
}
.partners-body {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  column-gap: 45px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 55px;
  border-radius: 30px;
  overflow: hidden;
  background: #0E613B;
}
.partners-body::before {
  content: '';
  position: absolute;
  display: block;
  width: 320px;
  height: 320px;
  top: 60px;
  bottom: 0;
  right: 55px;
  margin: auto 0;
  background: var(--background-sphere) center no-repeat;
  background-size: contain;
}
.partners-title {
  font-size: 34px;
  color: #fff;
}
.partners-descr {
  margin-top: 25px;
  color: rgba(255, 255, 255, 0.7);
}
.partners-info {
  max-width: 710px;
}
.partners-img {
  display: flex;
  width: 173px;
}
.partners-img img {
  width: 100%;
}

@media (max-width: 1639.98px) {
  .partners {
    margin-top: 120px;
  }
}
@media (max-width: 1279.98px) {
  .partners {
    margin-top: 100px;
  }
  .partners-body {
    padding: 45px;
  }
  .partners-body::before {
    right: 45px;
  }
  .partners-title {
    font-size: 28px;
  }
}
@media (max-width: 1023.98px) {
  .partners {
    margin-top: 80px;
  }
  .partners-body {
    grid-template-columns: 1fr;
    padding-bottom: 55px;
  }
  .partners-img {
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .partners {
    margin-top: 65px;
  }
  .partners-body {
    padding: 30px 30px 40px;
    border-radius: 20px;
  }
  .partners-body::before {
    left: 0;
    right: 0;
    top: 80px;
    margin-left: auto;
    margin-right: auto;
  }
  .partners-title {
    font-size: 26px;
  }
}
@media (max-width: 575.98px) {
  .partners {
    margin-top: 50px;
  }
  .partners-body {
    margin: 0 -15px;
    padding: 30px 20px 35px;
  }
  .partners-body::before {
    width: 300px;
    height: 300px;
  }
  .partners-title {
    font-size: 20px;
  }
  .partners-descr {
    margin-top: 20px;
  }
  .partners-img {
    max-width: 130px;
    margin-top: 25px;
  }
}
.gpay {
  margin-top: 130px;
  overflow: hidden;
}
.gpay-descr {
  margin-top: 25px;
  text-align: center;
}
.gpay-body {
  position: relative;
  display: grid;
  grid-template-columns: 1.6fr 500px 1fr;
  grid-template-rows: auto 1fr auto;
  /* column-gap: 80px; */
  padding: 65px 160px 110px 80px;
  margin-top: 120px;
  z-index: 1;
  border-radius: 30px;
  background-color: #F7F8F9;
}
.gpay-pay {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.gpay-card {
  display: flex;
  align-items: center;
  grid-row: 3/4;
  margin-right: 80px;
}

.gpay-img {
  display: flex;
  align-items: flex-end;
  grid-column: 2/3;
  grid-row: 1/4;
  margin: -100px 0 -110px;
}
.gpay-img img {
  width: 100%;
}
.gpay-services {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 3/4;
  grid-row: 1/4;
  margin-bottom: 40px;
}
.gpay-services__list {
  display: grid;
  row-gap: 8px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(245, 249, 255, 0.9) 100%
  );
  backdrop-filter: blur(3px);
  box-shadow: 0 19px 27px 0 #e0eff8;
}
.gpay-services__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.1;
  white-space: nowrap;
  color: #433e3e;
}
.gpay-services__item-icon {
  display: flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.gpay-services__item-name {
  flex: 1;
  margin-left: 8px;
  font-family: var(--font-medium);
}
.gpay-services__item-price {
  margin-left: 20px;
  font-family: var(--font-semibold);
}
.gpay-icons img {
  position: absolute;
  z-index: -1;
}
.gpay-icons img:nth-child(1) {
    width: 180px;
  top: 120px;
  left: -100px;
}
.gpay-icons img:nth-child(2) {
  width: 100px;
  top: -60px;
  right: 80px;
}
.gpay-icons img:nth-child(3) {
  width: 120px;
  right: 120px;
  bottom: 0;
}

@media (max-width: 1639.98px) {
  .gpay {
    margin-top: 120px;
  }
  .gpay-body {
    grid-template-columns: 1.2fr 380px 1fr;
    /* column-gap: 60px; */
    margin-top: 80px;
    padding: 65px 80px;
  }

  .gpay-pay svg {
    max-width: 270px;
  }

  .gpay-card {
    margin-right: 0;
  }
  .gpay-img {
    margin-bottom: -65px;
  }
  .gpay-icons img:nth-child(1) {
    width: 180px;
    top: -40px;
    left: -40px;
  }
  .gpay-icons img:nth-child(2) {
    top: -40px;
  }
  .gpay-icons img:nth-child(3) {
    width: 100px;
  }
}
@media (max-width: 1279.98px) {
  .gpay {
    margin-top: 100px;
  }
  .gpay-body {
    grid-template-columns: 1fr 440px;
    padding: 60px;
  }
  .gpay-services {
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 20px 0;
  }
  .gpay-img {
    margin-bottom: -60px;
  }
  .gpay-icons img:nth-child(2) {
    right: 40%;
    top: -20px;
  }
  .gpay-icons img:nth-child(3) {
    right: 0;
  }
}
@media (max-width: 1023.98px) {
  .gpay {
    margin-top: 80px;
  }
  .gpay-body {
    grid-template-columns: 1fr 360px;
    /* column-gap: 45px; */
    margin-top: 50px;
    padding: 45px;
  }
  .gpay-pay {
    justify-content: flex-start;
    margin-top: 100px;
  }

  .gpay-img {
    margin: -60px 0 -45px;
  }
  .gpay-card {
    max-width: 100%;
  }

  .gpay-services {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .gpay-icons img:nth-child(1) {
    width: 100px;
    top: -15px;
    left: 30%;
  }
  .gpay-icons img:nth-child(2) {
    width: 70px;
    top: 50px;
  }
  .gpay-icons img:nth-child(3) {
    width: 70px;
  }
}
@media (max-width: 767.98px) {
  .gpay {
    margin-top: 65px;
  }
  .gpay-descr {
    margin-top: 20px;
  }
  .gpay-body {
    display: block;
    padding: 40px 0 0;
    border-radius: 20px;
  }
  .gpay-pay {
    position: absolute;
    top: 60px;
    right: auto;
    left: 20px;
    margin-top: 0;
  }

  .gpay-pay svg {
    max-width: 200px;
  }

  .gpay-services {
    position: absolute;
    top: 40px;
    left: 30px;
    margin: 0;
  }
  .gpay-services__list {
    padding: 10px;
    row-gap: 8px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .gpay-services__item {
    font-size: 12px;
  }
  .gpay-services__item-icon {
    width: 16px;
    height: 16px;
  }
  .gpay-card {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 200px;
  }

  .gpay-img {
    width: 320px;
    margin: -60px auto 0;
  }
  .gpay-icons img:nth-child(1) {
    width: 80px;
    top: unset;
    bottom: 40px;
    left: 30px;
  }
  .gpay-icons img:nth-child(2) {
    width: 60px;
    right: 55%;
    top: -10px;
  }
  .gpay-icons img:nth-child(3) {
    bottom: 40px;
    right: 30px;
  }
}
@media (max-width: 575.98px) {
  .gpay {
    margin-top: 50px;
  }
  .gpay-title br {
    display: none;
  }
  .gpay-descr {
    margin-top: 15px;
  }
  .gpay-body {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 30px;
  }
  .gpay-services {
    top: 30px;
    left: 20px;
  }
  .gpay-services__list {
    min-width: unset;
    padding: 6px;
    row-gap: 6px;
  }
  .gpay-services__list--right {
    display: none;
  }
  .gpay-services__item {
    font-size: 10px;
  }
  .gpay-services__item-icon {
    width: 14px;
    height: 14px;
  }
  .gpay-services__item-name {
    margin-left: 6px;
  }
  .gpay-services__item-price {
    margin-left: 15px;
  }
  .gpay-pay {
    top: 130px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .gpay-pay svg {
    max-width: 160px;
  }

  .gpay-img {
    width: 260px;
  }
  .gpay-card {
    bottom: 20px;
  }

  .gpay-icons img:nth-child(1) {
    width: 60px;
    bottom: 60px;
    left: 20px;
  }
  .gpay-icons img:nth-child(2) {
    width: 50px;
  }
  .gpay-icons img:nth-child(3) {
    bottom: 10px;
    right: 20px;
  }
}

.gpay-icons__list {
  max-width: 230px;
  position: absolute;
  bottom: 160px;
  right: 240px;
}

@media (min-width: 576px) {
.gpay-icons__list {
  bottom: 140px;
}
}

@media (min-width: 768px) {
  .gpay-pay {
    margin-top: 60px;
  }
    .gpay-pay svg {
    max-width: 200px;
  }
  .gpay-icons__list {
    bottom: 130px;
  right: auto;
}
}

@media (min-width: 1024px) {
    .gpay-pay {
    margin-top: 0px;
  }
  .gpay-pay svg {
    max-width: 100%;
  }
  .gpay-icons__list {
    bottom: 180px;
  right: auto;
}
}

@media (min-width: 1280px) {
  .gpay-icons__list {
    bottom: 100px;
  right: 100px;
}
}

@media (min-width: 1640px) {
  .gpay-icons__list {
    bottom: 150px;
  right: 150px;
}
}


.payments {
  margin-top: 130px;
}
.payments-descr {
  margin-top: 25px;
  text-align: center;
}
.payments-slider {
  margin-top: 80px;
}
.payments-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.payments-item {
  position: relative;
  padding: 35px 50px 40px 45px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}
.payments-item__title {
  min-height: 5.5em;
  font-family: var(--font-semibold);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.payments-item__icon {
  position: absolute;
  display: flex;
  width: 46px;
  height: 46px;
  top: 32px;
  right: 20px;
}
.payments-item__img {
  display: flex;
  align-items: flex-end;
  height: 64px;
  margin-top: 70px;
}
.payments-item__descr {
  margin-top: 40px;
}
.payments-order {
  margin-top: 80px;
  text-align: center;
}
.payments-order__btn {
  min-width: 265px;
}

@media (max-width: 1639.98px) {
  .payments {
    margin-top: 120px;
  }
  .payments-slider {
    margin-top: 60px;
  }
  .payments-item {
    padding: 30px 50px 35px 30px;
  }
  .payments-item__title {
    font-size: 24px;
  }
  .payments-item__img {
    height: 40px;
    margin: 50px -50px 0 0;
  }
  .payments-order {
    margin-top: 70px;
  }
}
@media (min-width: 1280px) {
  .payments-slider--sm {
    max-width: calc(66.6666666667% - 6.6666666667px);
    margin-left: auto;
    margin-right: auto;
  }
  .payments-slider--sm .swiper-wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1279.98px) {
  .payments {
    margin-top: 100px;
  }
  .payments-slider {
    margin-top: 50px;
  }
  .payments-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
  .payments-order {
    margin-top: 60px;
  }
}
@media (max-width: 1023.98px) {
  .payments {
    margin-top: 80px;
  }
  .payments-item__title {
    font-size: 24px;
  }
  .payments-item__icon {
    width: 42px;
    height: 42px;
  }
  .payments-item__img {
    height: 40px;
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .payments {
    margin-top: 65px;
  }
  .payments-descr {
    margin-top: 20px;
  }
  .payments-slider {
    margin-top: 40px;
  }
  .payments-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .payments-item {
    padding-bottom: 30px;
    border-radius: 10px;
  }
  .payments-item__title {
    font-size: 20px;
  }
  .payments-item__descr {
    margin-top: 30px;
  }
  .payments-item__icon {
    width: 36px;
    height: 36px;
  }
  .payments-item__img {
    margin-top: 30px;
  }
  .payments-order {
    margin-top: 50px;
  }
  .payments-order__btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .payments {
    margin-top: 50px;
  }
  .payments-descr {
    margin-top: 15px;
  }
  .payments-slider {
    margin-top: 30px;
  }
  .payments-slider__wrapper:not([id]) .payments-item {
    width: 80%;
  }
  .payments-item {
    padding: 20px 50px 20px 20px;
  }
  .payments-item__title {
    min-height: 4.4em;
    font-size: 16px;
  }
  .payments-item__descr {
    margin-top: 20px;
  }
  .payments-item__icon {
    width: 32px;
    height: 32px;
    top: 20px;
  }
  .payments-item__img {
    height: 40px;
    margin-top: 20px;
  }
  .payments-order {
    margin-top: 35px;
  }
  .payments-order__btn {
    width: 100%;
  }
}
.payment {
  margin-top: 130px;
}
.payment-img {
  display: flex;
  max-width: 780px;
  margin: 50px auto 0;
}
.payment-img img {
  width: 100%;
}

@media (max-width: 1639.98px) {
  .payment {
    margin-top: 120px;
  }
  .payment-img {
    max-width: 640px;
  }
}
@media (max-width: 1279.98px) {
  .payment {
    margin-top: 100px;
  }
}
@media (max-width: 1023.98px) {
  .payment {
    margin-top: 80px;
  }
}
@media (max-width: 767.98px) {
  .payment {
    margin-top: 65px;
  }
  .payment-img {
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .payment {
    margin-top: 50px;
  }
  .payment-title br {
    display: none;
  }
  .payment-img {
    margin-top: 30px;
  }
}
.scheme {
  margin-top: 130px;
}
.scheme-title {
  max-width: 1280px;
  margin: 0 auto;
}
.scheme-slider {
  margin-top: 80px;
  counter-reset: num;
}
.scheme-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.scheme-item {
  counter-increment: num;
}
.scheme-item__img {
  position: relative;
  display: flex;
  padding: 100px 45px 0;
  border-radius: 20px;
  background-color: #f7f7f7;
}
.scheme-item__img img {
  width: 100%;
  aspect-ratio: 768/1214;
  object-fit: cover;
  object-position: 50% 0;
}
.scheme-item__img::before {
  content: 'Шаг ' counter(num);
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  padding: 10px 15px;
  font-family: var(--font-medium);
  font-size: 16px;
  line-height: 1;
  color: #434343;
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid rgba(199, 197, 197, 0.37);
}
.scheme-item__title {
  margin-top: 30px;
  font-family: var(--font-semibold);
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
}
.scheme-item__title a {
  display: block;
  color: var(--color-blue);
  transition: color 0.25s ease;
}
.scheme-item__title a::after {
  content: '';
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-left: 8px;
  mask: var(--icon-arrow) center no-repeat;
  -webkit-mask: var(--icon-arrow) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue);
  transition: background-color 0.25s ease;
}
.scheme-item__title a:hover {
  color: var(--color-blue-hover);
}
.scheme-item__title a:hover::after {
  background-color: var(--color-blue-hover);
}
.scheme-order {
  margin-top: 80px;
  text-align: center;
}

@media (max-width: 1639.98px) {
  .scheme {
    margin-top: 120px;
  }
  .scheme-slider {
    margin-top: 60px;
  }
  .scheme-item__title {
    font-size: 18px;
  }
  .scheme-item__img {
    padding: 90px 20px 0;
  }
  .scheme-order {
    margin-top: 60px;
  }
}
@media (max-width: 1279.98px) {
  .scheme {
    margin-top: 100px;
  }
  .scheme-slider {
    margin-top: 50px;
  }
  .scheme-slider__wrapper:not([id]) {
    grid-template-columns: repeat(4, 1fr);
  }
  .scheme-order {
    margin-top: 50px;
  }
}
@media (max-width: 1023.98px) {
  .scheme {
    margin-top: 80px;
  }
  .scheme-slider__wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767.98px) {
  .scheme {
    margin-top: 65px;
  }
  .scheme-slider {
    margin-top: 40px;
  }
  .scheme-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
  .scheme-item__img {
    border-radius: 10px;
  }
  .scheme-item__title {
    margin-top: 25px;
  }
  .scheme-order {
    margin-top: 40px;
  }
  .scheme-order__btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .scheme {
    margin-top: 50px;
  }
  .scheme-title br {
    display: none;
  }
  .scheme-slider {
    margin-top: 30px;
  }
  .scheme-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .scheme-slider__wrapper:not([id]) .scheme-item {
    width: 80%;
  }
  .scheme-item__title {
    margin-top: 20px;
    font-size: 16px;
  }
  .scheme-item__img {
    padding: 65px 50px 0;
  }
  .scheme-item__img::before {
    top: 15px;
    left: 15px;
    padding: 6px 10px;
    font-size: 14px;
  }
  .scheme-order {
    margin-top: 30px;
  }
}
.services {
  margin-top: 130px;
}
.services--online .services-title {
  max-width: 1200px;
  margin: 0 auto;
}
.services-body {
  display: grid;
  grid-template-columns: 420px 1fr;
  column-gap: 100px;
  margin-top: 80px;
}
.services-nav__list {
  display: grid;
  row-gap: 12px;
}
.services-nav__item {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.25s ease;
}
.services-nav__item.is-active {
  color: var(--color-blue-dark);
}
.services-tab {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.services-tab:not(:first-child) {
  display: none;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-top: 80px;
}
.services-item__link {
  position: relative;
  display: block;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  transition: border-color 0.25s ease;
}
.services-item__link::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 48.75%;
}
.services-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

@media (max-width: 1639.98px) {
  .services {
    margin-top: 120px;
  }
  .services-body {
    grid-template-columns: 320px 1fr;
    column-gap: 80px;
    margin-top: 60px;
  }
  .services-tab {
    grid-template-columns: repeat(3, 1fr);
  }
  .services-grid {
    grid-template-columns: repeat(5, 1fr);
    margin-top: 60px;
  }
}
@media (max-width: 1279.98px) {
  .services {
    margin-top: 100px;
  }
  .services-body {
    column-gap: 40px;
    margin-top: 50px;
  }
  .services-grid {
    margin-top: 50px;
  }
  .services-nav__list {
    row-gap: 10px;
  }
}
@media (max-width: 1023.98px) {
  .services {
    margin-top: 80px;
  }
  .services-body {
    grid-template-columns: 280px 1fr;
    column-gap: 20px;
  }
  .services-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .services-item__link {
    border-radius: 10px;
  }
}
@media (max-width: 767.98px) {
  .services {
    margin-top: 65px;
  }
  .services-body {
    display: block;
    margin-top: 40px;
  }
  .services-nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .services-nav::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
  .services-nav__list {
    display: inline-grid;
    grid-auto-flow: column;
    min-width: 100%;
    border-bottom: 1px solid #ece7e7;
  }
  .services-nav__item {
    text-align: center;
    white-space: nowrap;
    padding: 0 15px 20px;
    margin-bottom: -1px;
    border-bottom: 4px solid transparent;
    transition:
      color 0.25s ease,
      border-color 0.25s ease;
  }
  .services-nav__item.is-active {
    color: var(--color-blue-dark);
    border-color: var(--color-blue-dark);
  }
  .services-tabs {
    margin-top: 40px;
  }
  .services-tab {
    grid-template-columns: repeat(3, 1fr);
  }
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .services {
    margin-top: 50px;
  }
  .services-body {
    margin-top: 30px;
  }
  .services-nav {
    margin: 30px -15px 0;
    padding: 0 15px;
  }
  .services-nav__item {
    padding: 0 12px 15px;
    font-size: 15px;
    border-width: 3px;
  }
  .services-tabs {
    margin-top: 30px;
  }
  .services-tab {
    gap: 8px;
  }
  .services-grid {
    gap: 8px;
    margin-top: 30px;
  }
}
@media (hover: hover) {
  .services-nav__item:hover {
    color: var(--color-blue-dark);
  }
  .services-item__link:hover {
    border-color: var(--color-blue-dark);
  }
}
.advantages {
  margin-top: 130px;
}
.advantages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
  margin-top: 80px;
}
.advantages-item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: space-between;
  border-radius: 20px;
}
.advantages-item__title {
  font-family: var(--font-semibold);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
  z-index: 1;
}

.advantages-item__title--mod {
  color: #fff;
}

.advantages-item__img {
  position: relative;
  display: flex;
}
.advantages-item__img-faceid {
  display: flex;
  width: 235px;
  margin-top: 135px;
}
.advantages-item__img-faceid img {
  width: 100%;
}
.advantages-item__img-cards {
  display: flex;
  margin-top: 80px;
}
.advantages-item__img-cards img {
  width: 302px;
  height: 74px;
}

.advantages-item__img-phone {
  position: relative;
  display: flex;
  justify-content: flex-end;
  grid-row: 1/4;
  grid-column: 2/3;
  height: 560px;
  margin-top: -30px;
}
.advantages-item__img-phone img:first-child {
  width: auto;
  height: 100%;
}
.advantages-item__img-phone img:last-child {
  position: absolute;
  width: 258px;
  top: 21%;
  right: 42%;
  border-radius: 10px;
  box-shadow: 0 25px 35px 0 #d2e8f5;
}
.advantages-item--one {
  grid-column: 1/3;
  grid-row: 1/3;
  padding: 45px 140px 0 60px;
  background:
    var(--background-sphere-lg) 115% 60px no-repeat,
    linear-gradient(74deg, #E9F7FF 0%, #BDE6F9 100%);
  background-size: 66%, cover;
}
.advantages-item--one .advantages-item__title {
  font-size: 40px;
}
.advantages-item--one .advantages-item__images {
  display: grid;
  align-items: start;
  grid-template-columns: auto auto;
}
.advantages-item--two {
  padding: 30px 40px;
  background:
    url(./hamster.webp) 100% 100% no-repeat,
    linear-gradient(17deg, #FFD6FD 0%, #FF22CC 48%, #FF22CC 65%);
  background-size: 55%, cover;
}
.advantages-item--two .advantages-item__title {
  color: #fff;
}
.advantages-item--two .advantages-item__img {
  width: 52%;
  margin-top: 25px;
}
.advantages-item--two .advantages-item__img img {
  width: 100%;
}
.advantages-item--three {
  padding: 40px 40px 50px;
  background-color: #fff9ed;
}

.advantages-item--four .advantages-item__img,
.advantages-item--five .advantages-item__img,
.advantages-item--six .advantages-item__img {
  justify-content: center;
  height: 180px;
  margin-top: 25px;
}
.advantages-item--four .advantages-item__img img:first-child,
.advantages-item--five .advantages-item__img img:first-child,
.advantages-item--six .advantages-item__img img:first-child {
  width: auto;
  height: 100%;
}
.advantages-item--four {
  padding: 40px 60px 0;
  background:
    var(--background-circles-sm) 50% 85px no-repeat,
    #0E613B;
  background-size: 90%, cover;
}
.advantages-item--five,
.advantages-item--six {
  padding: 40px 40px 0;
}
.advantages-item--five {
  background:
    url(./wave.webp) 50% 100% no-repeat,
    #fafafa;
  background-size: contain, cover;
}
.advantages-item--six {
  background-color: #f1f8fc;
}
.advantages-item--six .advantages-item__img img:nth-child(2),
.advantages-item--six .advantages-item__img img:nth-child(3) {
  position: absolute;
  filter: drop-shadow(0 14px 10px rgba(0, 50, 130, 0.15));
}
.advantages-item--six .advantages-item__img img:nth-child(2) {
  width: 170px;
  top: 20px;
  left: calc(50% + 20px);
}
.advantages-item--six .advantages-item__img img:nth-child(3) {
  width: 252px;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .advantages-grid--sm {
    grid-template-rows: 2.2fr 1fr 1fr 2.2fr;
  }
  .advantages-grid--sm .advantages-item--one {
    grid-row: 1/4;
  }
  .advantages-grid--sm .advantages-item--two {
    grid-row: 1/3;
    justify-content: unset;
    background-position-x: 220%;
    background-size: 90%, cover;
  }
  .advantages-grid--sm .advantages-item--two .advantages-item__img {
    width: 70%;
    margin-top: 30px;
  }
  .advantages-grid--sm .advantages-item--six {
    grid-row: 3/5;
  }
  .advantages-grid--sm .advantages-item--six .advantages-item__img {
    height: 220px;
  }
  .advantages-grid--sm
    .advantages-item--six
    .advantages-item__img
    img:nth-child(2) {
    width: 190px;
    top: 25px;
    left: calc(50% - 60px);
  }
  .advantages-grid--sm
    .advantages-item--six
    .advantages-item__img
    img:nth-child(3) {
    width: 270px;
  }
}
@media (min-width: 1280px) {
  .advantages-grid--sm .advantages-item--two {
    background-position-x: 150%;
    background-size: 75%, cover;
  }
  .advantages-grid--sm .advantages-item--two .advantages-item__img {
    margin-top: 35px;
  }
  .advantages-grid--sm
    .advantages-item--six
    .advantages-item__img
    img:nth-child(2) {
    left: calc(50% - 30px);
  }
}
@media (min-width: 1640px) {
  .advantages-grid--sm .advantages-item--two .advantages-item__title,
  .advantages-grid--sm .advantages-item--six .advantages-item__title {
    font-size: 30px;
  }
  .advantages-grid--sm .advantages-item--two .advantages-item__img {
    width: 60%;
    margin-top: 80px;
  }
  .advantages-grid--sm .advantages-item--six .advantages-item__img {
    height: 250px;
  }
  .advantages-grid--sm
    .advantages-item--six
    .advantages-item__img
    img:nth-child(2) {
    width: 220px;
    top: 30px;
  }
  .advantages-grid--sm
    .advantages-item--six
    .advantages-item__img
    img:nth-child(3) {
    width: 300px;
  }
}
@media (max-width: 1639.98px) {
  .advantages {
    margin-top: 120px;
  }
  .advantages-grid {
    margin-top: 60px;
  }
  .advantages-item {
    padding: 30px 40px 0;
  }
  .advantages-item__title {
    font-size: 24px;
  }
  .advantages-item__img-faceid {
    margin-top: 70px;
  }
  .advantages-item__img-phone {
    height: 480px;
  }
  .advantages-item__img-phone img:last-child {
    width: 230px;
  }
  .advantages-item__img-cards {
    margin-right: 0;
  }
  .advantages-item--one .advantages-item__title {
    font-size: 36px;
  }
  .advantages-item--two,
  .advantages-item--three {
    padding-bottom: 40px;
  }
  .advantages-item--four .advantages-item__img,
  .advantages-item--five .advantages-item__img,
  .advantages-item--six .advantages-item__img {
    height: 150px;
  }
  .advantages-item--six .advantages-item__img img:nth-child(2) {
    width: 140px;
  }
  .advantages-item--six .advantages-item__img img:nth-child(3) {
    width: 200px;
  }
}
@media (max-width: 1279.98px) {
  .advantages {
    margin-top: 100px;
  }
  .advantages-grid {
    margin-top: 50px;
  }
  .advantages-item {
    padding: 30px 30px 0;
  }
  .advantages-item__title {
    font-size: 20px;
  }
  .advantages-item__img-faceid {
    width: 200px;
  }

  .advantages-item--one {
    background-position:
      115% 115%,
      center;
  }
  .advantages-item--one .advantages-item__title {
    font-size: 30px;
  }
  .advantages-item--two,
  .advantages-item--three {
    padding-bottom: 35px;
  }
  .advantages-item--two {
    background-size: 65%, cover;
  }
  .advantages-item--two .advantages-item__img {
    width: 63%;
  }
  .advantages-item--six .advantages-item__img img:nth-child(2) {
    left: calc(50% - 10px);
  }
}
@media (max-width: 1023.98px) {
  .advantages {
    margin-top: 80px;
  }
  .advantages-grid {
    grid-template-columns: 1fr 1fr;
  }
  .advantages-grid--sm .advantages-item--six {
    grid-column: unset;
  }
  .advantages-item--two .advantages-item__img {
    width: 55%;
  }
  .advantages-item--six {
    grid-column: 1/-1;
  }
  .advantages-item--six .advantages-item__title {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .advantages {
    margin-top: 65px;
  }
  .advantages-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .advantages-item {
    border-radius: 10px;
  }
  .advantages-item__img-cards {
    margin-top: 0;
  }
  .advantages-item__img-cards img {
    width: 180px;
    height: 50px;
    margin-top: 10px;
  }
  .advantages-item__img-faceid {
    width: 120px;
    margin-top: 20px;
  }
  .advantages-item__img-phone {
    height: 200px;
    margin-top: -20px;
  }
  .advantages-item__img-phone img:last-child {
    width: 130px;
    top: 14%;
    right: 26%;
    border-radius: 5px;
    box-shadow: 0 10px 15px 0 rgba(0, 50, 130, 0.1);
  }
  .advantages-item--one {
    grid-column: unset;
    grid-row: unset;
    background-size: 220px, cover;
    background-position:
      calc(100% + 20px) calc(100% + 20px),
      center;
  }
  .advantages-item--one .advantages-item__title {
    font-size: 20px;
  }
  .advantages-item--two {
    background-size: 240px, cover;
  }
  .advantages-item--two .advantages-item__img {
    width: 160px;
  }
  .advantages-item--six .advantages-item__title {
    text-align: left;
  }
  .advantages-item--six .advantages-item__img img:nth-child(2),
  .advantages-item--six .advantages-item__img img:nth-child(3) {
    filter: drop-shadow(0 8px 10px rgba(0, 50, 130, 0.15));
  }
}
@media (max-width: 575.98px) {
  .advantages {
    margin-top: 50px;
  }
  .advantages-grid {
    row-gap: 8px;
    margin-top: 30px;
  }
  .advantages-item {
    padding: 20px 20px 0;
  }
  .advantages-item__title {
    font-size: 18px;
  }
  .advantages-item__img-cards {
    margin-top: 5px;
  }
  .advantages-item__img-cards img {
    width: 150px;
    height: 37px;
  }
  .advantages-item__img-faceid {
    width: 100px;
  }
  .advantages-item__img-phone {
    height: 180px;
  }
  .advantages-item__img-phone img:last-child {
    width: 110px;
    right: 60px;
  }
  .advantages-item--one {
    background-size: 200px, cover;
  }
  .advantages-item--one .advantages-item__title {
    font-size: 18px;
  }
  .advantages-item--two {
    background-size: 180px, cover;
  }
  .advantages-item--two .advantages-item__img {
    margin-top: 20px;
  }
  .advantages-item--two,
  .advantages-item--three {
    padding-bottom: 25px;
  }
  .advantages-item--two .advantages-item__img {
    width: 150px;
  }
  .advantages-item--four .advantages-item__img,
  .advantages-item--five .advantages-item__img,
  .advantages-item--six .advantages-item__img {
    justify-content: flex-end;
    height: 130px;
    margin-top: 20px;
  }
  .advantages-item--six .advantages-item__img {
    margin-right: 20px;
  }
  .advantages-item--six .advantages-item__img img:nth-child(2) {
    width: 120px;
    left: unset;
    right: 115px;
  }
  .advantages-item--six .advantages-item__img img:nth-child(3) {
    width: 180px;
    top: calc(50% - 20px);
    left: unset;
    right: -20px;
    margin: 0;
  }
}
.cards {
  margin-top: 130px;
  overflow: hidden;
}

.cards-grid {
  display: grid;
  column-gap: 20px;
  margin-top: 40px;
}

.cards-grid--lg {
  grid-template-columns: repeat(3, 1fr);
}

.cards-grid--sm {
  grid-template-columns: 1fr 1fr;
}

.cards-block-two__title {
  font-size: 28px;
  text-align: center;
}

@media (min-width: 768px) {
  .cards-block-two__title {
    font-size: 36px;
  }
}

.cards-item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 20px 20px 35px;
  margin-top: 20px;
}

.cards-item__label {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 2;
  padding: 6px 12px;
  border-radius: 30px;
  transform: translateY(-50%);
  font-family: var(--font-medium);
  font-size: 14px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  background: linear-gradient(90deg, #ef8f0a 0%, #feb52e 100%);
}

.cards-item__img {
  position: relative;
}

.cards-item__img::before {
  content: '';
  display: block;
  padding-top: 63%;
}

.cards-item__img img {
  position: absolute;
  object-fit: contain;
}

.cards-block__img {
  user-select: none;
  line-height: 1;
  max-width: 230px;
  margin-left: auto;
  margin-right: auto;
}

.cards-block__img img {
  border-radius: 12px;
}

.cards-item__img img:first-child {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 15px;
  object-fit: cover;
}

.cards-item__info {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  flex: 1;
}

.cards-item__name {
  font-family: var(--font-semibold);
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  color: #000;
}

.cards-item__descr {
  min-height: 2.4em;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  color: #565558;
}

.cards-item__icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.cards-item__icons-services {
  display: flex;
  align-items: center;
  height: 40px;
}

.cards-item__icons-pay {
  display: flex;
  align-items: center;
  height: 20px;
  margin-top: 25px;
}

.cards-item__specs {
  display: grid;
  align-content: start;
  row-gap: 35px;
  flex: 1;
  font-size: 18px;
  line-height: 1.2;
}

.cards-item__specs-title {
  font-family: var(--font-bold);
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}

.cards-item__specs-table {
  margin-top: 20px;
}

@media (min-width: 575.98px) {
  .cards-item__specs-table--lines li:nth-child(odd) {
    background-color: #f9f9f9c4;
  }
}

.cards-item__specs-tr {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  margin: 0 -40px;
  padding: 10px 40px;
  border-bottom: 1px solid #f5f3f3;
}

.cards-item__specs-tr:first-child {
  border-top: 1px solid #f5f3f3;
}

.cards-item__specs-td {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-semibold);
  text-align: center;
  white-space: nowrap;
}

.cards-item__specs-td--black {
  color: #000;
}

.cards-item__specs-td--green {
  color: #1ed760;
}

.cards-item__specs-td--true::before,
.cards-item__specs-td--false::before {
  content: '';
  display: block;
  width: 1.3333em;
  height: 1.3333em;
  margin: -0.045em 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cards-item__specs-td--true::before {
  background-image: var(--icon-checkmark);
}

.cards-item__specs-td--false::before {
  background-image: var(--icon-cross);
}

.cards-item__specs-list {
  list-style-type: disc;
  display: grid;
  row-gap: 0.5em;
  margin: 0 20px;
  padding-left: 1.5em;
}

.cards-item__specs-li {
  color: #000;
}

.cards-item__price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
}

.cards-item__price span,
.ppm-old-price {
  margin-left: 10px;
  font-family: var(--font-regular);
  font-size: 20px;
  text-decoration: line-through;
  color: #f45936;
}

.cards-item__price--purple {
  color: #778af3;
}

.cards-item__price--blue {
  color: #4793f1;
}

.cards-item__price--beige {
  color: #a48e6d;
}

.cards-item__order {
  margin-top: 30px;
  text-align: center;
}

.cards-item__order-btn {
  font-size: 16px;
}

.cards-item__order-btn::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: var(--icon-cart) center no-repeat;
  background-size: contain;
}

.cards-item__order-btn--mod {
  font-size: 14px;
  font-family: var(--font-semibold);
  width: 100% !important;
}

.cards-block-two__item-wrap .cards-item-two__order-btn--mod {
  font-size: 16px;
  width: 100%;
  font-family: var(--font-semibold);
}

.cards-item__order-btn br,
.cards-item__order-btn--mod::before,
.cards-item-two__order-btn--mod::before {
  display: none;
}

@media (min-width: 1024px) {
  .cards-block-two__item-wrap .cards-item-two__order-btn--mod {
    max-width: 235px;
  }
}

.cards-item--one .cards-item__img,
.cards-item--three .cards-item__img {
  transform: scale(0.84);
  transform-origin: 50% 100%;
  will-change: transform;
}

.cards-item--one .cards-item__img img:nth-child(2) {
  width: 22%;
  top: 14%;
  left: -14%;
}

.cards-item--one .cards-item__img img:nth-child(3) {
  width: 31%;
  top: -28%;
  right: 8%;
}

.cards-item--one .cards-item__img img:nth-child(4) {
  width: 10%;
  top: 44%;
  right: -5%;
}

.cards-item--two {
  border-radius: 20px;
  background-color: #fffef1;
}

.cards-item--two .cards-item__img img:nth-child(2) {
  width: 24%;
  left: -10%;
  bottom: -13%;
}

.cards-item--two .cards-item__img img:nth-child(3) {
  width: 54%;
  top: 7%;
  right: -15%;
}

.cards-item--two .cards-item__img img:nth-child(4) {
  width: 28%;
  right: -7%;
  bottom: -10%;
}

.cards-item--three .cards-item__img img:nth-child(2) {
  width: 32%;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 100%;
}

.cards-plati {
  margin-top: 40px !important;
  overflow: unset;
}

.cards-plati .cards-grid {
  overflow: hidden;
}

.cards-plati .cards-item__specs-tr {
  padding-top: 6px;
  padding-bottom: 6px;
}

.cards-item__specs-td--true::before {
  background-image: url('../img/icons/icon-list2.svg');
}

.cards-plati .cards-item__specs-table-two {
  margin-top: 0;
}

.cards-plati .cards-item__specs-title {
  font-size: 17px;
}

.cards-plati .cards-item__specs-tr {
  font-size: 17px;
}

.cards-plati .cards-item--one .cards-item__img,
.cards-plati .cards-item--three .cards-item__img {
  transform: scale(1);
}

.cards-plati .cards-item {
  margin-top: 40px;
}

.cards-nav {
  position: sticky;
  display: none;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  top: 15px;
  z-index: 5;
  margin-top: 40px;
  padding: 15px;
  border-radius: 10px;
  background-color: var(--color-blue);
}

.cards-nav__item {
  position: relative;
  padding: 15px;
  border-radius: 5px;
  font-family: var(--font-semibold);
  line-height: 1.2;
  text-align: center;
  color: #fff;
  transition: background-color 0.25s ease;
}

.cards-nav__item::after {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: 0;
  right: 0;
  bottom: -24px;
  margin: 0 auto;
  opacity: 0;
  transform: rotate(45deg);
  background-color: var(--color-blue);
  transition: opacity 0.25s ease;
}

.cards-nav__item-name {
  min-height: 2.4em;
  margin-top: 8px;
  transition: color 0.25s ease;
}

.cards-nav__item-price {
  margin-top: 8px;
  font-size: 22px;
  transition: color 0.25s ease;
}

.cards-nav__item.is-active {
  background-color: #fff;
}

.cards-nav__item.is-active .cards-nav__item-name {
  color: var(--color-blue);
}

.cards-nav__item.is-active .cards-nav__item-price--purple {
  color: #c556ec;
}

.cards-nav__item.is-active .cards-nav__item-price--blue {
  color: #377bf0;
}

.cards-nav__item.is-active .cards-nav__item-price--beige {
  color: #a48e6d;
}

.cards-nav__item.is-active::after {
  opacity: 1;
}

@media (min-width: 1280px) {
  .cards-grid {
    overflow: hidden;
  }

  .cards-grid--lg {
    padding-left: calc(25% - 45px);
  }

  .cards-grid--lg .cards-item:nth-child(1) .cards-item__specs {
    margin-left: -100%;
  }

  .cards-grid--lg .cards-item:nth-child(1) .cards-item__specs-group--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .cards-grid--lg
    .cards-item:nth-child(2)
    .cards-item__specs-group--list
    .cards-item__specs-title,
  .cards-grid--lg
    .cards-item:nth-child(3)
    .cards-item__specs-group--list
    .cards-item__specs-title {
    display: none;
  }

  .cards-grid--lg .cards-item:nth-child(2) .cards-item__specs-title,
  .cards-grid--lg .cards-item:nth-child(3) .cards-item__specs-title {
    visibility: hidden;
  }

  .cards-grid--lg .cards-item:nth-child(2) .cards-item__specs-tr,
  .cards-grid--lg .cards-item:nth-child(3) .cards-item__specs-tr {
    grid-template-columns: 1fr;
  }

  .cards-grid--lg .cards-item:nth-child(2) .cards-item__specs-th,
  .cards-grid--lg .cards-item:nth-child(3) .cards-item__specs-th {
    display: none;
  }

  .cards-grid--sm {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 460px;
  }

  .cards-grid--sm .cards-item:nth-child(1) .cards-item__specs {
    margin-left: -150%;
  }

  .cards-grid--sm .cards-item:nth-child(1) .cards-item__specs-tr {
    grid-template-columns: 1.5fr 1fr;
  }

  .cards-grid--sm .cards-item:nth-child(1) .cards-item__specs-group--list {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }

  .cards-grid--sm
    .cards-item:nth-child(2)
    .cards-item__specs-group--list
    .cards-item__specs-title {
    display: none;
  }

  .cards-grid--sm .cards-item:nth-child(2) .cards-item__specs-title {
    visibility: hidden;
  }

  .cards-grid--sm .cards-item:nth-child(2) .cards-item__specs-tr {
    grid-template-columns: 1fr;
  }

  .cards-grid--sm .cards-item:nth-child(2) .cards-item__specs-th {
    display: none;
  }

  .cards-grid--xs {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 460px;
  }

  .cards-grid--xs .cards-item:nth-child(1) .cards-item__specs {
    margin-left: -150%;
  }

  .cards-grid--xs .cards-item:nth-child(1) .cards-item__specs-tr {
    grid-template-columns: 1.5fr 1fr;
  }

  .cards-grid--xs .cards-item:nth-child(1) .cards-item__specs-group--list {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
  }
}

@media (min-width: 1640px) {
  .cards-grid--sm,
  .cards-grid--xs {
    padding-left: 495px;
  }

  .cards-grid--xs {
    max-width: 878px;
  }
}

@media (max-width: 1639.98px) {
  .cards {
    margin-top: 120px;
  }

  .cards-item__specs-list {
    margin: 0;
  }

  .cards-item__order-btn {
    width: 100%;
    text-align: left;
  }

  .cards-item__order-btn br {
    display: inline;
  }
}

@media (max-width: 1279.98px) {
  .cards {
    margin-top: 100px;
  }

  .cards-grid {
    column-gap: 0;
    margin: 30px -20px 0;
  }

  .cards-grid--line {
    column-gap: 30px;
  }

  .cards-grid--sm,
  .cards-grid--xs {
    margin-left: auto;
    margin-right: auto;
  }

  .cards-grid--sm .cards-item__order-btn br,
  .cards-grid--xs .cards-item__order-btn br {
    display: none;
  }

  .cards-grid--xs {
    max-width: 50%;
  }

  .cards-item__specs {
    margin-top: 35px;
  }

  .cards-item__specs-tr {
    grid-template-columns: 1fr auto;
    column-gap: 20px;
    margin: 0;
    padding: 10px 0;
  }

  .cards-item__specs-td {
    justify-content: flex-end;
    text-align: right;
  }

  .cards-item__specs-list {
    margin-top: 20px;
  }

  .cards-item--line {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .cards-item__info--line .cards-item__specs-title {
    padding: 0 15px;
  }

  .cards-item__specs-table--lines .cards-item__specs-tr {
    padding: 6px 15px;
  }

  .cards-item__info--line .cards-item__specs-list {
    margin-left: 8px;
    margin-right: 15px;
  }

  .cards-item__info--line .cards-item__order {
    margin-left: 15px;
    margin-right: 15px;
  }

  .cards-item__img--line {
    margin: 0 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .cards {
    margin-top: 80px;
  }

  .cards-item__label {
    font-size: 12px;
  }

  .cards-item__name {
    font-size: 18px;
  }

  .cards-item__descr {
    font-size: 15px;
  }

  .cards-item__icons-services {
    height: 30px;
  }

  .cards-item__specs {
    font-size: 15px;
  }

  .cards-item__specs-title {
    font-size: 18px;
  }

  .cards-item__price {
    font-size: 24px;
  }

  .cards-item__price span,
  .ppm-old-price {
    font-size: 16px;
  }

  .cards-item__order-btn {
    font-size: 14px;
  }

  .cards-grid--line {
    column-gap: 0px;
  }
}

@media (max-width: 767.98px) {
  .cards {
    margin-top: 65px;
  }

  .cards-grid {
    grid-template-columns: 1fr;
    row-gap: 60px;
  }

  .cards-grid--lg,
  .cards-grid--sm {
    margin-top: 50px;
  }

  .cards-grid--xs {
    max-width: unset;
    margin: 50px -20px 0;
  }

  .cards-item {
    margin-top: 0;
  }

  .cards-item__label {
    top: 40px;
    right: 80px;
  }

  .cards-item__img {
    align-self: center;
    width: calc(100% - 30px);
  }

  .cards-item__descr {
    min-height: unset;
  }

  .cards-item__descr br {
    display: none;
  }

  .cards-item__order-btn {
    width: unset;
    text-align: center;
  }

  .cards-item__order-btn br {
    display: none;
  }

  .cards-item--one,
  .cards-item--three {
    padding: 0 20px;
  }

  .cards-item--one .cards-item__img,
  .cards-item--three .cards-item__img {
    transform: none;
  }

  .cards-item--one .cards-item__img img:nth-child(2) {
    width: 19%;
    top: 20%;
    left: -8%;
  }

  .cards-item--one .cards-item__img img:nth-child(3) {
    width: 26%;
    top: -10%;
    right: 18%;
  }

  .cards-item--one .cards-item__img img:nth-child(4) {
    width: 9%;
    top: 50%;
    right: -4%;
  }

  .cards-item--two {
    padding: 40px 20px;
  }

  .cards-plati .cards-item--two {
    padding: 40px 0px;
    margin: 0 20px;
  }

  .cards-item--two .cards-item__img img:nth-child(2) {
    width: 22%;
    left: -5%;
    bottom: -7%;
  }

  .cards-item--two .cards-item__img img:nth-child(3) {
    width: 47%;
    top: 10%;
    right: -5%;
  }

  .cards-item--two .cards-item__img img:nth-child(4) {
    width: 26%;
    height: 64%;
    right: 0;
    bottom: 8%;
    object-fit: cover;
    object-position: 0 0;
  }

  .cards-item--three {
    margin-top: 60px;
  }

  .cards-item--three .cards-item__img img:nth-child(2) {
    width: 27%;
  }

  .cards-plati {
    margin-top: 20px !important;
  }

  .cards-plati .cards-grid {
    margin-top: 20px;
    gap: 20px;
  }

  .cards-plati .cards-item__img {
    width: 100%;
  }

  .cards-nav {
    display: grid;
  }
}

@media (min-width: 575.98px) {
  .cards-plati .cards-item__specs-tr {
    border: none !important;
  }

  /* 	.cards-plati .cards-item--one,
	.cards-plati .cards-item--three {
		border: 1px solid #F1F1F1;
		border-radius: 20px;
	} */
}

@media (max-width: 575.98px) {
  .cards {
    margin-top: 50px;
  }

  .cards-grid {
    row-gap: 40px;
    margin: 40px -15px 0;
  }

  .cards-item__label {
    right: 45px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .cards-item__name {
    font-size: 20px;
  }

  .cards-item__descr {
    font-size: 14px;
  }

  .cards-item__icons {
    flex-direction: row;
    justify-content: center;
  }

  .cards-item__icons-services {
    height: 30px;
  }

  .cards-item__icons-pay {
    margin: 0 0 0 20px;
  }

  .cards-item__specs {
    row-gap: 25px;
    margin-top: 30px;
    font-size: 15px;
  }

  .cards-item__specs-title {
    font-size: 15px;
  }

  .cards-item__specs-table {
    margin-top: 12px;
  }

  .cards-item__specs-tr {
    padding: 6px 0;
  }

  .cards-item__specs-list {
    margin-top: 12px;
  }

  .cards-item__price {
    margin-top: 22px;
    font-size: 24px;
  }

  .cards-item__price span,
  .ppm-old-price {
    font-size: 16px;
  }

  .cards-item__order {
    margin-top: 25px;
  }

  .cards-item__order-btn {
    font-size: 14px;
  }

  .cards-item--one,
  .cards-item--three {
    padding: 0 15px;
  }

  .cards-item--three {
    margin-top: calc(20vw - 30px);
  }

  .cards-plati .cards-item--two {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .cards-nav {
    column-gap: 10px;
    margin-top: 30px;
    padding: 10px;
    top: 10px;
  }

  .cards-nav__item {
    padding: 10px;
  }

  .cards-nav__item::after {
    width: 14px;
    height: 14px;
    bottom: -17px;
  }

  .cards-nav__item-name {
    font-size: 12px;
  }

  .cards-nav__item-price {
    font-size: 15px;
  }
}
.replenish {
  margin-top: 130px;
  /* overflow: hidden; */
  position: relative;

  &::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: -80px;
    width: 229px;
    height: 106px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='229' height='106' viewBox='0 0 229 106' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M209.344 15.6541L190.441 82.0367C189.665 84.5302 187.358 86.227 184.751 86.227H-28.0438C-32.11 86.227 -34.9863 82.2229 -33.6827 78.3637L-8.57189 4.04545C-7.75452 1.62439 -5.48868 0 -2.93311 0H193.711C204.74 0 212.614 5.11113 209.344 15.6541Z' fill='%237D71FF' /%3E%3Cpath d='M28.1987 86.2258H-15.5977C-15.3597 83.4737 -14.7286 80.6595 -13.6629 77.8866C-8.53106 64.5501 4.59853 57.1835 15.6588 61.4358C24.774 64.9433 29.6368 75.2379 28.1987 86.2258Z' fill='%230D0B68' /%3E%3Cpath d='M179.701 86.2258H135.895C136.132 83.4737 136.774 80.6595 137.84 77.8866C142.961 64.5501 156.091 57.1835 167.151 61.4358C176.266 64.9433 181.139 75.2379 179.701 86.2258Z' fill='%230D0B68' /%3E%3Cpath d='M33.5082 44.9442H-11.5607C-13.9611 44.9442 -15.6476 42.5852 -14.8716 40.3193L-4.85626 10.9045C-4.36998 9.48704 -3.04566 8.53516 -1.54543 8.53516H43.7512C46.1619 8.53516 47.8483 10.9148 47.0517 13.1807L36.7984 42.5956C36.3121 44.0027 34.9877 44.9442 33.4979 44.9442H33.5082Z' fill='%230D0B68' /%3E%3Cpath d='M92.9887 44.9442H47.9197C45.5193 44.9442 43.8329 42.5852 44.6089 40.3193L54.6242 10.9045C55.1105 9.48704 56.4348 8.53516 57.935 8.53516H103.232C105.642 8.53516 107.329 10.9148 106.532 13.1807L96.2789 42.5956C95.7926 44.0027 94.4682 44.9442 92.9783 44.9442H92.9887Z' fill='%230D0B68' /%3E%3Cpath d='M149.148 13.5202L126.044 86.2244H92.0977L117.364 12.0924C117.684 11.1302 118.584 10.4784 119.598 10.4784L146.892 10.4473C148.496 10.437 149.634 11.9993 149.148 13.5202Z' fill='%23EDEFFF' /%3E%3Cpath d='M228.559 3.95234C228.559 4.12823 228.548 4.29378 228.517 4.45932L228.228 5.525L223.147 24.2417C222.672 27.0766 219.992 28.9803 217.157 28.5044C214.332 28.0284 212.418 25.3487 212.894 22.5241L218.192 4.13857H190.37C189.222 4.13857 188.301 3.21773 188.301 2.06928C188.301 0.920831 189.222 0 190.37 0H224.606C226.789 0 228.559 1.76924 228.559 3.95234Z' fill='%237D71FF' /%3E%3Cpath d='M19.1659 90.4273C23.0699 82.059 20.6094 72.651 13.6704 69.4138C6.73141 66.1766 -2.05855 70.3361 -5.96251 78.7044C-9.86647 87.0726 -7.40607 96.4807 -0.467053 99.7179C6.47197 102.955 15.2619 98.7955 19.1659 90.4273Z' fill='%23EDEFFF' /%3E%3Cpath d='M170.857 90.4449C174.761 82.0766 172.301 72.6686 165.362 69.4314C158.423 66.1942 149.633 70.3537 145.729 78.722C141.825 87.0902 144.285 96.4983 151.224 99.7355C158.163 102.973 166.953 98.8131 170.857 90.4449Z' fill='%23EDEFFF' /%3E%3Cpath d='M196.724 8.52441H160.625C159.466 8.52441 158.432 9.47629 158.059 10.8938L148.592 40.3086C147.992 42.5745 149.306 44.9334 151.158 44.9334H187.257C188.416 44.9334 189.45 43.9816 189.823 42.5641L199.29 13.1493C199.89 10.8834 198.576 8.52441 196.724 8.52441Z' fill='%230D0B68' /%3E%3C/svg%3E");
  }

  &::after {
    content: '';
    display: none;
    position: absolute;
    right: 0;
    top: -130px;
    width: 155px;
    height: 145px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='155' height='145' viewBox='0 0 155 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73.4924 48.1984L50.845 29.3695C47.9534 26.9654 43.6605 27.3607 41.2565 30.2522L4.35421 74.6382C1.95019 77.5297 2.34542 81.8226 5.23696 84.2266L27.8844 103.056C30.7759 105.46 35.0688 105.064 37.4728 102.173L74.3751 57.7868C76.7791 54.8953 76.3839 50.6024 73.4924 48.1984Z' fill='%23FB862C' /%3E%3Cpath d='M95.4116 33.2789L85.1306 22.5062C83.6872 20.9792 81.5536 20.3203 79.4932 20.7387L59.1821 24.8699C57.8538 25.1418 56.651 25.8426 55.762 26.878L34.7188 51.3727C32.0831 54.4476 30.1169 58.035 28.9768 61.9153L6.68896 137.125C5.3816 141.539 9.74296 145.524 14.0206 143.829L65.7921 123.257C71.2098 121.102 75.341 116.552 76.9413 110.936L94.073 51.0903L96.2379 43.539L97.1478 40.3595C97.859 37.8494 97.2002 35.1614 95.4013 33.2789H95.4116ZM70.9797 40.9348C70.6032 41.0289 70.1953 41.0812 69.7874 41.0812C67.0263 41.0812 64.7985 38.843 64.7985 36.0923C64.7985 33.3416 67.0367 31.0929 69.7874 31.0929C72.5381 31.0929 74.7763 33.3311 74.7763 36.0923C74.7763 38.4351 73.1552 40.4118 70.9797 40.9348Z' fill='%237E71FC' /%3E%3Cpath d='M172.115 92.0993L166.54 86.054L166.049 86.5037C165.902 86.6293 165.756 86.7339 165.589 86.8071C164.783 87.215 163.769 87.0581 163.131 86.3469C162.367 85.4997 162.44 84.2028 163.288 83.4393L163.737 83.0209L160.098 79.0675C159.533 78.4609 158.592 78.4295 157.995 79.0047L155.046 81.8077C154.178 82.634 152.797 82.5921 151.971 81.7136L132.999 61.1828C139.713 54.0917 141.627 43.2877 136.983 34.0525C131.053 22.2862 116.714 17.5484 104.948 23.4785C96.2983 27.8294 91.4455 36.7299 91.843 45.8187C91.8743 46.6868 91.958 47.5653 92.094 48.4334C92.4705 50.839 93.213 53.2131 94.3635 55.5036C100.294 67.2699 114.633 72.0078 126.399 66.088C127.372 65.5965 128.292 65.0421 129.16 64.446L162.618 100.142C163.256 100.832 164.323 100.895 165.034 100.289L171.968 94.4002C172.669 93.8145 172.732 92.7686 172.115 92.0993ZM103.756 30.6429C104.205 30.1304 104.76 29.7016 105.408 29.3878C106.935 28.6138 108.64 28.6034 110.115 29.1786C111.37 29.6807 112.447 30.6219 113.106 31.9188C114.528 34.7427 113.388 38.1942 110.554 39.6166C110.376 39.7107 110.198 39.7839 110.02 39.8467C107.5 40.8194 104.645 39.8781 103.18 37.6189C103.065 37.4411 102.961 37.2633 102.867 37.0751C102.5 36.3639 102.312 35.6213 102.26 34.8787C102.166 33.3308 102.699 31.7829 103.756 30.6429Z' fill='%23F0F0F5' /%3E%3Cpath d='M90.3172 0C77.3901 0 66.8789 10.5112 66.8789 23.4383C66.8789 29.6823 69.3367 35.3615 73.3425 39.5764C73.9491 38.9489 74.3989 38.1749 74.608 37.3068C71.3449 33.6044 69.3577 28.7619 69.3577 23.4488C69.3577 11.8918 78.7602 2.48922 90.3172 2.48922C101.874 2.48922 111.277 11.8918 111.277 23.4488C111.277 32.9559 104.918 40.9884 96.237 43.5508L95.4421 46.3119C105.901 43.9691 113.745 34.6084 113.745 23.4488C113.745 10.5216 103.234 0.0104611 90.3068 0.0104611L90.3172 0Z' fill='%23D8D5F8' /%3E%3Cpath d='M95.4525 46.2995C94.4798 46.5506 93.549 46.6865 93.0156 46.7388C93.6327 45.306 94.8041 44.1764 96.2579 43.6221C96.3624 44.03 96.7808 45.9649 95.4525 46.2995Z' fill='%23D8D5F8' /%3E%3Cpath d='M110.46 50.2432L110.449 50.265V50.2432H110.46Z' fill='%23FB862C' /%3E%3Cpath d='M114.424 42.5662L110.46 50.243C110.345 50.1593 108.766 49.7828 93.4231 48.5487C92.9524 48.5068 92.5131 48.4755 92.0948 48.4336C91.9588 47.5655 91.8751 46.687 91.8438 45.8189C92.3562 45.7771 92.6804 45.7561 92.6804 45.7561L95.5253 41.4785L103.181 37.6191C104.645 39.8783 107.501 40.8195 110.021 39.8469L114.424 42.5662Z' fill='%23F0F0F5' /%3E%3C/svg%3E");
  }
}

.replenish-wrap {
  padding-top: 120px;
  overflow: hidden;
}

.replenish-body {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 150px;
  padding: 40px 110px 60px;
  border-radius: 20px;
  background: linear-gradient(180deg, #FFE3FD 0%, #FCF6FB 100%), #FFEBFE;
}
.replenish-title {
  z-index: 1;
}
.replenish-title span {
  display: inline-block;
}
.replenish-title span::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background: url(./sbp.svg) center no-repeat;
  background-size: contain;
}
.replenish-descr {
  display: grid;
  row-gap: 20px;
  margin-top: 50px;
  z-index: 1;
}
.replenish-descr::before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: var(--icon-exchange) center no-repeat;
  background-size: contain;
}
.replenish-img {
  position: relative;
  display: flex;
  align-items: flex-end;
  align-self: start;
  grid-column: 2/3;
  grid-row: 1/4;
  margin: -160px 0 -150px;
}

.replenish-img img {
  width: 100%;
}

@media (max-width: 1639.98px) {
  .replenish {
    margin-top: 120px;
  }
  .replenish-wrap {
    padding-top: 90px;
  }
  .replenish-body {
    column-gap: 60px;
    padding: 40px 80px 55px;
  }
  .replenish-img {
    margin: -130px 0;
  }
  .replenish-img::after {
    width: 300px;
    height: 85px;
  }
}
@media (max-width: 1279.98px) {
  .replenish {
    margin-top: 100px;
  }
  .replenish-wrap {
    padding-top: 60px;
  }
  .replenish-body {
    grid-template-columns: 2.25fr 1fr;
    padding: 40px 60px 55px;
  }
  .replenish-img {
    margin: -100px 0;
  }
  .replenish-img::after {
    width: 240px;
    height: 64px;
    top: 60%;
    right: 65%;
  }
}
@media (max-width: 1023.98px) {
  .replenish {
    margin-top: 80px;
  }
  .replenish-wrap {
    padding-top: 0px;
  }
  .replenish-body {
    column-gap: 45px;
    padding: 40px 45px 55px;
  }
  .replenish-descr {
    margin-top: 20px;
  }
  .replenish-descr::before {
    width: 54px;
    height: 54px;
  }
  .replenish-img {
    margin: 10px 0 0;
  }
  .replenish-img::after {
    width: 200px;
    height: 54px;
    right: 50%;
  }
}
@media (max-width: 767.98px) {
  .replenish {
    margin-top: 65px;
  }
  .replenish-body {
    grid-template-columns: 1fr;
    padding: 30px 30px 0;
    border-radius: 10px;
  }
  .replenish-descr {
    grid-template-columns: auto 1fr;
    column-gap: 20px;
    margin-top: 30px;
  }
  .replenish-descr::before {
    width: 48px;
    height: 48px;
  }
  .replenish-img {
    grid-column: unset;
    grid-row: unset;
    width: 320px;
    margin: 30px auto 0;
  }
  .replenish-img img {
    height: 465px;
    object-fit: cover;
    object-position: 50% 0;
  }
  .replenish-img::after {
    top: 26%;
    right: -60px;
    display: none;
  }
}
@media (max-width: 575.98px) {
  .replenish {
    margin-top: 50px;
  }
  .replenish-body {
    padding: 25px 20px 0;
  }
  .replenish-descr {
    column-gap: 12px;
    margin-top: 20px;
  }
  .replenish-descr::before {
    width: 36px;
    height: 36px;
  }
  .replenish-img {
    width: 220px;
    margin-top: 20px;
  }
  .replenish-img img {
    height: 320px;
  }
  .replenish-img::after {
    width: 160px;
    height: 42px;
    right: -50px;
  }
}
.bloggers {
  margin-top: 130px;
}

.bloggers-tabs-partner-program {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.bloggers-tabs-partner-program a {
  width: 100%;
}

@media (min-width: 768px) {
  .bloggers-tabs-partner-program a {
    width: auto;
  }

  .bloggers-video__title {
    margin-bottom: 20px;
  }
}

.bloggers-nav {
  margin-top: 80px;
  overflow-x: auto;
  text-align: center;
  scrollbar-width: none;
}

.bloggers-nav::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}

.bloggers-nav__list {
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 40px;
  border-bottom: 1px solid #ece7e7;
}

.bloggers-nav__item {
  text-align: center;
  white-space: nowrap;
  padding: 0 30px 30px;
  margin-bottom: -1px;
  cursor: pointer;
  border-bottom: 4px solid transparent;
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.bloggers-nav__item.is-active {
  color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.bloggers-title + .bloggers-tabs {
  margin-top: 80px;
}

.bloggers-tabs {
  margin-top: 60px;
}

.bloggers-tab:not(:first-child) {
  display: none;
}

.bloggers-videos__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 65px;
}

.bloggers-video {
  overflow: hidden;
  border-radius: 10px;
}

.bloggers-video__link {
  position: relative;
  display: block;
  padding-top: 56%;
}

.bloggers-video__link::before {
  content: '';
  position: absolute;
  display: block;
  width: 78px;
  height: 78px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  background: var(--icon-youtube) center no-repeat;
  background-size: contain;
  transition: transform 0.25s ease;
}

.bloggers-video img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 10px;
}

.bloggers-video__info {
  margin-top: 25px;
  text-align: center;
}

.bloggers-channels__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.bloggers-channel__link {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  padding: 35px 25px;
  border-radius: 20px;
  border: 1px solid #e9e1e1;
  transition: border-color 0.25s ease;
}

.bloggers-channel__img {
  width: 54px;
  height: 54px;
  border-radius: 100px;
  overflow: hidden;
}

.bloggers-channel__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bloggers-channel__info {
  overflow: hidden;
}

.bloggers-channel__name {
  font-family: var(--font-bold);
  font-size: 24px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.bloggers-channel__subscribers {
  margin-top: 5px;
  font-size: 20px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text);
}

@media (max-width: 1639.98px) {
  .bloggers {
    margin-top: 120px;
  }

  .bloggers-nav {
    margin-top: 60px;
  }

  .bloggers-nav__list {
    column-gap: 20px;
  }

  .bloggers-nav__item {
    padding: 0 20px 25px;
  }

  .bloggers-title + .bloggers-tabs {
    margin-top: 60px;
  }

  .bloggers-tabs {
    margin-top: 50px;
  }

  .bloggers-channels__wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
  }

  .bloggers-channel__link {
    padding: 30px 20px;
  }

  .bloggers-channel__name {
    font-size: 22px;
  }

  .bloggers-channel__subscribers {
    font-size: 18px;
  }
}

@media (max-width: 1279.98px) {
  .bloggers {
    margin-top: 100px;
  }

  .bloggers-nav {
    margin-top: 50px;
  }

  .bloggers-nav__list {
    column-gap: 15px;
  }

  .bloggers-nav__item {
    padding: 0 15px 20px;
  }

  .bloggers-title + .bloggers-tabs {
    margin-top: 50px;
  }

  .bloggers-tabs {
    margin-top: 40px;
  }

  .bloggers-videos__wrapper:not([id]),
  .bloggers-channels__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    row-gap: 0;
  }

  .bloggers-channel__link {
    grid-template-columns: 1fr;
  }

  .bloggers-channel__info {
    margin-top: 20px;
  }
}

@media (max-width: 1023.98px) {
  .bloggers {
    margin-top: 80px;
  }

  .bloggers-nav__list {
    column-gap: 0;
  }

  .bloggers-video__link::before {
    width: 70px;
    height: 70px;
  }

  .bloggers-channel__link {
    padding: 20px;
  }

  .bloggers-channel__img {
    width: 44px;
    height: 44px;
  }

  .bloggers-channel__info {
    margin-top: 15px;
  }

  .bloggers-channel__name {
    font-size: 20px;
  }

  .bloggers-channel__subscribers {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .bloggers {
    margin-top: 65px;
  }

  .bloggers-nav {
    margin-top: 40px;
  }

  .bloggers-title + .bloggers-tabs {
    margin-top: 40px;
  }

  .bloggers-videos__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }

  .bloggers-channel__link {
    border-radius: 10px;
  }

  .bloggers-channel__img {
    width: 36px;
    height: 36px;
  }

  .bloggers-channel__name {
    font-size: 18px;
  }

  .bloggers-channel__subscribers {
    font-size: 14px;
  }
}

@media (max-width: 575.98px) {
  .bloggers {
    margin-top: 50px;
  }

  .bloggers-nav {
    margin: 30px -15px 0;
    padding: 0 15px;
  }

  .bloggers-nav__item {
    padding: 0 12px 15px;
    border-width: 3px;
  }

  .bloggers-title + .bloggers-tabs {
    margin-top: 30px;
  }

  .bloggers-tabs {
    margin-top: 30px;
  }

  .bloggers-videos__wrapper:not([id]) .bloggers-video {
    width: 80%;
  }

  .bloggers-video__link::before {
    width: 60px;
    height: 60px;
  }

  .bloggers-channels__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }

  .bloggers-channels__wrapper:not([id]) .bloggers-channel {
    width: 80%;
  }

  .bloggers-channel__link {
    padding: 15px;
  }

  .bloggers-channel__img {
    width: 30px;
    height: 30px;
  }

  .bloggers-channel__info {
    margin-top: 10px;
  }

  .bloggers-channel__name {
    font-size: 16px;
  }

  .bloggers-channel__subscribers {
    margin-top: 3px;
    font-size: 13px;
  }
}

@media (hover: hover) {
  .bloggers-nav__item:hover {
    color: var(--color-blue-dark);
  }

  .bloggers-video__link:hover::before {
    transform: scale(1.15);
  }

  .bloggers-channel__link:hover {
    border-color: var(--color-blue-dark);
  }
}
.awards {
  margin-top: 130px;
}
.awards:has(.swiper-dot) {
  margin-bottom: 80px;
}
.awards-slider {
  position: relative;
}
.awards-item {
  position: relative;
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: 1.45fr 1.36fr 1fr;
  column-gap: 120px;
  padding: 75px 95px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(208deg, #fffdf9 0%, #fff9ed 100%);
}
.awards-item__title {
  grid-column: 2/4;
  text-align: left;
}
.awards-item__descr {
  grid-column: 2/4;
  margin: 35px 0 95px;
}
.awards-item__logo {
  display: flex;
  align-items: flex-start;
}
.awards-item__logo img {
  width: 100%;
}
.awards-item__prize {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: -20px 0 -60px;
}
.awards-item__prize img:nth-child(1) {
  width: 66%;
}
.awards-item__prize img:nth-child(2) {
  position: absolute;
  width: 50%;
  top: 10%;
  right: -15%;
}
.awards-item__prize img:nth-child(3) {
  position: absolute;
  width: 30%;
  top: -30%;
  right: 5%;
}
.awards-item__cert {
  display: flex;
  align-items: flex-start;
  grid-row: 1/5;
  margin: 10px 0 -105px;
}
.awards-item__cert img {
  width: 100%;
}
.awards-item--two {
  grid-template-columns: 2.2fr 1fr 1.07fr;
  column-gap: 95px;
}
.awards-item--two .awards-item__logo {
  align-self: end;
}
.awards-item--two .awards-item__logo img {
  width: 90px;
}
.awards-item--two .awards-item__cert {
  margin: 10px 0;
}

@media (max-width: 1639.98px) {
  .awards {
    margin-top: 120px;
  }
  .awards:has(.swiper-dot) {
    margin-bottom: 60px;
  }
  .awards-item {
    column-gap: 80px;
    padding: 70px 80px;
  }
  .awards-item__descr {
    margin: 30px 0 70px;
  }
  .awards-item__cert {
    margin-bottom: 10px;
  }
  .awards-item__prize {
    margin-bottom: 0;
  }
  .awards-item--two {
    grid-template-columns: 2fr 1fr 1.06fr;
  }
  .awards-item--two .awards-item__descr {
    margin-bottom: 40px;
  }
  .awards-item--two .awards-item__logo img {
    width: 80px;
  }
  .awards-item--two .awards-item__prize {
    margin-bottom: -50px;
  }
}
@media (max-width: 1279.98px) {
  .awards {
    margin-top: 100px;
  }
  .awards:has(.swiper-dot) {
    margin-bottom: 0;
  }
  .awards-item {
    grid-template-columns: 1.6fr 1.36fr 1fr;
    column-gap: 60px;
    padding: 50px 60px;
  }
  .awards-item--two {
    grid-template-columns: 2fr 1.1fr 1.04fr;
  }
  .awards-item--two .awards-item__descr {
    margin-bottom: 35px;
  }
  .awards-item--two .awards-item__logo img {
    width: 70px;
  }
}
@media (max-width: 1023.98px) {
  .awards {
    margin-top: 80px;
  }
  .awards-item {
    grid-template-columns: 1.7fr 1.36fr 1fr;
    column-gap: 45px;
    padding: 35px 45px;
  }
  .awards-item__descr {
    margin: 20px 0 30px;
  }
  .awards-item__prize {
    margin-bottom: 0;
  }
  .awards-item--two {
    grid-template-columns: 1.55fr 1.5fr 1fr;
  }
  .awards-item--two .awards-item__descr {
    margin-bottom: 30px;
  }
  .awards-item--two .awards-item__logo img {
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .awards {
    margin-top: 65px;
  }
  .awards-item {
    justify-items: center;
    grid-template-columns: 1fr;
    padding: 30px 30px 0;
    border-radius: 10px;
  }
  .awards-item__title {
    grid-column: unset;
    text-align: center;
  }
  .awards-item__descr {
    grid-column: unset;
    text-align: center;
  }
  .awards-item__logo {
    width: 320px;
  }
  .awards-item__cert {
    grid-row: unset;
    width: 320px;
    margin: 45px 0 0;
  }
  .awards-item__cert img {
    height: 380px;
    object-fit: cover;
    object-position: 50% 0;
  }
  .awards-item__prize {
    position: unset;
  }
  .awards-item__prize img:nth-child(1) {
    position: absolute;
    width: 200px;
    left: calc(50% + 50px);
    bottom: 0;
  }
  .awards-item__prize img:nth-child(2) {
    width: 120px;
    top: unset;
    right: 0;
    bottom: 360px;
  }
  .awards-item__prize img:nth-child(3) {
    width: 100px;
    top: unset;
    right: unset;
    left: 0;
    bottom: 15%;
  }
  .awards-item--two {
    padding-bottom: 45px;
  }
  .awards-item--two .awards-item__logo {
    width: auto;
  }
  .awards-item--two .awards-item__cert {
    margin: 45px 0 0;
  }
  .awards-item--two .awards-item__cert img {
    height: auto;
  }
}
@media (max-width: 575.98px) {
  .awards {
    margin-top: 50px;
  }
  .awards-item {
    padding: 25px 20px 0;
  }
  .awards-item__descr {
    margin-bottom: 20px;
  }
  .awards-item__logo {
    width: 220px;
  }
  .awards-item__cert {
    width: 220px;
    margin: 30px 0 0;
  }
  .awards-item__cert img {
    height: 260px;
  }
  .awards-item__prize img:nth-child(1) {
    width: 120px;
  }
  .awards-item__prize img:nth-child(2) {
    width: 80px;
    right: unset;
    left: calc(50% + 90px);
    bottom: 250px;
  }
  .awards-item__prize img:nth-child(3) {
    width: 80px;
    left: calc(50% - 180px);
  }
  .awards-item--two {
    padding-bottom: 35px;
  }
  .awards-item--two .awards-item__descr {
    margin-bottom: 20px;
  }
  .awards-item--two .awards-item__cert {
    margin-top: 30px;
  }
}
.events--block {
  margin-top: 130px;
}
.events--block:last-child {
  margin-bottom: 40px;
}
.events-slider {
  position: relative;
  margin-top: 80px;
}
.events-slider__container {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.events-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.events-slider .swiper-arrow {
  top: 170px;
}
.events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 80px;
  margin-top: 80px;
}
.events-item {
  display: flex;
  flex-direction: column;
}
.events-item__img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.events-item__img-link {
  position: relative;
  display: block;
  padding-top: 68%;
}
.events-item__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.events-item__info {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  flex: 1;
}
.events-item__category {
  display: flex;
}
.events-item__category-label {
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  color: #7180a0;
  background-color: rgba(12, 82, 235, 0.1);
}
.events-item__title {
  margin: 20px 0 auto;
  padding-right: 20px;
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
}
.events-item__title-link {
  color: #000;
  transition: color 0.25s ease;
}
.events-item__title-link:hover {
  color: var(--color-blue-dark);
}
.events-item__params {
  display: flex;
  margin-top: 25px;
}
.events-item__param {
  position: relative;
  padding-left: 26px;
  font-size: 20px;
  line-height: 1.2;
  white-space: nowrap;
  color: #000;
}
.events-item__param::before {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.events-item__param--date::before {
  background-image: var(--icon-calendar);
}
.events-item__param--place {
  margin-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.events-item__param--place::before {
  background-image: var(--icon-placemark);
}
.events-item__report {
  margin-top: 50px;
}
.events-item__report-btn {
  width: 180px;
  height: 48px;
  font-size: 16px;
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
}
.events-item__report-btn::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  mask: var(--icon-arrow-sm) center no-repeat;
  -webkit-mask: var(--icon-arrow-sm) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue);
  transition: background-color 0.25s ease;
}
.events-item__report-btn:hover {
  color: #fff;
  background-color: var(--color-blue);
}
.events-item__report-btn:hover::after {
  background-color: #fff;
}

@media (max-width: 1639.98px) {
  .events--block {
    margin-top: 120px;
  }
  .events--block:last-child {
    margin-bottom: 20px;
  }
  .events-slider {
    margin-top: 60px;
  }
  .events-slider .swiper-arrow {
    top: 132px;
  }
  .events-grid {
    row-gap: 60px;
    margin-top: 60px;
  }
  .events-item__title {
    font-size: 28px;
  }
  .events-item__param {
    padding-left: 24px;
    font-size: 16px;
  }
  .events-item__param::before {
    width: 18px;
    height: 18px;
    top: -1px;
  }
  .events-item__report {
    margin-top: 40px;
  }
}
@media (max-width: 1279.98px) {
  .events--block {
    margin-top: 100px;
  }
  .events--block:last-child {
    margin-bottom: 0;
  }
  .events-slider {
    margin-top: 50px;
  }
  .events-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
  .events-slider .swiper-arrow {
    top: 0;
  }
  .events-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
    margin-top: 50px;
  }
}
@media (max-width: 1023.98px) {
  .events--block {
    margin-top: 80px;
  }
  .events-item__title {
    font-size: 24px;
  }
  .events-item__report {
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .events--block {
    margin-top: 65px;
  }
  .events-slider {
    margin-top: 40px;
  }
  .events-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .events-grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
    margin-top: 40px;
  }
  .events-item__category-label {
    font-size: 14px;
  }
  .events-item__title {
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  .events--block {
    margin-top: 50px;
  }
  .events-slider {
    margin-top: 30px;
  }
  .events-slider__wrapper:not([id]) .events-item {
    width: 80%;
  }
  .events-grid {
    row-gap: 30px;
    margin-top: 30px;
  }
  .events-item__category-label {
    padding: 6px 8px;
    font-size: 12px;
  }
  .events-item__title {
    font-size: 16px;
  }
  .events-item__params {
    margin-top: 20px;
  }
  .events-item__param {
    padding-left: 22px;
    font-size: 14px;
  }
  .events-item__param::before {
    width: 16px;
    height: 16px;
  }
  .events-item__param--place {
    margin-left: 15px;
  }
  .events-item__report {
    margin-top: 25px;
  }
  .events-item__report-btn {
    width: 160px;
    height: 42px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .events-item__img-link:hover img {
    transform: scale(1.15);
  }
}
.blog:has(.swiper-dot) {
  margin-bottom: 80px;
}
.blog--block {
  margin-top: 130px;
}
.blog-slider {
  position: relative;
  margin-top: 80px;
}
.blog-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.blog-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 80px;
}
.blog-item__img {
  position: relative;
  padding-top: 165%;
  overflow: hidden;
  border-radius: 10px;
}
.blog-item__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.blog-item__img::before,
.blog-item__img::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateZ(0);
}
.blog-item__img::before {
  z-index: 1;
  mask: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.7) 70%,
    rgb(0, 0, 0) 100%
  );
  -webkit-mask: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0.7) 70%,
    rgb(0, 0, 0) 100%
  );
  backdrop-filter: blur(100px);
}
.blog-item__img::after {
  z-index: 2;
}
.blog-item__img--green::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(18, 212, 88, 0.9) 100%
  );
}
.blog-item__img--red::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(238, 37, 19, 0.9) 100%
  );
}
.blog-item__img--blue::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(79, 143, 210, 0.9) 100%
  );
}
.blog-item__img--dark::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(1, 49, 126, 0.9) 100%
  );
}
.blog-item__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 30px;
  z-index: 3;
  transform: translateZ(0);
}
.blog-item__content::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-top: 0;
  opacity: 0;
  background: var(--icon-arrow-right) center no-repeat;
  background-size: contain;
  transition-property: width, height, margin, opacity;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.blog-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  margin-bottom: 30px;
  font-family: var(--font-semibold);
  line-height: 1.2;
  color: #fff;
}
.blog-item__link {
  position: relative;
  display: block;
}

@media (max-width: 1639.98px) {
  .blog:has(.swiper-dot) {
    margin-bottom: 60px;
  }
  .blog--block {
    margin-top: 120px;
  }
  .blog-slider {
    margin-top: 60px;
  }
  .blog-slider__wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
  }
  .blog-grid {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 60px;
  }
  .blog-item__title {
    margin-bottom: 20px;
  }
  .blog-item__img {
    padding-top: 145%;
  }
}
@media (max-width: 1279.98px) {
  .blog:has(.swiper-dot) {
    margin-bottom: 0;
  }
  .blog--block {
    margin-top: 100px;
  }
  .blog-slider,
  .blog-grid {
    margin-top: 50px;
  }
  .blog-item__content::after {
    display: none;
  }
  .blog-item__title {
    margin-bottom: 0;
  }
}
@media (max-width: 1023.98px) {
  .blog--block {
    margin-top: 80px;
  }
  .blog-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
  .blog-item__img {
    padding-top: 120%;
  }
}
@media (max-width: 767.98px) {
  .blog--block {
    margin-top: 65px;
  }
  .blog-slider {
    margin-top: 40px;
  }
  .blog-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .blog-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .blog-item__img {
    padding-top: 95%;
  }
}
@media (max-width: 575.98px) {
  .blog--block {
    margin-top: 50px;
  }
  .blog-slider {
    margin-top: 30px;
  }
  .blog-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .blog-slider__wrapper:not([id]) .blog-item {
    width: 80%;
  }
  .blog-grid {
    margin-top: 30px;
  }
  .blog-item__content {
    padding: 20px;
  }
  .blog-item__title {
    font-size: 16px;
  }
}
@media (hover: hover) {
  .blog-item__link:hover .blog-item__content::after {
    width: 48px;
    height: 48px;
    margin-top: 30px;
    opacity: 1;
  }
}
.reviews {
  margin-top: 130px;
}

.reviews-header {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 60px;
}

.reviews-title {
  text-align: left;
}

.reviews-grade {
  display: flex;
  align-self: end;
  width: 150px;
  margin-bottom: 8px;
}

.reviews-grade img {
  width: 100%;
}

.reviews-slider {
  margin-top: 80px;
}

.reviews-slider__container {
  margin: -1px;
  padding: 1px;
}

.reviews-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}

.reviews-item {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #e3d7d7;
}

.reviews-item__header {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  line-height: 1.1;
}

.reviews-item__info {
  overflow: hidden;
}

.reviews-item__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding-top: 1px;
  border-radius: 100px;
  font-size: 20px;
  color: #fff;
  background-color: #354850;
}

.reviews-item__author {
  font-family: var(--font-semibold);
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.reviews-item__rating {
  margin-top: 5px;
}

.reviews-item__rating::before {
  content: '';
  display: block;
  width: 90px;
  height: 16px;
  background: var(--icon-stars) center no-repeat;
  background-size: contain;
}

.reviews-item__date {
  margin-top: 8px;
  font-size: 14px;
  color: #9b9b9b;
}

.reviews-item__comment {
  margin-top: 25px;
  font-size: 18px;
  color: #000;
}

.reviews-iframe {
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews-iframe iframe {
  width: 100% !important;
  max-width: 560px !important;
  height: 800px !important;
  border: 1px solid rgba(199, 197, 197, 0.37) !important;
}

@media (max-width: 1639.98px) {
  .reviews {
    margin-top: 120px;
  }

  .reviews-slider {
    margin-top: 60px;
  }

  .reviews-slider__wrapper:not([id]) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1279.98px) {
  .reviews {
    margin-top: 100px;
  }

  .reviews-slider {
    margin-top: 50px;
  }

  .reviews-slider__wrapper:not([id]) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .reviews-iframe {
    margin-top: 30px;
  }
}

@media (max-width: 1023.98px) {
  .reviews {
    margin-top: 80px;
  }
}

@media (max-width: 767.98px) {
  .reviews {
    margin-top: 65px;
  }

  .reviews-header {
    grid-template-columns: 1fr;
  }

  .reviews-grade {
    justify-self: center;
    order: -1;
    margin-bottom: 0;
  }

  .reviews-title {
    margin-top: 30px;
    text-align: center;
  }

  .reviews-slider {
    margin-top: 40px;
  }

  .reviews-slider__wrapper:not([id]) {
    display: grid;
    grid-template-columns: 1fr;
  }

  .reviews-item {
    border-radius: 10px;
  }
}

@media (max-width: 575.98px) {
  .reviews {
    margin-top: 50px;
  }

  .reviews-title {
    margin-top: 20px;
  }

  .reviews-slider {
    margin-top: 30px;
  }

  .reviews-slider__wrapper:not([id]) .reviews-item {
    width: 80%;
  }

  .reviews-item {
    padding: 20px;
  }

  .reviews-item__avatar {
    width: 36px;
    height: 36px;
  }

  .reviews-item__author {
    font-size: 16px;
  }

  .reviews-item__rating {
    margin-top: 4px;
  }

  .reviews-item__date {
    margin-top: 6px;
    font-size: 13px;
  }

  .reviews-item__comment {
    margin-top: 20px;
    font-size: 15px;
  }
}
.referral {
  margin-top: 130px;
}
.referral-slider {
  margin-top: 80px;
  counter-reset: num;
}
.referral-slider__wrapper:not([id]) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 0;
  column-gap: 20px;
}
.referral-item {
  counter-increment: num;
}
.referral-item__img {
  position: relative;
  display: flex;
  padding: 85px 95px 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #f7f7f7;
}
.referral-item__img img {
  width: 100%;
  aspect-ratio: 768/1470;
  object-fit: cover;
  object-position: 50% 0;
}
.referral-item__img a {
  position: absolute;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  bottom: 35px;
  left: 35px;
  right: 35px;
  padding: 15px 10px;
  font-family: var(--font-medium);
  font-size: 16px;
  line-height: 1.1;
  border-radius: 10px;
  color: var(--color-blue-dark);
  background-color: #fff;
  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}
.referral-item__img a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.referral-item__img a::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  mask: var(--icon-link) center no-repeat;
  -webkit-mask: var(--icon-link) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue-dark);
  transition: background-color 0.25s ease;
}
.referral-item__img a:hover {
  color: #fff;
  background-color: var(--color-blue);
}
.referral-item__img a:hover::before {
  background-color: #fff;
}
.referral-item__img::before {
  content: 'Шаг ' counter(num);
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  padding: 10px 15px;
  font-family: var(--font-medium);
  font-size: 16px;
  line-height: 1;
  color: #434343;
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid rgba(199, 197, 197, 0.37);
}
.referral-item__img--lg img {
  transform: scale(1.6);
  transform-origin: 50% 0;
  object-fit: contain;
}
.referral-item__title {
  margin-top: 30px;
  font-family: var(--font-semibold);
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
}
.referral-item__title a {
  display: block;
  color: var(--color-blue);
  transition: color 0.25s ease;
}
.referral-item__title a::after {
  content: '';
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-left: 8px;
  mask: var(--icon-arrow) center no-repeat;
  -webkit-mask: var(--icon-arrow) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue);
  transition: background-color 0.25s ease;
}
.referral-item__title a:hover {
  color: var(--color-blue-hover);
}
.referral-item__title a:hover::after {
  background-color: var(--color-blue-hover);
}
.referral-order {
  margin-top: 80px;
  text-align: center;
}

@media (max-width: 1639.98px) {
  .referral {
    margin-top: 120px;
  }
  .referral-slider {
    margin-top: 60px;
  }
  .referral-item__title {
    font-size: 18px;
  }
  .referral-item__img {
    padding: 85px 65px 0;
  }
  .referral-item__img a {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  .referral-order {
    margin-top: 60px;
  }
}
@media (max-width: 1279.98px) {
  .referral {
    margin-top: 100px;
  }
  .referral-slider {
    margin-top: 50px;
  }
  .referral-slider__wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
  }
  .referral-item__img {
    padding: 85px 70px 0;
  }
  .referral-order {
    margin-top: 50px;
  }
}
@media (max-width: 1023.98px) {
  .referral {
    margin-top: 80px;
  }
  .referral-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .referral {
    margin-top: 65px;
  }
  .referral-slider {
    margin-top: 40px;
  }
  .referral-item__img {
    padding: 85px 60px 0;
    border-radius: 10px;
  }
  .referral-item__title {
    margin-top: 25px;
  }
  .referral-order {
    margin-top: 40px;
  }
  .referral-order__btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .referral {
    margin-top: 50px;
  }
  .referral-title br {
    display: none;
  }
  .referral-slider {
    margin-top: 30px;
  }
  .referral-slider__wrapper:not([id]) {
    grid-template-columns: 1fr;
  }
  .referral-slider__wrapper:not([id]) .referral-item {
    width: 80%;
  }
  .referral-item__title {
    margin-top: 20px;
    font-size: 16px;
  }
  .referral-item__img {
    padding: 65px 70px 0;
  }
  .referral-item__img::before {
    top: 15px;
    left: 15px;
    padding: 6px 10px;
    font-size: 14px;
  }
  .referral-order {
    margin-top: 30px;
  }
}
.materials {
  margin-top: 130px;
}
.materials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 80px;
}
.materials-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 35px 45px 40px;
  border-radius: 20px;
  border: 1px solid #e3d7d7;
}
.materials-item::before {
  content: '';
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  top: 20px;
  right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.materials-item__title {
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.materials-item__descr {
  margin: 50px 0 auto;
}
.materials-item__details {
  margin-top: 50px;
}
.materials-item__details-btn {
  width: 165px;
  height: 48px;
  font-size: 16px;
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
}
.materials-item__details-btn::after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  mask: var(--icon-arrow-sm) center no-repeat;
  -webkit-mask: var(--icon-arrow-sm) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue);
  transition: background-color 0.25s ease;
}
.materials-item__details-btn:hover {
  color: #fff;
  background-color: var(--color-blue);
}
.materials-item__details-btn:hover::after {
  background-color: #fff;
}
.materials-item--manuals::before {
  background-image: var(--icon-square-check);
}
.materials-item--telegram::before {
  background-image: var(--icon-square-tg);
}

@media (max-width: 1639.98px) {
  .materials {
    margin-top: 120px;
  }
  .materials-grid {
    margin-top: 60px;
  }
  .materials-item {
    padding: 30px 30px 35px;
  }
  .materials-item__title {
    font-size: 28px;
  }
  .materials-item__descr {
    margin-top: 40px;
  }
}
@media (max-width: 1279.98px) {
  .materials {
    margin-top: 100px;
  }
  .materials-grid {
    margin-top: 50px;
  }
  .materials-item__descr br {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .materials {
    margin-top: 80px;
  }
  .materials-item::before {
    width: 42px;
    height: 42px;
  }
  .materials-item__title {
    font-size: 24px;
  }
  .materials-item__descr {
    margin-top: 30px;
  }
  .materials-item__details {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .materials {
    margin-top: 65px;
  }
  .materials-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }
  .materials-item {
    border-radius: 10px;
  }
  .materials-item::before {
    width: 36px;
    height: 36px;
  }
  .materials-item__title {
    font-size: 20px;
  }
  .materials-item__descr {
    margin-top: 20px;
  }
  .materials-item__descr br {
    display: inline;
  }
  .materials-item__details {
    margin-top: 30px;
  }
}
@media (max-width: 575.98px) {
  .materials {
    margin-top: 50px;
  }
  .materials-grid {
    row-gap: 8px;
    margin-top: 30px;
  }
  .materials-item {
    padding: 20px 20px 25px;
  }
  .materials-item::before {
    width: 32px;
    height: 32px;
  }
  .materials-item__title {
    font-size: 18px;
  }
  .materials-item__details {
    margin-top: 25px;
  }
  .materials-item__details-btn {
    width: 135px;
    height: 42px;
    font-size: 14px;
  }
}
.content > *:first-child {
  margin-top: 0 !important;
}
.content > *:last-child {
  margin-bottom: 0 !important;
}
.content h1 {
  margin-bottom: 40px;
}
.content h1 + h2,
.content h1 + h3,
.content h1 + h4 {
  margin-top: 0;
}
.content h2,
.content h3,
.content h4 {
  margin: 60px 0 28px;
}
.content p,
.content ul,
.content ol {
  margin-bottom: 1.25em;
}
.content li {
  position: relative;
  margin-bottom: 0.75em;
}
.content li:last-child {
  margin-bottom: 0;
}
.content ul,
.content ol {
  padding-left: 1.5em;
}
.content ul {
  list-style-type: disc;
}
.content ol {
  list-style-type: decimal;
}
.content a {
  display: inline-block;
  color: var(--color-blue-dark);
  transition: color 0.25s ease;
}
.content a:hover {
  color: var(--color-blue);
}
.content blockquote {
  position: relative;
  padding: 30px 30px 30px 65px;
  border-radius: 20px;
  background-color: var(--color-blue-light);
}
.content blockquote::before {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  top: 35px;
  bottom: 35px;
  left: 35px;
  background-color: var(--color-blue-dark);
}
.content blockquote > *:first-child {
  margin-top: 0;
}
.content blockquote > *:last-child {
  margin-bottom: 0;
}
.content img {
  display: block;
  margin: 1.75em 0;
  border-radius: 20px;
}
.content .table-wrapper {
  margin: 1.75em 0;
  overflow-x: auto;
}
.content table {
  width: 100%;
  font-size: 18px;
  border-collapse: collapse;
}
.content table tr:first-child th,
.content table tr:first-child td {
  padding: 6px 30px;
  font-family: var(--font-bold);
  text-align: center;
  background-color: var(--color-blue-light);
}
.content table th,
.content table td {
  padding: 25px 30px;
  border: 1px solid #eee;
}
.content table p {
  margin-bottom: 0;
}
.content-page__content {
  line-height: 1.4;
  color: var(--color-text-dark);
}

@media (min-width: 1024px) {
  .content h2 {
    font-size: 38px;
  }
  .content h3 {
    font-size: 32px;
  }
  .content h4 {
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .content h1 {
    font-size: 66px;
  }
  .content h2 {
    font-size: 40px;
  }
}
@media (min-width: 1640px) {
  .content h1 {
    font-size: 70px;
  }
}
@media (max-width: 1639.98px) {
  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 25px;
  }
  .content table th,
  .content table td {
    padding: 20px 25px;
  }
}
@media (max-width: 1023.98px) {
  .content h2,
  .content h3,
  .content h4 {
    margin: 50px 0 25px;
  }
  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 20px;
  }
  .content table th,
  .content table td {
    padding: 15px 20px;
  }
}
@media (max-width: 767.98px) {
  .content h1 {
    margin-bottom: 30px;
  }
  .content h2,
  .content h3,
  .content h4 {
    margin: 45px 0 22px;
  }
  .content blockquote,
  .content img {
    border-radius: 10px;
  }
}
@media (max-width: 575.98px) {
  .content h1 {
    margin-bottom: 25px;
  }
  .content h2,
  .content h3,
  .content h4 {
    margin: 40px 0 18px;
  }
  .content blockquote {
    padding: 20px 20px 20px 40px;
  }
  .content blockquote::before {
    top: 25px;
    bottom: 25px;
    left: 20px;
  }
  .content .table-wrapper {
    margin: 1.75em -15px;
    padding: 0 15px;
    scrollbar-width: none;
  }
  .content .table-wrapper ::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
  .content table {
    font-size: 15px;
  }
  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 15px;
  }
  .content table th,
  .content table td {
    padding: 10px 15px;
  }
}
.faq--block {
  margin-top: 130px;
}
.faq-list {
  margin-top: 80px;
}
.faq-item {
  border-bottom: 1px solid #eff0f0;
}
.faq-item:first-child {
  border-top: 1px solid #eff0f0;
}
.faq-item__question {
  position: relative;
  padding: 30px 180px 30px 0;
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  color: #000;
  cursor: pointer;
  transition: color 0.25s ease;
}
.faq-item__question::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  background: var(--icon-angle-down) center no-repeat;
  background-size: contain;
  transition: transform 0.25s ease;
}
.faq-item__answer {
  display: none;
  padding: 0 180px 30px 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.faq-item.is-active .faq-item__question::after {
  transform: rotate(-180deg);
}
.faq-item.is-active .faq-item__answer {
  opacity: 1;
}

@media (max-width: 1639.98px) {
  .faq--block {
    margin-top: 120px;
  }
  .faq-list {
    margin-top: 60px;
  }
  .faq-item__question {
    padding-right: 120px;
    font-size: 28px;
  }
  .faq-item__answer {
    padding-right: 120px;
  }
}
@media (max-width: 1279.98px) {
  .faq--block {
    margin-top: 100px;
  }
  .faq-list {
    margin-top: 50px;
  }
  .faq-item__answer {
    padding-right: 0;
  }
}
@media (max-width: 1023.98px) {
  .faq--block {
    margin-top: 80px;
  }
  .faq-item__question {
    padding: 25px 100px 25px 0;
    font-size: 24px;
  }
  .faq-item__question::before,
  .faq-item__question::after {
    width: 18px;
    height: 18px;
  }
  .faq-item__answer {
    padding-bottom: 25px;
  }
}
@media (max-width: 767.98px) {
  .faq--block {
    margin-top: 65px;
  }
  .faq-list {
    margin-top: 40px;
  }
  .faq-item__question {
    padding: 20px 80px 20px 0;
    font-size: 20px;
  }
  .faq-item__answer {
    padding-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .faq--block {
    margin-top: 50px;
  }
  .faq-list {
    margin-top: 30px;
  }
  .faq-item__question {
    padding: 15px 60px 15px 0;
    font-size: 16px;
  }
  .faq-item__question::before,
  .faq-item__question::after {
    width: 16px;
    height: 16px;
  }
  .faq-item__answer {
    padding-bottom: 15px;
  }
}
@media (hover: hover) {
  .faq-item__question:hover {
    color: var(--color-blue-dark);
  }
}
.footer {
  margin: 130px 25px 0;
  padding-top: 70px;
  overflow: hidden;
  border-radius: 40px 40px 0 0;
  background-color: #091c4a;
}
.footer-top__body {
  display: grid;
  grid-template-columns: 1.5fr 1fr auto;
  column-gap: 100px;
}
.footer-logo__link {
  position: relative;
  display: flex;
}
.footer-logo__link img {
  width: 210px;
}
/* Оверлей «всему» на PPM-лого в футере — как на основном сайте */
.footer-logo .logo-white__wrap {
  position: relative;
}
.footer-logo .logo-vsemu-white {
  position: absolute;
  top: -81%;
  left: 52%;
  width: 34.5%;
  height: auto;
  pointer-events: none;
}

.footer-info {
  margin-top: 50px;
  font-size: 16px;
  color: #fff;
}
.footer-requisites {
  margin-top: 60px;
  font-size: 16px;
  color: #fff;
}
.footer-requisites ul {
  display: grid;
  row-gap: 10px;
  margin-top: 18px;
}
.footer-grade {
  display: flex;
  width: 150px;
  margin-top: 30px;
}
.footer-grade img {
  width: 100%;
}
.footer-menu {
  grid-column: 2/3;
  grid-row: 1/6;
  margin-top: -10px;
}
.footer-menu__list {
  display: flex;
  flex-direction: column;
}
.footer-menu__list > li > a {
  padding: 7px 0;
  font-size: 14px;
}
.footer-menu__list > li.has-children {
  margin-bottom: 30px;
}
.footer-menu__list > li:first-child > a {
  font-size: 16px;
}
.footer-menu__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}
.footer-menu__link {
  color: #fff;
  transition: opacity 0.25s ease;
}
.footer-menu__link:hover {
  opacity: 0.5;
}
.footer-menu__submenu a {
  padding: 5px 0;
  font-size: 16px;
}
.footer-order {
  grid-column: 3/4;
  grid-row: 1/5;
}
.footer-order__btn {
  width: 340px;
  height: 68px;
  font-size: 18px;
}
.footer-order__btn::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: url('/index_files/footer-order-card.svg') center no-repeat;
  background-size: contain;
}
.footer-qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  grid-column: 4/5;
  grid-row: 1/5;
}
.footer-qrcode__img {
  display: flex;
  width: 210px;
  height: 210px;
}
.footer-qrcode__descr {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.1;
  color: #fff;
}
.footer-middle {
  position: relative;
  margin-top: 70px;
  z-index: 2;
}
.footer-middle__body {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
}
.footer-links {
  display: grid;
  grid-auto-flow: column;
  column-gap: 50px;
}
.footer-links__item {
  font-size: 17px;
  line-height: 1.1;
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.25s ease;
}
.footer-links__item:hover {
  opacity: 1;
}
.footer-socials {
  display: grid;
  grid-auto-flow: column;
  column-gap: 8px;
}
.footer-socials__item {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.25s ease;
}
.footer-socials__item:hover {
  opacity: 0.5;
}
.footer-socials__item--vk {
  background-image: var(--icon-vk);
}
.footer-socials__item--telegram {
  background-image: var(--icon-telegram);
}
.footer-socials__item--dzen {
  background-image: var(--icon-dzen);
}
.footer-socials__item--max {
  background-image: var(--icon-max);
}
.footer-bottom {
  margin-top: 25px;
}
.footer-bottom__body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding-top: 35px;
  border-top: 1px solid #1e346a;
}
.footer-bottom .footer-grade,
.footer-bottom .footer-socials {
  display: none;
}
.footer-copyright,
.footer-developer {
  font-size: 13px;
  line-height: 1.1;
  color: #fff;
}
.footer-developer__link {
  color: #fff;
  transition: opacity 0.25s ease;
}
.footer-developer__link:hover {
  opacity: 0.5;
}
.footer-developer__link span,
.footer-developer__link br {
  display: none;
}
.footer-sign {
  display: flex;
  grid-column: 1/-1;
  margin-top: 40px;
}
.footer-sign img {
  width: 100%;
}
.footer-img {
  position: absolute;
  display: flex;
  width: 395px;
  right: 230px;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
.footer-img::before {
  content: '';
  position: absolute;
  width: 110%;
  padding-top: 110%;
  top: 0;
  left: -5%;
  z-index: -1;
  border-radius: 100%;
  background-color: #153173;
  filter: blur(60px);
}
.footer-img img {
  width: 100%;
  max-height: unset;
}

@media (max-width: 1639.98px) {
  .footer {
    margin: 120px 20px 0;
  }
  .footer-top__body {
    grid-template-columns: 1.1fr 1fr auto;
    column-gap: 60px;
  }
  .footer-info br {
    display: none;
  }
  .footer-qrcode__img {
    width: 140px;
    height: 140px;
  }
  .footer-links {
    column-gap: 30px;
  }
  .footer-links__item {
    font-size: 15px;
  }
  .footer-img {
    right: 135px;
  }
}
@media (max-width: 1279.98px) {
  .footer {
    margin: 100px 0 0;
    border-radius: 30px 30px 0 0;
  }
  .footer-top__body {
    grid-template-columns: 1fr 1fr auto;
  }
  .footer-qrcode {
    display: none;
  }
  .footer-middle__body {
    grid-template-columns: 1fr 2.1fr;
    align-items: end;
  }
  .footer-links {
    grid-auto-flow: row;
    justify-content: start;
    row-gap: 15px;
  }
  .footer-socials {
    justify-content: start;
  }
  .footer-bottom {
    margin-top: 35px;
  }
  .footer-bottom__body {
    grid-template-columns: 1fr 2.1fr;
  }
  .footer-img {
    right: 0;
  }
}
@media (max-width: 1023.98px) {
  .footer {
    margin-top: 80px;
    padding-top: 50px;
  }
  .footer-top__body {
    grid-template-columns: auto 1fr;
    align-items: start;
  }
  .footer-logo__link img {
    width: 200px;
  }
  .footer-info {
    margin-top: 10px;
    text-align: right;
  }
  .footer-info br {
    display: inline;
  }
  .footer-menu {
    grid-column: 1/2;
    grid-row: 2/6;
    margin-top: 0;
  }
  .footer-menu__item {
    font-size: 18px;
  }
  .footer-order {
    grid-column: 2/3;
    grid-row: unset;
    margin-top: 30px;
    text-align: right;
  }
  .footer-order__btn {
    height: 60px;
  }
  .footer-middle {
    margin-top: 50px;
  }
  .footer-middle__body {
    grid-template-columns: 1fr 1.5fr;
  }
  .footer-bottom__body {
    grid-template-columns: 1fr 1.5fr;
  }
  .footer-requisites,
  .footer-grade {
    grid-column: 2/3;
  }
  .footer-requisites {
    margin-top: 40px;
    text-align: right;
  }
  .footer-grade {
    margin-left: auto;
  }
  .footer-img {
    width: 265px;
  }
}
@media (max-width: 767.98px) {
  .footer {
    margin-top: 65px;
    padding-top: 40px;
    border-radius: 20px 20px 0 0;
  }
  .footer-info {
    order: -1;
    grid-column: 1/-1;
    margin-top: 0;
    text-align: left;
  }
  .footer-info br {
    display: none;
  }
  .footer-logo {
    grid-column: 1/-1;
    margin: 35px 0 25px;
  }
  .footer-logo__link img {
    width: 170px;
  }
  .footer-menu {
    grid-row: 3/6;
  }
  .footer-menu__list > li.has-children {
    margin-bottom: 20px;
  }
  .footer-requisites {
    margin-top: 12px;
  }
  .footer-order {
    grid-column: 1/-1;
    text-align: left;
  }
  .footer-order__btn {
    width: 300px;
    height: 56px;
    font-size: 16px;
  }
  .footer-middle {
    margin-top: 40px;
  }
  .footer-middle__body {
    grid-template-columns: 1fr;
  }
  .footer-socials {
    margin-top: 40px;
  }
  .footer-bottom__body {
    grid-template-columns: 1fr;
  }
  .footer-developer {
    margin-top: 30px;
  }
  .footer-developer span {
    display: inline;
  }
}
@media (max-width: 575.98px) {
  .footer {
    margin-top: 50px;
    padding-top: 30px;
  }
  .footer-top__body {
    display: flex;
    flex-direction: column;
  }
  .footer-top .footer-grade {
    display: none;
  }
  .footer-info {
    max-width: 360px;
    font-size: 13px;
  }
  .footer-logo {
    margin: 25px 0 20px;
  }
  .footer-logo__link img {
    width: 155px;
  }
  .footer-menu__list > li > a {
    font-size: 13px;
  }
  .footer-menu__list > li.has-children {
    margin-bottom: 10px;
  }
  .footer-menu__list > li:first-child > a {
    font-size: 15px;
  }
  .footer-menu__submenu a {
    font-size: 15px;
  }
  .footer-order {
    margin-top: 25px;
  }
  .footer-order__btn {
    width: 260px;
    height: 50px;
    font-size: 14px;
  }
  .footer-requisites {
    order: 5;
    margin-top: 30px;
    font-size: 13px;
    text-align: left;
  }
  .footer-requisites br {
    display: none;
  }
  .footer-middle {
    margin-top: 25px;
  }
  .footer-middle .footer-socials {
    display: none;
  }
  .footer-links__item {
    font-size: 13px;
  }
  .footer-bottom {
    position: relative;
    margin-top: 30px;
    z-index: 2;
  }
  .footer-bottom__body {
    padding-top: 30px;
  }
  .footer-bottom .footer-grade {
    display: flex;
  }
  .footer-bottom .footer-socials {
    display: grid;
  }
  .footer-grade {
    grid-column: unset;
    margin: 0;
  }
  .footer-socials {
    margin-top: 30px;
  }
  .footer-copyright {
    margin-top: 30px;
  }
  .footer-developer br {
    display: inline;
  }
  .footer-img {
    width: 200px;
    z-index: -1;
  }
  .footer-sign {
    margin-top: 30px;
    z-index: -2;
  }
}
.article-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 600px;
  padding: 90px 120px;
  overflow: hidden;
  z-index: 1;
  border-radius: 30px;
}
.article-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 20px;
}
.article-tags__item {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.1;
  white-space: nowrap;
  border-radius: 100px;
  color: #fff;
  background-color: rgba(30, 27, 27, 0.5);
}
.article-title {
  text-align: center;
  color: #fff;
}
.article-img {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}
.article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 25%;
}
.article-img::before,
.article-img::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.article-img::before {
  z-index: 1;
  mask: linear-gradient(
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 25%,
    rgb(0, 0, 0) 50%,
    rgb(0, 0, 0) 100%
  );
  -webkit-mask: linear-gradient(
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 25%,
    rgb(0, 0, 0) 50%,
    rgb(0, 0, 0) 100%
  );
  backdrop-filter: blur(8px);
}
.article-img::after {
  z-index: 2;
}
.article-img--green::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(18, 212, 88, 0.5) 100%
  );
}
.article-img--red::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(238, 37, 19, 0.5) 100%
  );
}
.article-img--blue::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(79, 143, 210, 0.5) 100%
  );
}
.article-img--dark::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(1, 49, 126, 0.5) 100%
  );
}
.article-body {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 370px;
  column-gap: 150px;
  margin-top: 60px;
}
.article-main {
  min-width: 0;
}
.article-main .article-toc {
  display: none;
}
.article-sidebar {
  position: sticky;
  top: 100px;
}
.article-sidebar .article-toc__item:nth-child(n + 6) {
  display: none;
}
.article-before {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.1;
}
.article-date {
  color: #8a8a8a;
}
.article-share {
  display: flex;
  padding: 5px 0;
  font-family: var(--font-regular);
  font-size: inherit;
  line-height: inherit;
  color: #8a8a8a;
  cursor: pointer;
  transition: filter 0.25s ease;
}
.article-share::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin: -2px 0 0 6px;
  background: var(--icon-share) center no-repeat;
  background-size: contain;
}
.article-share:hover {
  filter: brightness(0.7);
}
.article-toc {
  padding: 20px;
  border-radius: 10px;
  background-color: #f7f7f7;
}
.article-toc__title {
  font-family: var(--font-semibold);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.article-toc__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 15px;
  margin-top: 20px;
  overflow-y: auto;
}
.article-toc__list.has-scroll {
  padding-right: 10px;
}
.article-toc__list.compensate-scrollbar {
  padding-right: 16px;
}
.article-toc__list::-webkit-scrollbar {
  width: 6px;
}
.article-toc__list::-webkit-scrollbar-track {
  background-color: #ebebeb;
  border-radius: 10px;
}
.article-toc__list::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 10px;
}
@-moz-document url-prefix() {
  .article-toc__list {
    scrollbar-width: thin;
  }
}
.article-toc__item {
  font-family: var(--font-semibold);
  font-size: 16px;
  color: #8a8a8a;
  cursor: pointer;
  transition: color 0.25s ease;
}
.article-toc__item:hover {
  color: #000;
}
.article-content {
  margin-top: 60px;
  line-height: 1.4;
  color: var(--color-text-dark);
}
.article-content--one {
  margin-top: 30px;
}
.article-content--two,
.article-content--three {
  margin-top: 60px;
}
.article-exchange {
  margin-top: 60px;
  text-align: center;
}
.article-exchange__btn {
  max-width: 340px;
  width: 100%;
}
.article-exchange__btn::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: var(--icon-telegram-sm) center no-repeat;
  background-size: contain;
}
.article-payments {
  margin-top: 60px;
}
.article-payments .payments-slider {
  margin-top: 0;
}
.article-payments .payments-order__btn {
  max-width: 325px;
  width: 100%;
}
.article-registration {
  margin-top: 60px;
}
.article-registration .registration-body {
  margin-top: 0;
}
.article-related {
  margin-top: 40px;
}
.article-related:first-child {
  margin-top: 0;
}
.article-related__title {
  font-family: var(--font-semibold);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}
.article-related__grid {
  display: grid;
  row-gap: 20px;
  margin-top: 30px;
}
.article-related__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.article-related__item:last-child {
  padding-bottom: 0;
  border: none;
}
.article-related__item-link {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
}
.article-related__item-link:hover .article-related__item-title {
  color: var(--color-blue-dark);
}
.article-related__item-img {
  position: relative;
  width: 75px;
  padding-top: 80%;
  border-radius: 10px;
  overflow: hidden;
}
.article-related__item-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: 50% 25%;
}
.article-related__item-img::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.article-related__item-img--green::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(18, 212, 88, 0.5) 100%
  );
}
.article-related__item-img--red::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(238, 37, 19, 0.5) 100%
  );
}
.article-related__item-img--blue::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(79, 143, 210, 0.5) 100%
  );
}
.article-related__item-img--dark::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(1, 49, 126, 0.5) 100%
  );
}
.article-related__item-title {
  align-self: center;
  max-width: 445px;
  font-family: var(--font-semibold);
  font-size: 18px;
  line-height: 1.1;
  color: var(--color-text-dark);
  transition: color 0.25s ease;
}

@media (min-width: 1280px) {
  .article-title {
    font-size: 66px;
  }
  .article-payments .payments-item {
    padding: 20px;
  }
  .article-payments .payments-item__title {
    font-size: 20px;
  }
  .article-payments .payments-item__icon {
    width: 36px;
    height: 36px;
    right: 20px;
  }

  .article-payments .payments-item__img {
    height: 36px;
    margin-top: 20px;
  }
  .article-payments .payments-item__descr {
    margin-top: 20px;
    font-size: 18px;
  }

  .payments-item__descr {
    font-size: 20px;
  }

  .article-payments .payments-order {
    margin-top: 50px;
  }
  .article-registration .registration-body {
    grid-template-columns: 1.6fr 1fr;
    column-gap: 45px;
    padding: 40px 45px 60px;
    background-size: 768px;
    background-position: 50% 200px;
  }
  .article-registration .registration-header {
    margin-bottom: 45px;
  }
  .article-registration .registration-info {
    grid-template-columns: 1fr;
  }
  .article-registration .registration-subtitle {
    margin-right: -45px;
    font-size: 36px;
  }
  .article-registration .registration-descr {
    font-size: 20px;
  }
  .article-registration .registration-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .article-registration .registration-qrcode__img {
    width: 150px;
    height: 150px;
  }
  .article-registration .registration-qrcode__descr {
    max-width: unset;
    margin: 25px 0 0;
  }
  .article-registration .registration-order::before {
    display: none;
  }
  .article-registration .registration-order__btn {
    align-self: stretch;
    height: 64px;
    margin-top: 45px;
    font-size: 18px;
  }
  .article-registration .registration-img {
    position: relative;
    align-self: end;
    margin: 0 0 -60px;
  }
  .article-registration .registration-img::before {
    content: '';
    position: absolute;
    display: block;
    width: 72px;
    height: 84px;
    top: -20px;
    right: -30px;
    background: url(./3d-secure.svg) center no-repeat;
    background-size: contain;
  }
  .header-action .login-wrapper {
    order: 1;
  }
  .header-action .header-action__btn {
    order: 2;
  }
}
@media (min-width: 1640px) {
  .article-title {
    font-size: 70px;
  }
  .article-content {
    font-size: 22px;
  }
  .article-payments .payments-item {
    padding: 20px 25px 30px;
  }
  .article-payments .payments-item__title {
    font-size: 24px;
  }
  .article-payments .payments-item__icon {
    width: 40px;
    height: 40px;
    right: 25px;
  }
  .article-payments .payments-item__img {
    height: 50px;
    margin-top: 30px;
  }
  .article-payments .payments-item__descr {
    margin-top: 30px;
    font-size: 20px;
  }
  .article-registration .registration-body {
    grid-template-columns: 2.1fr 1fr;
    column-gap: 60px;
    padding: 50px 60px 75px;
  }
  .article-registration .registration-header {
    margin-bottom: 60px;
  }
  .article-registration .registration-info {
    grid-template-columns: auto 1fr;
  }
  .article-registration .registration-subtitle {
    margin-right: 0;
    font-size: 40px;
  }
  .article-registration .registration-qrcode {
    align-items: flex-start;
  }
  .article-registration .registration-qrcode__descr {
    max-width: 150px;
  }
  .article-registration .registration-order::before {
    display: block;
    width: 90px;
    height: 104px;
  }
  .article-registration .registration-img {
    margin: 0 0 -75px;
  }
  .article-registration .registration-img::before {
    display: none;
  }
}
@media (max-width: 1639.98px) {
  .article-header {
    padding: 60px;
  }
  .article-body {
    column-gap: 80px;
  }
}
@media (max-width: 1279.98px) {
  .article-header {
    min-height: 540px;
    padding: 45px;
  }
  .article-tags {
    gap: 10px;
  }
  .article-tags__item {
    font-size: 12px;
  }
  .article-body {
    display: block;
  }
  .article-main .article-toc {
    display: block;
  }
  .article-sidebar {
    position: unset;
    top: unset;
    margin-top: 60px;
  }
  .article-sidebar .article-toc {
    display: none;
  }
  .article-toc {
    margin-top: 30px;
  }
  .article-related {
    margin-top: 0;
  }
  .article-related__title {
    font-size: 38px;
  }
}
@media (max-width: 1023.98px) {
  .article-header {
    min-height: 480px;
    padding: 30px;
  }
  .article-body {
    margin-top: 45px;
  }
  .article-content--two,
  .article-content--three {
    margin-top: 50px;
  }
  .article-exchange {
    margin-top: 50px;
  }
  .article-sidebar,
  .article-payments {
    margin-top: 50px;
  }
  .article-registration {
    margin-top: 80px;
  }
  .article-related__grid {
    margin-top: 25px;
  }
}
@media (max-width: 767.98px) {
  .article-header {
    min-height: 420px;
    border-radius: 10px;
  }
  .article-tags {
    gap: 6px;
  }
  .article-tags__item {
    padding: 7px 8px;
  }
  .article-toc__title {
    font-size: 20px;
  }
  .article-body {
    margin-top: 30px;
  }
  .article-content--two,
  .article-content--three {
    margin-top: 45px;
  }
  .article-exchange {
    margin-top: 45px;
  }
  .article-exchange__btn {
    max-width: unset;
  }
  .article-payments .payments-order__btn {
    max-width: unset;
  }
  .article-sidebar,
  .article-payments,
  .article-registration {
    margin-top: 45px;
  }
  .article-related__title {
    font-size: 32px;
  }
}
@media (max-width: 575.98px) {
  .article-header {
    padding: 25px 20px;
  }
  .article-tags__item {
    font-size: 11px;
  }
  .article-before {
    font-size: 12px;
  }
  .article-share::after {
    margin-top: -3px;
  }
  .article-toc {
    margin-top: 25px;
  }
  .article-toc__title {
    font-size: 16px;
  }
  .article-toc__list {
    row-gap: 12px;
    margin-top: 15px;
  }
  .article-toc__item {
    font-size: 14px;
  }
  .article-body {
    margin-top: 25px;
  }
  .article-content {
    margin-top: 25px;
  }
  .article-content--two,
  .article-content--three {
    margin-top: 40px;
  }
  .article-exchange {
    margin-top: 40px;
  }
  .article-sidebar,
  .article-payments,
  .article-registration {
    margin-top: 40px;
  }
  .article-related__title {
    font-size: 26px;
  }
  .article-related__grid {
    margin-top: 20px;
  }
  .article-related__item-title {
    font-size: 16px;
  }
}
.event-title {
  padding: 0 30px;
}
.event-article {
  display: grid;
  grid-template-columns: 1fr 240px;
  column-gap: 150px;
}
.event-article--top {
  margin-top: 80px;
}
.event-article--bottom {
  margin-top: 65px;
}
.event-content {
  line-height: 1.4;
  color: var(--color-text-dark);
}
.event-category {
  display: flex;
}
.event-category__label {
  padding: 8px 10px;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  color: #7180a0;
  background-color: rgba(12, 82, 235, 0.1);
}
.event-params {
  margin-top: 22px;
}
.event-param {
  position: relative;
  padding-left: 26px;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}
.event-param::before {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.event-param--date::before {
  background-image: var(--icon-calendar);
}
.event-param--place {
  margin-top: 15px;
}
.event-param--place::before {
  background-image: var(--icon-placemark);
}
.event-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 65px;
}
.event-photo {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.event-photo__link {
  position: relative;
  display: block;
  padding-top: 68%;
}
.event-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.event-share {
  display: flex;
  grid-column: 1/-1;
  margin-top: 45px;
}
.event-share__btn {
  display: flex;
  padding: 5px 0;
  font-family: var(--font-regular);
  font-size: 14px;
  line-height: 1.1;
  color: #8a8a8a;
  cursor: pointer;
  transition: filter 0.25s ease;
}
.event-share__btn::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin: -2px 0 0 6px;
  background: var(--icon-share) center no-repeat;
  background-size: contain;
}
.event-share__btn:hover {
  filter: brightness(0.7);
}

@media (min-width: 1640px) {
  .event-content {
    font-size: 22px;
  }
}
@media (max-width: 1639.98px) {
  .event-title {
    padding: 0;
  }
  .event-article {
    grid-template-columns: 1fr 200px;
    column-gap: 80px;
  }
  .event-article--top {
    margin-top: 60px;
  }
  .event-param {
    padding-left: 24px;
    font-size: 16px;
  }
  .event-param::before {
    width: 18px;
    height: 18px;
    top: -1px;
  }
}
@media (max-width: 1279.98px) {
  .event-article {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }
  .event-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    margin-bottom: 30px;
    order: -1;
  }
  .event-params {
    display: flex;
    max-width: 100%;
  }
  .event-param {
    white-space: nowrap;
  }
  .event-param--place {
    margin: 0 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .event-gallery {
    margin-top: 50px;
  }
  .event-share {
    margin-top: 40px;
  }
}
@media (max-width: 1023.98px) {
  .event-gallery {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .event-article {
    margin-top: 35px;
  }
  .event-category__label {
    font-size: 14px;
  }
  .event-info {
    margin-bottom: 25px;
  }
  .event-gallery {
    margin-top: 35px;
  }
  .event-share {
    margin-top: 25px;
  }
}
@media (max-width: 575.98px) {
  .event-article {
    margin-top: 25px;
  }
  .event-info {
    margin-bottom: 20px;
  }
  .event-category__label {
    padding: 6px 8px;
    font-size: 12px;
  }
  .event-params {
    margin-top: 15px;
  }
  .event-param {
    padding-left: 22px;
    font-size: 14px;
  }
  .event-param::before {
    width: 16px;
    height: 16px;
  }
  .event-param--place {
    margin-left: 15px;
  }
  .event-gallery {
    gap: 8px;
    margin-top: 25px;
  }
  .event-share {
    margin-top: 20px;
  }
  .event-share__btn {
    font-size: 12px;
  }
  .event-share__btn::after {
    margin-top: -3px;
  }
}
@media (hover: hover) {
  .event-photo__link:hover img {
    transform: scale(1.15);
  }
}
.achievements {
  margin-top: 130px;
}
.achievements-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 60px;
  margin-top: 80px;
}
.achievements-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.achievements-item__icon {
  display: flex;
  width: 130px;
}
.achievements-item__icon img {
  width: 100%;
}
.achievements-item__title {
  margin-top: 25px;
  font-family: var(--font-semibold);
  font-size: 22px;
  line-height: 1.2;
  color: #000;
}
.achievements-item__descr {
  margin-top: 25px;
  font-size: 20px;
  line-height: 1.2;
  color: #524e4e;
}

@media (max-width: 1639.98px) {
  .achievements {
    margin-top: 120px;
  }
  .achievements-grid {
    row-gap: 50px;
    margin-top: 60px;
  }
  .achievements-item__icon {
    width: 120px;
  }
  .achievements-item__title {
    font-size: 20px;
  }
  .achievements-item__descr {
    font-size: 18px;
  }
}
@media (max-width: 1279.98px) {
  .achievements {
    margin-top: 100px;
  }
  .achievements-grid {
    margin-top: 50px;
  }
}
@media (max-width: 1023.98px) {
  .achievements {
    margin-top: 80px;
  }
  .achievements-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
  }
}
@media (max-width: 767.98px) {
  .achievements {
    margin-top: 65px;
  }
  .achievements-grid {
    row-gap: 30px;
    margin-top: 40px;
  }
  .achievements-item__icon {
    width: 100px;
  }
  .achievements-item__title {
    margin-top: 20px;
    font-size: 18px;
  }
  .achievements-item__descr {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .achievements {
    margin-top: 50px;
  }
  .achievements-grid {
    row-gap: 20px;
    margin-top: 30px;
  }
  .achievements-item__icon {
    width: 70px;
  }
  .achievements-item__title {
    margin-top: 10px;
    font-size: 14px;
  }
  .achievements-item__descr {
    margin-top: 10px;
    font-size: 12px;
  }
}
.feedback-form {
  max-width: 1020px;
  margin: 70px auto 0;
}
.feedback-form__inputs {
  grid-template-columns: 1fr 1fr;
}
.feedback-form__inputs textarea {
  grid-column: 1/-1;
  height: 160px;
}
.feedback-form__submit {
  margin-top: 30px;
}
.feedback-form__submit-btn {
  max-width: 475px;
  width: 100%;
}
.feedback-message {
  display: none;
}
.feedback-info {
  margin: 60px 0;
  font-size: 17px;
  text-align: center;
}

@media (max-width: 1639.98px) {
  .feedback-form {
    margin-top: 60px;
  }
  .feedback-info {
    margin: 50px 0;
  }
}
@media (max-width: 1279.98px) {
  .feedback-form {
    margin-top: 50px;
  }
  .feedback-info {
    margin: 40px 0;
  }
}
@media (max-width: 1023.98px) {
  .feedback-form__submit-btn {
    max-width: unset;
  }
}
@media (max-width: 767.98px) {
  .feedback-form {
    margin-top: 40px;
  }
  .feedback-form__inputs {
    grid-template-columns: 1fr;
  }
  .feedback-form__inputs textarea {
    height: 140px;
  }
  .feedback-form__submit {
    margin-top: 22px;
  }
  .feedback-info {
    margin: 30px 0;
  }
}
@media (max-width: 575.98px) {
  .feedback-form {
    margin-top: 30px;
  }
  .feedback-form__inputs textarea {
    height: 120px;
  }
  .feedback-form__submit {
    margin-top: 15px;
  }
  .feedback-info {
    margin: 25px 0;
    font-size: 15px;
  }
}
.error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 180px;
  flex: 1;
}
.error-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 1;
}
.error-body::before {
  content: '';
  position: absolute;
  width: 732px;
  height: 290px;
  top: -25px;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  background: url(./404.svg) center no-repeat;
  background-size: contain;
}
.error-title {
  margin-top: 0;
}
.error-info {
  margin-top: 25px;
  font-size: 17px;
  line-height: 1.2;
}
.error-info br {
  display: none;
}
.error-img {
  display: flex;
  max-width: 390px;
  margin-top: 40px;
}
.error-img img {
  width: 100%;
}
.error-gohome {
  margin-top: 50px;
}
.error-gohome__btn {
  width: 285px;
  font-size: 20px;
}

@media (max-width: 1639.98px) {
  .error {
    margin-top: 170px;
  }
}
@media (max-width: 1279.98px) {
  .error {
    margin-top: 150px;
  }
  .error-body::before {
    width: 680px;
    height: 270px;
    top: -20px;
  }
  .error-img {
    max-width: 360px;
  }
}
@media (max-width: 1023.98px) {
  .error {
    margin-top: 130px;
  }
  .error-body::before {
    width: 580px;
    height: 230px;
    top: -15px;
  }
  .error-img {
    max-width: 320px;
  }
  .error-gohome__btn {
    width: 260px;
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .error {
    margin-top: 110px;
  }
  .error-body::before {
    width: 460px;
    height: 180px;
  }
  .error-info br {
    display: inline;
  }
  .error-img {
    max-width: 300px;
  }
  .error-gohome__btn {
    width: 240px;
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .error {
    margin-top: 90px;
  }
  .error-body::before {
    width: 345px;
    height: 140px;
  }
  .error-info {
    margin-top: 20px;
    font-size: 15px;
  }
  .error-img {
    max-width: 280px;
    margin-top: 30px;
  }
  .error-gohome {
    margin-top: 40px;
  }
  .error-gohome__btn {
    width: 220px;
    font-size: 14px;
  }
}
.allPAge-faq__menu ul li a,
.allPAge-vacancy__title,
.allPAge-vacancy__hidden .text h5,
.allPAge-contact__bottom .tel,
.allPAge-contact__bottom .city,
.allPAge-contact__req {
  font-family: var(--font-semibold);
}

.allPAge-faq__head span svg {
  width: 20px;
}

@media (max-width: 1279.98px) {
  .allPAge-faq__head span svg {
    width: 18px;
  }
}

@media (max-width: 575.98px) {
  .allPAge-faq__head span svg {
    width: 16px;
  }
}

.shortcode .section-title {
  text-align: inherit;
}

.table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.25em;
}

.reviews-new__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
}

.reviews-new__item {
  width: 560px;
}

.reviews-new__title {
  font-size: 44px;
}

.reviews-new__title span {
  color: #4e8df8;
}

.reviews-new__grade {
  margin-top: 30px;
}

.otzovik-grade {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  align-items: center;
  height: 50px;
  padding: 0 9px;
  min-width: 144px;
}

.otzovik-grade__content {
  padding-left: 14px;
}

.otzovik-grade__content-count {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1em;
  color: #000;
}

.reviews-new__grade {
  height: 50px;
}

.reviews-new__grade a {
  display: inline-flex;
}

.otzovik-grade__content-title {
  color: #524e4e;
  font-size: 12px;
  line-height: 1.1em;
}

.reviews-new__iframe,
.otzovik {
  margin-top: 40px;
}

.otzovik {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 20px 40px;
  padding-bottom: 25px;
  height: 800px;
}

.otzovik__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.otzovik__head-title {
  font-size: 20px;
  line-height: 1.1em;
  color: #000;
  font-family: var(--font-semibold);
  display: inline-block;
  transition: 0.3s;
}

.otzovik__head-title:hover {
  color: #4e8df8;
}

.otzovik__head-link {
  display: inline-flex;
  align-items: center;
}

.otzovik__count {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.otzovik__count-star {
  display: flex;
  align-items: center;
}

.otzovik__count-text {
  padding-left: 8px;
  font-family: var(--font-semibold);
  font-size: 46px;
  color: #000;
  line-height: 1.1em;
}

.otzovik__count-bottom {
  margin-top: 6px;
  display: flex;
  align-items: center;
}

.otzovik__count-review {
  color: #524e4e;
  line-height: 1.1em;
  font-size: 14px;
}

.otzovik__count-recomend {
  padding-left: 16px;
  color: #000;
  font-size: 14px;
  line-height: 1.1em;
}

.otzovik__count-recomend span {
  color: #339a08;
}

.otzovik__count-btn {
  color: #c10a46;
  font-size: 16px;
  font-family: var(--font-semibold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fae7ec;
  border-radius: 5px;
  width: 160px;
  height: 40px;
  transition: 0.3s;
}

.otzovik__count-btn:hover {
  background-color: #c10a46;
  color: #fff;
}

.otzovik__body {
  margin-top: 34px;
}

.otzovik__body-item {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 14px;
  padding-bottom: 17px;
}

.otzovik__body-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.otzovik__body-user {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.otzovik__body-left {
  display: flex;
  align-items: center;
}

.otzovik__body-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.otzovik__body-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.otzovik__body-name {
  padding-left: 20px;
}

.otzovik__body-title {
  font-size: 17px;
  line-height: 1.1em;
  color: #000;
  font-family: var(--font-semibold);
}

.otzovik__body-date {
  margin-top: 6px;
  line-height: 1.1em;
  color: #524e4e;
  font-size: 12px;
}

.otzovik__body-star {
  display: inline-flex;
  background-color: #c10a46;
  height: 27px;
  width: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 6px 6px 6px 0;
}

.otzovik__body-count {
  padding-left: 6px;
  color: #fff;
  font-family: var(--font-bold);
  font-size: 16px;
  line-height: 1.1em;
}

.otzovik__body-subtitle {
  margin-top: 12px;
  color: #000;
  font-size: 15px;
  line-height: 1.3em;
  font-family: var(--font-semibold);
  width: 80%;
}

.otzovik__body-text {
  margin-top: 10px;
  color: #000;
  line-height: 1.3em;
  height: 57px;
  overflow: hidden;
  position: relative;
  font-size: 15px;
}

.otzovik__body-link {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  background-color: #fff;
  color: #000000;
  font-size: 15px;
  padding-left: 5px;
  line-height: 1.3em;
  display: inline-block;
}

.otzovik__body-link span {
  color: #c10a46;
}

.otzovik__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.otzovik__button-link {
  height: 40px;
  font-size: 14px;
  font-family: var(--font-semibold);
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 5px;
  background-color: #f0efef;
  font-size: 14px;
  color: #6d6d6d;
  transition: 0.3s;
}

.otzovik__button-link:hover {
  background-color: #e3e1e1;
}

@media (max-width: 1639.98px) {
  .reviews-new__title {
    font-size: 40px;
  }
}

@media (max-width: 1279.98px) {
  .reviews-new__item {
    width: 49%;
  }

  .otzovik {
    padding-left: 20px;
    padding-right: 20px;
  }

  .otzovik {
    padding-bottom: 29px;
  }
}

@media (max-width: 1023.98px) {
  .reviews-new__item {
    width: 100%;
  }

  .reviews-new__title {
    font-size: 38px;
    text-align: center;
  }

  .reviews-new__grade {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
  }

  .reviews-new__iframe,
  .otzovik {
    margin-top: 26px;
  }

  .otzovik {
    max-width: 558px;
    margin-left: auto;
    margin-right: auto;
  }

  .reviews-new__item:last-child {
    margin-top: 35px;
  }

  .otzovik {
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .reviews-new__title {
    font-size: 32px;
  }
}

@media (max-width: 575.98px) {
  .reviews-new__title {
    font-size: 26px;
  }

  .otzovik__count-left {
    width: 100%;
  }

  .otzovik__count-btn {
    width: 100%;
    margin-top: 24px;
  }

  .otzovik__count-star img {
    width: 27px;
  }

  .otzovik__count-text {
    font-size: 35px;
  }

  .otzovik__body-title {
    font-size: 16px;
  }

  .otzovik__body-subtitle {
    font-size: 14px;
  }

  .otzovik__body-text {
    font-size: 14px;
  }

  .otzovik__body-link {
    bottom: 1px;
  }

  .otzovik__button {
    margin-top: 0px;
  }

  .otzovik {
    padding-bottom: 24px;
  }

  .otzovik__body-item:last-child {
    display: none;
  }

  .otzovik__body-link {
    font-size: 14px;
    bottom: 0;
  }

  .otzovik__body-text {
    height: 55px;
  }

  .otzovik__body-item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 24px;
  }

  .otzovik__count-btn {
    font-size: 15px;
  }

  .otzovik__body-subtitle {
    width: 100%;
  }
}
.video {
  margin-top: 130px;
}

.video-item {
  max-width: 1280px;
  margin: 80px auto 0;
}

.video-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.video-item__link {
  position: relative;
  display: block;
  padding-top: 56.25%;
  border-radius: 20px;
  overflow: hidden;
}

.video-item__link::after {
  content: '';
  position: absolute;
  display: block;
  width: 88px;
  height: 88px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: var(--icon-play) center no-repeat;
  background-size: contain;
  transition: transform 0.25s ease;
}

@media (max-width: 1639.98px) {
  .video {
    margin-top: 120px;
  }

  .video-item {
    margin-top: 60px;
  }
  .header-menu__list {
    column-gap: 15px;
  }
}

@media (max-width: 1279.98px) {
  .video {
    margin-top: 100px;
  }

  .video-item {
    margin-top: 50px;
  }

  .video-item__link::after {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 1023.98px) {
  .video {
    margin-top: 80px;
  }

  .video-item__link::after {
    width: 72px;
    height: 72px;
  }
}

@media (max-width: 767.98px) {
  .video {
    margin-top: 65px;
  }

  .video-item {
    margin-top: 40px;
  }

  .video-item__link {
    border-radius: 10px;
  }

  .video-item__link::after {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 575.98px) {
  .video {
    margin-top: 50px;
  }

  .video-item {
    margin-top: 30px;
  }

  .video-item__link::after {
    width: 48px;
    height: 48px;
  }
}

@media (hover: hover) {
  .video-item__link:hover::after {
    transform: scale(1.15);
  }
}

.message {
  overflow: hidden;
}

.message-body {
  position: relative;
  margin-top: 160px;
  padding: 130px 245px;
  border-radius: 20px;
  z-index: 1;
  background-color: var(--color-blue-light);
}

.message-body::before {
  content: '';
  position: absolute;
  display: block;
  width: 630px;
  height: 630px;
  top: 75px;
  left: 75px;
  opacity: 0.6;
  z-index: -1;
  background: var(--background-sphere-lg) center no-repeat;
  background-size: contain;
}

.message-title br {
  display: none;
}

.message-descr {
  margin-top: 45px;
  font-size: 22px;
  text-align: center;
}

.message-actions {
  margin-top: 80px;
}

.message-icons img {
  position: absolute;
  z-index: -1;
}

.message-icons img:nth-child(1) {
  width: 120px;
  top: 20px;
  left: -25px;
}

.message-icons img:nth-child(2) {
  width: 100px;
  top: -25px;
  right: 20px;
}

.message-icons img:nth-child(3) {
  width: 145px;
  bottom: 50px;
  right: 40px;
}

@media (max-width: 1639.98px) {
  .message-body {
    margin-top: 150px;
    padding: 120px 80px;
  }

  .message-actions {
    margin-top: 60px;
  }

  .login-btn-text {
    display: none;
  }
}

@media (max-width: 1279.98px) {
  .message-body {
    margin-top: 130px;
    padding: 100px 60px;
  }

  .message-body::before {
    width: 480px;
    height: 480px;
  }

  .message-descr {
    margin-top: 40px;
  }

  .message-actions {
    margin-top: 50px;
  }

  .message-icons img:nth-child(3) {
    width: 120px;
    bottom: 20px;
    right: -20px;
  }
}

@media (max-width: 1023.98px) {
  .message-body {
    margin-top: 100px;
    padding: 65px 30px 80px;
  }

  .message-body::before {
    width: 360px;
    height: 360px;
  }

  .message-title br {
    display: inline;
  }

  .message-descr {
    font-size: 20px;
  }

  .message-actions .actions__btn {
    padding: 0;
  }

  .message-icons img:nth-child(1) {
    width: 100px;
    top: -30px;
    left: 20px;
  }

  .message-icons img:nth-child(2) {
    width: 90px;
    top: 85px;
    right: -20px;
  }

  .message-icons img:nth-child(3) {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .message-body {
    margin-top: 80px;
    padding: 50px 30px 65px;
  }

  .message-body::before {
    top: unset;
    left: unset;
    bottom: 30px;
    right: 30px;
  }

  .message-descr {
    margin-top: 30px;
    font-size: 18px;
  }

  .message-actions {
    margin-top: 40px;
  }

  .message-icons img:nth-child(1),
  .message-icons img:nth-child(2) {
    width: 80px;
  }
}

@media (max-width: 575.98px) {
  .message-body {
    margin-top: 65px;
    padding: 40px 20px 50px;
  }

  .message-body::before {
    width: 280px;
    height: 280px;
  }

  .message-descr {
    margin: 20px 30px 0;
    font-size: 15px;
  }

  .message-actions {
    margin-top: 30px;
  }

  .message-icons img:nth-child(1),
  .message-icons img:nth-child(2) {
    width: 65px;
  }

  .message-icons img:nth-child(1) {
    top: -20px;
  }
}

.login-wrapper {
  position: relative;
  display: inline-block;
}

.login-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 13.2px 16px;
  background: transparent;
  border: 1px solid #ededed;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 500;
  color: #636268;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.25s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

@media (min-width: 768px) {
  .login-btn {
    background-color: #fff;
  }
}

.login-btn:hover {
  border-color: #e2e2e2;
}

.login-btn svg {
  flex-shrink: 0;
}

@media (max-width: 1639.98px) {
  .login-btn {
    padding: 13.2px 20px;
  }
}

.login-dropdown-wrap {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  padding-top: 30px;
  min-width: 131px;

  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform-origin: top right;
  transition:
    visibility 0.25s ease,
    opacity 0.25s ease;
  transition-delay: 0.02s;
}

.login-dropdown-wrap.open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.login-dropdown {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
}

.login-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 14px;
  font-size: 15px;
  font-weight: 400;
  color: #636268;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  text-decoration: none;
  transition: background 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}

.login-option:hover {
  background: #f1f8fc;
}

.login-option:active {
  background: #f1f8fc;
}

/* .login-option+.login-option {
	border-top: 1px solid red;
} */

.icon-wrap {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 57px);
  color: #fff;
  font-size: 15px;
}

@media (hover: hover) and (pointer: fine) {
  .login-wrapper:hover .login-dropdown-wrap {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}

@media (max-width: 767px) {
  .login-wrapper:hover .login-dropdown-wrap {
    opacity: 0;
    pointer-events: none;
    visibility: visible;
  }

  .login-dropdown-wrap.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .login-btn {
    padding: 0;
    border: none;
  }
}

.cards-block {
  background-color: #e7edf8;
  padding-top: 50px;
  padding-bottom: 60px;
}

.cards-block-two {
  overflow: hidden;
  margin-top: 0;
  padding-top: 80px;
}

.cards-block__title {
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .cards-block-two {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .cards-block-two {
    padding-top: 110px;
  }
  .cards-block {
    padding-top: 45px;
    padding-bottom: 80px;
  }
  .cards-block__title {
    margin-bottom: 30px;
  }
}

@media (min-width: 1024px) {
  .cards-block {
    padding-top: 65px;
    padding-bottom: 100px;
  }
  .cards-block-two {
    padding-top: 120px;
    overflow: visible;
  }
}

@media (min-width: 1280px) {
  .cards-block,
  .cards-block-two {
    padding-top: 85px;
    padding-bottom: 130px;
  }
  .cards-block__title {
    margin-bottom: 40px;
  }
}

.cards-block__items {
  position: relative;
  z-index: 5;
}

.container--mods {
  position: relative;
}

.container--mods::before {
  content: '';
  position: absolute;
  left: 0;
  top: 60px;
  border-radius: 100%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgb(74 62 215) 0%,
    rgb(74 62 215 / 20%) 40%
  );
  filter: blur(180px);
  height: 650px;
  width: 100%;
  max-width: 650px;
}

.container--mod-none::before {
  display: none;
}

.cards-block__items .cards-block__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 15px;
  border-radius: 20px;
  border: 1px solid #fff;
}

.cards-block__items .cards-block__item--one {
  background-color: rgba(255, 255, 255, 0.4);
}

.cards-block__items .cards-block__item--two {
  background-color: rgba(220, 241, 255, 0.4);
}

.cards-block__items .cards-block__item--three {
  background-color: rgba(193, 206, 215, 0.4);
}

.cards-block-two__item--three {
  border: 1px solid transparent;
  border-radius: 20px;
  background-image:
    linear-gradient(white, white),
    linear-gradient(to right, rgb(49 52 60 / 50%), rgb(49 52 60 / 20%));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.cards-block-two__items {
  display: grid;
  gap: 25px;
}

.cards-block-three__items {
  display: flex;
  gap: 0;
}

@media (min-width: 1024px) {
  .cards-block-three__items {
    display: grid;
    gap: 25px;
  }

  .cards-block__items {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }

  .cards-block-two__item--three {
    border-radius: 30px;
  }
}

@media (min-width: 1280px) {
  .container--mod::before {
    top: 100px;
  }
  .cards-block__items {
    gap: 20px;
  }
  .cards-block__items .cards-block__item {
    padding: 28px;
  }
}

.cards-block__items .cards-block__item--two {
  border-color: #3e93f5;
  position: relative;
}

.cards-block__items .cards-block__item--two::after {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  content: 'Выбор 72% клиентов';
  font-family: var(--font-medium);
  font-size: 12px;
  color: #fff;
  background: var(--color-blue)
    url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73669 0.716325C5.32764 -0.238776 6.67237 -0.238774 7.26331 0.716326L8.24319 2.30005C8.44652 2.62867 8.76128 2.86607 9.12517 2.96526L10.8789 3.44331C11.9365 3.7316 12.352 5.05927 11.6596 5.93785L10.5115 7.39469C10.2733 7.69698 10.1531 8.0811 10.1746 8.47103L10.2786 10.3502C10.3413 11.4835 9.25341 12.304 8.23454 11.8919L6.54509 11.2086C6.19453 11.0668 5.80547 11.0668 5.45491 11.2086L3.76546 11.8919C2.74659 12.304 1.65868 11.4835 1.72138 10.3502L1.82535 8.47103C1.84693 8.0811 1.7267 7.69698 1.48847 7.39468L0.340359 5.93785C-0.352035 5.05927 0.0635118 3.73161 1.12113 3.44331L2.87483 2.96526C3.23873 2.86607 3.55349 2.62867 3.75681 2.30004L4.73669 0.716325Z' fill='white' /%3E%3C/svg%3E")
    no-repeat 12px center;
  background-size: 13px;
  border-radius: 36px;
  padding: 6px 16px;
  padding-left: 32px;
  white-space: nowrap;
}

.cards-block-two__items .cards-block-two__img {
  max-width: 380px;
  margin: 0 auto;
  user-select: none;
  pointer-events: none;
}

.cards-block-two-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .cards-block__items .cards-block__item--two::after {
    font-size: 13px;
  }

  .cards-block-two__items .cards-block-two__img {
    max-width: 480px;
  }
}

/* @media (min-width: 1024px) {
	.cards-block-two-inner {
		display: block;
		height: auto;
	}
} */

.cards-block__items .cards-block__img {
  margin-bottom: 20px;
}

.cards-block__items .cards-block__name {
  font-size: 20px;
  font-family: var(--font-semibold);
  text-align: center;
  color: #10161a;
  margin-bottom: 10px;
}

.cards-block-two__items .cards-block-two__name {
  font-size: 20px;
  font-family: var(--font-semibold);
  color: #10161a;
  margin-bottom: 15px;
}

.cards-block__items .cards-block__specs {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
}

.cards-block__items .cards-block__price {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}

.cards-block__items .cards-block__price .cheapest-all {
  font-size: 11px;
  color: #00a65e;
  padding: 3px 10px;
  border-radius: 30px;
  border: 1px solid #00a65e;
  background: #d5f0e5;
  user-select: none;
}

@media (min-width: 1280px) {
  .cards-block__items .cards-block__price .cheapest-all {
    font-size: 13px;
  }
}

.cards-block__items .cards-block__price-wrap {
  display: flex;
  align-items: center;
}

.cards-block__items .cards-block__price--center {
  justify-content: center;
}

.cards-block__items .cards-block__price--between {
  justify-content: space-between;
}

.cards-block__items .cards-block__price .ppm-current-price {
  font-family: var(--font-semibold);
  font-size: 16px;
  color: #10161a;
}

.cards-block-two__items .cards-block-two__icons {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .cards-block__items .cards-block__price .ppm-current-price {
    font-size: 20px;
  }

  .cards-block-two__items .cards-block-two__icons {
    margin-bottom: 24px;
  }
}

.cards-block__items .cards-block__price .ppm-old-price {
  font-family: var(--font-semibold);
  font-size: 14px;
  color: #8f99af;
  text-decoration-thickness: 2px;
}

@media (min-width: 1280px) {
    .cards-block__items .cards-block__price .ppm-old-price--mod {
          margin-top: 2px;
    }
}

.cards-block__items .cards-block__specs-list {
  display: grid;
  gap: 10px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 16px;
}

.cards-block-two__items .cards-block-two__specs-list {
  display: grid;
  grid-row-gap: 8px;
}

@media (min-width: 1024px) {
  .cards-block__items .cards-block__specs-list {
    grid-auto-rows: minmax(0, 1fr);
  }

  .cards-block-two__items .cards-block-two__name {
    font-size: 28px;
  }

  .cards-block-two__items .cards-block-two__img {
    margin: 0;
    margin-left: auto;
    grid-column-start: 2;
  }

  .cards-block-two__items .cards-block-two__specs-list {
    grid-column-gap: 50px;
    grid-row-gap: 12px;
    grid-template-columns: repeat(2, auto);
  }
}

@media (min-width: 1280px) {
  .cards-block__items .cards-block__specs-list {
    grid-template-columns: 1fr 0.8fr;
  }
}

.cards-block__specs-li--mod br {
  display: none;
}

@media (min-width: 1640px) {
  .cards-block__specs-li--mod br {
    display: block;
  }
}

.cards-block__items .cards-block__specs-list .cards-block__specs-li {
  font-size: 12px;
  color: #10161a;
  display: flex;
  gap: 10px;
}

.cards-block-two__items
  .cards-block-two__specs-list
  .cards-block-two__specs-li {
  font-size: 14px;
  color: #10161a;
  display: flex;
  gap: 10px;
}

.cards-block__items .cards-block__specs-list .cards-block__specs-li::before,
.cards-block-two__items
  .cards-block-two__specs-list
  .cards-block-two__specs-li::before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.16667L3.88911 8.86317C4.27332 9.22176 4.86954 9.22176 5.25375 8.86317L11 3.5' stroke='%233E93F5' stroke-width='2' /%3E%3C/svg%3E");
  flex-shrink: 0;
}

.cards-block__items .cards-block__specs-table {
  display: grid;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}

.cards-block__items .cards-block__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  user-select: none;
  pointer-events: none;
}

.cards-block-two__specs-table .cards-item__specs-tr .cards-item__specs-th {
  font-size: 14px;
  color: #10161a;
}

.cards-block-two__specs-table .cards-item__specs-tr .cards-item__specs-td {
  color: #10161a;
  font-family: var(--font-semibold);
  font-size: 16px;
}

@media (min-width: 1024px) {
  .cards-block-two__items
    .cards-block-two__specs-list
    .cards-block-two__specs-li {
    font-size: 16px;
  }
  .cards-block-two__specs-table .cards-item__specs-tr .cards-item__specs-th {
    font-size: 16px;
  }
}

.cards-block-two__items .cards-block-two__specs-table {
  display: grid;
  gap: 8px;
}

.cards-block__items .cards-block__icons-services,
.cards-block__items .cards-block__icons-pay {
  height: 32px;
}

.cards-block-two__items .cards-block-two__icons-services,
.cards-block-two__items .cards-block-two__icons-pay {
  height: 27px;
}

.cards-block-two__icons-pay {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cards-block__specs-table .ppm-exchange-rate-row,
.cards-block-two__specs-table .ppm-exchange-rate-row {
  grid-row-start: 2;
  user-select: none;
}

@media (min-width: 1024px) {
  .cards-block-two__items .cards-block-two__icons-services,
  .cards-block-two__items .cards-block-two__icons-pay {
    height: 32px;
  }
  .cards-block-two__items .cards-block-two__specs-table {
    grid-template-columns: repeat(3, auto);
  }
  .cards-block-two__specs-table .ppm-exchange-rate-row {
    grid-row-start: 1;
    grid-column-start: 2;
  }

  .cards-block-two__items .cards-block-two__specs-table .cards-item__specs-tr {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .cards-block-two__items .cards-block-two__specs-table .cards-item__specs-td {
    justify-content: flex-start;
  }

  .cards-block-two__items .cards-block-two__specs-table .cards-item__specs-th {
    order: 1;
  }
}

.cards-block__specs-table .ppm-exchange-rate-row .ppm-currency-flag,
.cards-block-two__specs-table .ppm-exchange-rate-row .ppm-currency-flag {
  display: none;
}

.cards-block__item--three .ppm-exchange-rate-row {
  background: linear-gradient(90deg, #d5f0e5 0%, rgba(213, 240, 229, 0) 100%);
}

.cards-block__specs-table .cards-item__specs-tr {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 8px 12px;
  border: none;
  margin: 0;
  border-bottom: 1px solid rgba(64, 70, 76, 0.1);
}

.cards-block__specs-table .cards-item__specs-tr:nth-child(2) {
  border-bottom: none;
}

.cards-block__specs-table .cards-item__specs-tr .cards-item__specs-th,
.cards-block__specs-table .cards-item__specs-tr .cards-item__specs-td {
  font-size: 14px;
  color: #10161a;
}

.cards-block__specs-table .cards-item__specs-tr .cards-item__specs-td {
  font-family: var(--font-semibold);
}

.cards-block__specs-table .ppm-exchange-rate-row .cards-item__specs-th,
.cards-block-two__specs-table .ppm-exchange-rate-row .cards-item__specs-th {
  font-size: 0;
  color: transparent;
  line-height: 1;
}

.cards-block__specs-table .ppm-exchange-rate-row .cards-item__specs-th::before,
.cards-block-two__specs-table
  .ppm-exchange-rate-row
  .cards-item__specs-th::before {
  content: 'Курс обмена';
  font-size: 14px;
  color: #10161a;
}

.cards-block__item--three .ppm-exchange-rate-row .cards-item__specs-th::after {
  content: 'Лучший';
  /* inline-block: у инлайнового бейджа вертикальные паддинги не раздвигают
     line-box — при переносе на вторую строку (узкие ширины, реальный курс в td)
     бейдж налезал на текст «Курс обмена» */
  display: inline-block;
  font-size: 11px;
  color: #00a65e;
  margin-left: 10px;
  border: 1px solid #00a65e;
  background: #d5f0e5;
  padding: 3px 10px;
  line-height: 1.25;
  border-radius: 30px;
}

.cards-block-two__item--three .ppm-exchange-rate-row .cards-item__specs-td {
  position: relative;
}

.cards-block-two__item--three
  .ppm-exchange-rate-row
  .cards-item__specs-td::after {
  position: absolute;
  right: 70px;
  content: 'Лучший';
  font-size: 11px;
  font-family: var(--font-medium);
  color: #f08f08;
  background: #ffeed2
    url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.73669 0.716325C5.32764 -0.238776 6.67237 -0.238774 7.26331 0.716326L8.24319 2.30005C8.44652 2.62867 8.76128 2.86607 9.12517 2.96526L10.8789 3.44331C11.9365 3.7316 12.352 5.05927 11.6596 5.93785L10.5115 7.39469C10.2733 7.69698 10.1531 8.0811 10.1746 8.47103L10.2786 10.3502C10.3413 11.4835 9.25341 12.304 8.23454 11.8919L6.54509 11.2086C6.19453 11.0668 5.80547 11.0668 5.45491 11.2086L3.76546 11.8919C2.74659 12.304 1.65868 11.4835 1.72138 10.3502L1.82535 8.47103C1.84693 8.0811 1.7267 7.69698 1.48847 7.39468L0.340359 5.93785C-0.352035 5.05927 0.0635118 3.73161 1.12113 3.44331L2.87483 2.96526C3.23873 2.86607 3.55349 2.62867 3.75681 2.30004L4.73669 0.716325Z' fill='%23F08F08' /%3E%3C/svg%3E")
    no-repeat 7px center;
  border: none;
  background-size: 10px;
  line-height: 1.25;
  border-radius: 30px;
  white-space: nowrap;
  padding: 3px 10px;
  padding-left: 23px;
}

.ppm-referral-code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #576c94;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  margin-top: 15px;

  figure {
    max-width: 55px;
    line-height: 1;
    pointer-events: none;
    user-select: none;
  }
  span {
    color: #e8a435;
  }
}

@media (min-width: 768px) {
  .cards-block-two__item--three
    .ppm-exchange-rate-row
    .cards-item__specs-td::after {
    right: 70px;
  }
}

@media (min-width: 1024px) {
  .cards-block-two__item--three
    .ppm-exchange-rate-row
    .cards-item__specs-td::after {
    right: 0;
  }

  .cards-block-two__item--three .ppm-exchange-rate-row {
    min-width: 150px;
  }

  .ppm-referral-code {
    font-size: 18px;
  }

  .cards-block-two .cards-block-two__order {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .cards-block-two .cards-block-two__order .ppm-referral-code {
    margin-top: 0;
    justify-content: flex-start;
  }
}

@media (min-width: 1280px) {
  .cards-block-two__item--three
    .ppm-exchange-rate-row
    .cards-item__specs-td::after {
    right: 5px;
  }
  .cards-block-two__item--three .ppm-exchange-rate-row {
    min-width: 120px;
  }
}

@media (min-width: 1640px) {
  .cards-block-two__item--three
    .ppm-exchange-rate-row
    .cards-item__specs-td::after {
    right: 10px;
  }
  .cards-block-two__item--three .ppm-exchange-rate-row {
    min-width: 0;
  }
}

.cards-block__intro {
  padding: 10px;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  z-index: 5;
}

.cards-block-two__intro {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.cards-block__intro-items,
.cards-block-two__intro-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.cards-block__intro-title {
  color: #8f99af;
  font-size: 13px;
}

.cards-block__intro .cards-block__intro-text,
.cards-block-two__intro .cards-block-two__intro-text {
  font-size: 13px;
  color: #10161a;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cards-block__intro .cards-block__intro-text::before,
.cards-block-two__intro .cards-block-two__intro-text::before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.16667L3.88911 8.86317C4.27332 9.22176 4.86954 9.22176 5.25375 8.86317L11 3.5' stroke='%233E93F5' stroke-width='2' /%3E%3C/svg%3E");
  flex-shrink: 0;
}

.cards-block-two__specs-table .cards-item__specs-tr {
  border: none;
  padding: 0;
  margin: 0;
}

.container--mod {
  position: relative;
}

.cards-block-two__item-wrap {
  display: grid;
  gap: 10px;
  background-color: #fff;
  padding: 20px 16px;
  border-radius: 20px;
  height: 100%;
}

.cards-block-two__specs-group {
  margin-bottom: 24px;
}

.cards-block-two__icons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cheapest-all-two {
  font-family: var(--font-medium);
  font-size: 12px;
  color: #3e93f5;
  background-color: #e8f4ff;
  border-radius: 30px;
  padding: 6px 10px;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .cards-block__intro {
    margin-bottom: 40px;
  }
}

@media (min-width: 1024px) {
  .cards-block-two__specs-table .cards-item__specs-tr .cards-item__specs-td {
    font-size: 20px;
  }

  .cards-block-two__specs-table
    .ppm-exchange-rate-row
    .cards-item__specs-th::before {
    font-size: 16px;
  }

  .cheapest-all-two {
    font-size: 14px;
    padding: 8px 16px;
  }
}

.cards-block__info-text {
  font-size: 12px;
  color: #000;
  margin-top: 45px;
}

@media (min-width: 1024px) {
  .cards-block__intro .cards-block__intro-text,
  .cards-block-two__intro .cards-block-two__intro-text,
  .cards-block__intro-title,
  .cards-block-two__intro-title {
    font-size: 16px;
  }

  .cards-block-two__item-wrap {
    height: auto;
  }

  .cards-block-two__intro {
    justify-content: space-between;
  }

  .cards-block-two__item-wrap {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .cards-block-two__item-wrap {
    padding: 30px;
    border-radius: 30px;
    gap: 0;
  }
}

@media (min-width: 1280px) {
  .cards-block-two__item-wrap {
    gap: 50px;
  }
  .cards-block__intro {
    margin-bottom: 60px;
  }
}

@media (min-width: 1640px) {
  .cards-block-two__specs-group {
    margin-bottom: 42px;
  }
  .cards-block-two__item-wrap {
    grid-template-columns: 1fr 0.8fr;
  }
  .container--mod {
    max-width: 1200px;
  }
}