@charset "UTF-8";
:root {
  --color-text: #636268;
  --color-text-dark: #272629;
  --color-blue: #ff5000;
  --color-blue-hover: #d94906;
  --color-blue-light: #faf9f8;
  --color-blue-dark: #ff5000;
  --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,%0A%3Csvg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 2.25C21 1.65326 20.7629 1.08097 20.341 0.65901C19.919 0.237053 19.3467 0 18.75 0H2.25C1.65326 0 1.08097 0.237053 0.65901 0.65901C0.237053 1.08097 0 1.65326 0 2.25V3H21V2.25ZM21 4.5H0V12.75C0 13.3467 0.237053 13.919 0.65901 14.341C1.08097 14.7629 1.65326 15 2.25 15H18.75C19.3467 15 19.919 14.7629 20.341 14.341C20.7629 13.919 21 13.3467 21 12.75V4.5ZM9 9.75C9.19891 9.75 9.38968 9.82902 9.53033 9.96967C9.67098 10.1103 9.75 10.3011 9.75 10.5C9.75 10.6989 9.67098 10.8897 9.53033 11.0303C9.38968 11.171 9.19891 11.25 9 11.25H4.5C4.30109 11.25 4.11032 11.171 3.96967 11.0303C3.82902 10.8897 3.75 10.6989 3.75 10.5C3.75 10.3011 3.82902 10.1103 3.96967 9.96967C4.11032 9.82902 4.30109 9.75 4.5 9.75H9Z' fill='white'/%3E%3C/svg%3E%0A");
  --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='%2300F500'/%3E%3Cg clip-path='url(%23clip0_0_8783)'%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_0_8783'%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_14_11693_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='%2300F500'/%3E%3Cpath d='M19.6663 9.66797C19.1358 9.66797 18.6271 9.87868 18.252 10.2538C17.877 10.6288 17.6663 11.1375 17.6663 11.668V13.0013C17.6663 13.5317 17.877 14.0404 18.252 14.4155C18.6271 14.7906 19.1358 15.0013 19.6663 15.0013H26.3329C26.8634 15.0013 27.3721 14.7906 27.7471 14.4155C28.1222 14.0404 28.3329 13.5317 28.3329 13.0013V11.668C28.3329 11.1375 28.1222 10.6288 27.7471 10.2538C27.3721 9.87868 26.8634 9.66797 26.3329 9.66797H19.6663Z' 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_14_11693_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_14_11698_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='%2300F500'/%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_14_11698_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='%23FF5000' 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='215' viewBox='0 0 462 215' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_3654)'%3E%3Ccircle cx='230.991' cy='231.313' r='82.6299' stroke='%233FE03F' stroke-width='0.902344'/%3E%3Ccircle cx='230.996' cy='231.313' r='120.251' stroke='%233FE03F' stroke-width='0.902344'/%3E%3Ccircle cx='230.992' cy='231.313' r='160.224' stroke='%233FE03F' stroke-width='0.902344'/%3E%3Ccircle cx='230.994' cy='231.313' r='197.062' stroke='%233FE03F' stroke-width='0.902344'/%3E%3Ccircle cx='230.994' cy='231.314' r='230.765' stroke='%233FE03F' stroke-width='0.902344'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_0_3654'%3E%3Crect width='461.856' height='214.269' 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='%23EAEAEA' offset='0'/%3E%3Cstop stop-color='gray' 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.4' 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='%23E1E5E9'/%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;
  overflow: hidden;
}

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: #7d71ff;
}

.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-ab__wrap {
  position: relative;
  line-height: 0;
  padding-right: 8px;

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

@media (min-width: 768px) {
  .header-logo__link .logo-ab__wrap {
    &::before {
      height: 50%;
    }
  }
}

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

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

.footer-pay__icons {
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .footer-pay__icons {
    margin-top: 115px;
  }
}

.footer-pay__icons-text {
  color: #fff;
  font-size: 14px;
  margin-bottom: 20px;
}

.header-logo__link .logo-black__wrap {
  line-height: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.footer-logo .logo-white__wrap {
  line-height: 0;
  margin-left: 15px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .footer-logo .logo-ab-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-ab {
    width: auto;
  }

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

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

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

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

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

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

.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;
  display: flex;
}

.header-action {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 576px) {
  .header-action {
    gap: 10px;
  }
}

.header-action__btn {
  width: 165px;
  height: 48px;
  font-size: 16px;
}

.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: 1520px;
  }
}
@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: 100px;
    height: 30px;
    font-size: 11px;
  }
  .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% 90% no-repeat,
    linear-gradient(180deg, #faf9f8 0%, #f6f6f6 100%);
  background-size: 1920px, cover;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: -380px;
    width: 429px;
    height: 429px;
    opacity: 0.3;
    background: #ff5000;
    box-shadow: 94px 94px 94px;
    border-radius: 9999px;
    filter: blur(47px);
  }
  &::after {
    content: '';
    position: absolute;
    left: -380px;
    bottom: 260px;
    width: 429px;
    height: 429px;
    opacity: 0.3;
    background: rgba(0, 245, 0, 0.5);
    box-shadow: 94px 94px 94px;
    border-radius: 9999px;
    filter: blur(47px);
  }
}
.hero-main--lg {
  min-height: 1320px;
}
.hero-main--sm {
  min-height: 1140px;
}

@media (min-width: 768px) {
  .hero-main {
    background:
      url(./hero.webp) 50% 100% no-repeat,
      linear-gradient(180deg, #faf9f8 0%, #f6f6f6 100%);
    background-size: 1920px, cover;

    &::before {
      right: -300px;
    }

    &::after {
      left: -260px;
    }
  }
}

.hero-main__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 10;
}
.hero-main__coins-wrap {
  text-align: center;
  margin-top: 45px;
}
.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;
}

@media (min-width: 768px) {
  .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 i {
  font-size: 0;
}

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

.hero-title--home span:nth-of-type(2),
.hero-title--home span:nth-of-type(3),
.hero-title--country span:nth-of-type(2),
.hero-title--country span:nth-of-type(3),
.hero-title--region span:nth-of-type(2),
.hero-title--region span:nth-of-type(3),
.hero-title--service span:nth-of-type(2),
.hero-title--service span:nth-of-type(3) {
  display: inline-block;
}
.hero-title--home span:nth-of-type(2)::after,
.hero-title--home span:nth-of-type(3)::after,
.hero-title--country span:nth-of-type(2)::after,
.hero-title--country span:nth-of-type(3)::after,
.hero-title--region span:nth-of-type(2)::after,
.hero-title--region span:nth-of-type(3)::after,
.hero-title--service span:nth-of-type(2)::after,
.hero-title--service span:nth-of-type(3)::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--home span:nth-of-type(3)::after,
.hero-title--country span:nth-of-type(3)::after,
.hero-title--region span:nth-of-type(3)::after,
.hero-title--service span:nth-of-type(3)::after {
  background-image: url(./sbp.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;
  color: #828181;
}
.hero-order {
  margin-top: 40px;
}
.hero-services {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr auto;
}
.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 #edecfc;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(245, 249, 255, 0.9) 100%
  );
}

.hero-services__list--ab {
  margin-left: 68px;
  margin-top: 110px;
}

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

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

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

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

@media (min-width: 1280px) {
  .hero-services__list--ab {
    margin-top: 174px;
    margin-left: -40px;
  }

  .hero-services__list--ab svg {
    width: 250px;
  }
  .hero-services {
    margin-top: -75px;
  }
}

@media (min-width: 1640px) {
  .hero-services__list--ab {
    margin: 0;
    margin-top: 140px;
  }
  .hero-services__list--ab svg {
    width: auto;
  }
  .hero-services {
    margin-top: -100px;
  }
}

.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;
  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 {
  flex: 1;
  margin-left: 8px;
  font-family: var(--font-medium);
}
.hero-services__item-price {
  margin-left: 20px;
  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: 10px 15px;
  font-family: var(--font-medium);
  font-size: 18px;
  line-height: 1;
  border-radius: 20px;
  color: #433e3e;
  backdrop-filter: blur(4px);
  background-color: #fff;
  box-shadow: 0 24px 34px 0 #ebebeb;
  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: 210px;
}

@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;
}

.active-users__service {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 45px;
  overflow: hidden;
}

.active-users__service-img {
  user-select: none;
  pointer-events: none;
}

.active-users__service-img-1 {
  position: absolute;
  max-width: 60px;
  top: -10px;
  left: -10px;
}

.active-users__service-img-2 {
  position: absolute;
  top: -20px;
  right: -30px;
  max-width: 80px;
}

@media (min-width: 576px) {
  .active-users__service-img-1,
  .active-users__service-img-2 {
    position: static;
  }
}

@media (min-width: 768px) {
  .active-users__service-img-1,
  .active-users__service-img-2 {
    max-width: 100%;
  }
  .active-users__service {
    justify-content: space-between;
  }
}

.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: 1040px;
  }
  .hero-title br {
    display: none;
  }

  .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: 940px;
  }

  .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: 890px;
  }
  .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: 790px;
  }
  .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: 8px;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }
  .hero-services__app-btn::before {
    width: 72px;
    height: 28px;
  }
  .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: 720px;
  }
  .hero-descr {
    margin-top: 17px;
    font-size: 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;
    margin: 0 auto;
  }
  .hero-services__list--right {
    display: none;
  }
  .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: 6px;
  }
  .hero-services__item-price {
    margin-left: 15px;
  }
  .hero-services__app {
    width: 100%;
    margin-top: 200px;
  }
  .hero-services__app-btn {
    column-gap: 6px;
    padding: 6px;
    font-size: 10px;
  }
  .hero-services__app-btn::before {
    width: 72px;
    height: 28px;
  }
  .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;
}
.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--three .features-item__img img {
    max-height: 125px;
  }

  .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;
}

.payments-title {
  position: relative;
}

.scheme-title {
  position: relative;
}

.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-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-info {
  max-width: 680px;
}
.partners-body {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 25px;
  column-gap: 45px;
  padding: 80px;
  border-radius: 30px;
  overflow: hidden;
  background: #f7f8f9;
}
.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: 50px;
  color: #000;
}
.partners-descr {
  margin-top: 25px;
  color: #fff;
}
.partners-img {
  display: flex;
  width: 380px;
}
.partners-img img {
  width: 100%;
}

@media (max-width: 1639.98px) {
  .partners {
    margin-top: 120px;
  }
  .partners-title {
    font-size: 40px;
  }
}
@media (max-width: 1279.98px) {
  .partners {
    margin-top: 100px;
  }
  .partners-body {
    padding: 45px;
  }
  .partners-body::before {
    right: 45px;
  }
  .partners-title {
    font-size: 28px;
  }
  .partners-img {
    width: 300px;
  }
}
@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;
  }
  .partners-img {
    width: 280px;
  }
}
@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 {
    width: 245px;
    margin-top: 25px;
  }
}
.gpay {
  margin-top: 130px;
  overflow: hidden;
}
.gpay-descr {
  margin-top: 25px;
}
.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: var(--color-blue-light);
}
.gpay-pay {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.gpay-card {
  display: flex;
  align-items: center;
  grid-row: 3/4;
  max-width: 300px;
}

.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-top: auto;
  margin-left: auto;
}
.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 24px 34px 0 rgba(0, 50, 130, 0.05);
}
.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: 220px;
  top: 50px;
  left: 150px;
}
.gpay-icons img:nth-child(2) {
  width: 100px;
  top: 30px;
  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 {
    margin-right: -45px;
  }
  .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: translate(-50%);
  }
  .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: 200px;
  }

  .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;
  }
}
.payments {
  margin-top: 130px;
}
.payments-descr {
  margin-top: 25px;
}
.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: 50px;
    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: 50px;
    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-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 {
  overflow: hidden;
  background: #fff;
  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: contain;
}

@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__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, #f7f8f9 0%, #f7f8f9 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, #ff5000 0%, #ff5000 28%, #ff7739 65%);
  background-size: 45%, cover;
  background-position: center right;
  background-repeat: no-repeat;
}
.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,
    #00f557;
  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: 40%, 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: 150px, 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-btns {
  font-size: 16px;
}

.cards-item__order-btns::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-btns 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-btns {
    width: 100%;
    text-align: left;
  }

  .cards-item__order-btns 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-btns br,
  .cards-grid--xs .cards-item__order-btns 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-btns {
    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-btns {
    width: unset;
    text-align: center;
  }

  .cards-item__order-btns 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-btns {
    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;
}

.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-color: var(--color-blue-light);
}
.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::after {
  content: '';
  position: absolute;
  display: block;
  width: 366px;
  height: 100px;
  right: 80%;
  top: 55%;
  filter: drop-shadow(0 14px 10px rgba(0, 50, 130, 0.1));
  background: url(./banks.svg) center no-repeat;
  background-size: contain;
} */
.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: 22px;
  }
  .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: 270px;
}
/* Вертикальное центрирование ко-бренд-пары в футере (PPMLANDING-202):
   PPM-лого выше партнёрского — при дефолтном stretch ко-лого прижимается
   к верху строки. */
.footer-logo .footer-logo__link {
  display: flex;
  align-items: center;
}
.footer-logo .footer-logo__link figure {
  display: flex;
  align-items: center;
}
/* Финальный логотип ребрендинга «Плати по всему миру» (PPMLANDING-193):
   width-пины легаси-CSS сохраняются, высота — по пропорции SVG. */
.footer-logo .logo-white__wrap {
  position: relative;
}
.footer-logo .logo-white__wrap .logo-white {
  width: 196px;
  height: auto;
}
/* Лестница ширин лого футера — как на основном лендинге
   (FooterShell.module.css: 196 → 160 → 140 → 118). */
@media (max-width: 1023.98px) {
  .footer-logo .logo-white__wrap .logo-white {
    width: 160px;
  }
}
@media (max-width: 767.98px) {
  .footer-logo .logo-white__wrap .logo-white {
    width: 140px;
  }
}
@media (max-width: 575.98px) {
  .footer-logo .logo-white__wrap .logo-white {
    width: 118px;
  }
}

.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: 220px;
  }
  .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: 190px;
  }
  .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: #f4f5f7;
  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: 12px;
  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;
}

.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;
  }
}

@media (min-width: 1640px) {
  .cards-block__items .cards-block__icons-services,
  .cards-block__items .cards-block__icons-pay {
    height: 34px;
  }
}

.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;
  }
}

@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;
  }
}