@charset "UTF-8";

:root {
  --color-text: #636268;
  --color-text-dark: #272629;
  --color-blue: #0d41d2;
  --color-blue-hover: #0e35a4;
  --color-blue-light: #f1f8fc;
  --color-blue-dark: #0c52eb;
  --color-green: #1ed760;
  --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='74' height='74' viewBox='0 0 74 74' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='37' cy='37' r='37' fill='%23fff' stroke-width='1.0056'/%3E%3Cpath d='m35.519 36.747v5.4722h-1.6322v-13.513h4.3272c1.0967 0 2.0318.3889 2.7969 1.1668.7822.7778 1.1732 1.7275 1.1732 2.8491 0 1.1487-.391 2.0984-1.1732 2.8672-.7566.7688-1.6917 1.1487-2.7969 1.1487h-2.695zm0-6.3766v4.7124h2.729c.6461 0 1.1902-.2352 1.6152-.6965.4336-.4613.6546-1.022.6546-1.6552 0-.6241-.221-1.1758-.6546-1.6371-.425-.4794-.9606-.7145-1.6152-.7145h-2.729zm10.933 2.2974c1.2072 0 2.1594.3437 2.8565 1.0311s1.0456 1.6281 1.0456 2.822v5.6983h-1.5557v-1.2843h-.068c-.6716 1.0582-1.5728 1.5828-2.6949 1.5828-.9607 0-1.7599-.2985-2.406-.9045-.646-.606-.9691-1.3568-.9691-2.2612 0-.9587.3401-1.7185 1.0202-2.2793.6801-.5698 1.5898-.8502 2.7205-.8502.9691 0 1.7683.19 2.3889.5698v-.3979c0-.606-.2211-1.1125-.6717-1.5376s-.9776-.6332-1.5813-.6332c-.9096 0-1.6322.407-2.1593 1.2301l-1.4368-.9587c.7907-1.2212 1.9639-1.8272 3.5111-1.8272zm-2.1083 6.7113c0 .4522.1786.8322.5441 1.1306.3571.2985.7821.4522 1.2667.4522.6887 0 1.3007-.2713 1.8363-.814.5357-.5427.8077-1.1759.8077-1.9085-.5101-.4251-1.2157-.6422-2.1254-.6422-.6631 0-1.2157.1719-1.6578.5065-.4506.3528-.6716.778-.6716 1.2754zm14.886-6.4128-5.4409 13.314h-1.6834l2.0233-4.6581-3.5875-8.6559h1.7767l2.5845 6.6389h.034l2.5164-6.6389z' fill='%23383e41'/%3E%3Cpath d='m28.894 34.014h-6.8422v2.9849l3.9405 9e-4c-.1598.9932-.6741 1.8398-1.4623 2.4043v5e-4l9e-4-5e-4-.0709 1.7841 2.4166.1516-.001 9e-4c1.3697-1.3486 2.1545-3.3422 2.1545-5.6976 4e-4-.5463-.0451-1.0915-.1361-1.6291z' fill='%230085f7'/%3E%3Cpath d='m24.526 39.404-8e-4 6e-4c-.6528.4682-1.4934.742-2.4766.742-1.9002 0-3.5121-1.3622-4.0893-3.1984h-3e-4l3e-4.001-2.0175-.34-.4018 2.3368c1.1989 2.5306 3.6625 4.267 6.5087 4.267 1.9668 0 3.6192-.688 4.8221-1.8724 4e-4-3e-4 7e-4-6e-4.001-.001z' fill='%2300a94b'/%3E%3Cpath d='m17.736 35.467c0-.5156.0807-1.014.2279-1.4825l-.63-1.9973h-1.7897c-.4956 1.0466-.7745 2.2279-.7745 3.4798 0 1.2518.2797 2.4331.7745 3.4797l3e-4-3e-4 2.4194-1.9969c-.1507-.4779-.2277-.9785-.2279-1.4825z' fill='%23fb0'/%3E%3Cpath d='m22.049 27.72c-2.8455 0-5.3102 1.7367-6.509 4.2676l2.4196 1.9972c.5773-1.8362 2.1892-3.1984 4.0894-3.1984 1.0737 0 2.0353.3935 2.7945 1.1624l2.0788-2.2098c-1.2625-1.2511-2.9085-2.019-4.8733-2.019z' fill='%23ff4031'/%3E%3C/svg%3E");
  --icon-apay: url("data:image/svg+xml,%3Csvg width='74' height='74' viewBox='0 0 74 74' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='37' cy='37' r='37' fill='%23fff' stroke-width='1.0056'/%3E%3Cpath d='m23.693 30.246c.5038-.6319.8457-1.4803.7554-2.3474-.7374.0368-1.6373.4879-2.1583 1.1203-.4678.5416-.8819 1.4256-.7739 2.2562.8279.0719 1.6549-.415 2.1768-1.0291zm.746 1.1913c-1.2022-.0718-2.2243.6843-2.7984.6843-.5743 0-1.4535-.6481-2.4044-.6307-1.2376.0182-2.386.72-3.014 1.8362-1.2918 2.2328-.341 5.5447.9152 7.3633.61.8997 1.3452 1.8902 2.3139 1.8547.9153-.036 1.2741-.5944 2.3866-.5944 1.1117 0 1.4348.5944 2.4038.5764 1.0047-.018 1.6328-.9002 2.2428-1.8007.6998-1.0255.9863-2.0158 1.0044-2.0701-.0181-.018-1.9375-.7564-1.9552-2.9707-.0181-1.854 1.5069-2.7358 1.5788-2.7906-.8613-1.2775-2.2069-1.4216-2.6735-1.4577zm10.468-2.5091c2.6129 0 4.4324 1.8063 4.4324 4.4361 0 2.6391-1.8569 4.4548-4.4979 4.4548h-2.893v4.6138h-2.0902v-13.505zm-2.9585 7.1314h2.3984c1.8198 0 2.8555-.9826 2.8555-2.686 0-1.7032-1.0358-2.6766-2.8462-2.6766h-2.4077zm7.9371 3.5751c0-1.7221 1.3158-2.7796 3.649-2.9107l2.6875-.1591v-.758c0-1.0951-.7372-1.7502-1.9689-1.7502-1.1667 0-1.8947.5614-2.0718 1.4413h-1.9036c.1119-1.7783 1.6236-3.0885 4.05-3.0885 2.3797 0 3.9007 1.2635 3.9007 3.2381v6.7851h-1.9318v-1.6191h-.0465c-.5691 1.0951-1.8104 1.7875-3.0981 1.7875-1.9226 2e-4-3.2665-1.1977-3.2665-2.9664zm6.3364-.8891v-.7768l-2.4171.1496c-1.2039.0843-1.8851.6178-1.8851 1.4601 0 .8608.7092 1.4224 1.7917 1.4224 1.4092 1e-4 2.5105-.9732 2.5105-2.2553zm3.8301 7.3093v-1.6379c.1491.0373.4849.0373.6531.0373.9331 0 1.4371-.3929 1.7449-1.4036 0-.0188.1775-.599.1775-.6083l-3.5461-9.8549h2.1834l2.4827 8.0112h.0371l2.4826-8.0112h2.1276l-3.6771 10.36c-.8395 2.3866-1.8101 3.1541-3.8445 3.1541-.1681-2e-4-.6721-.0188-.8212-.0468z'/%3E%3C/svg%3E");
  --icon-quotes: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.5' cy='11.5' r='11' fill='white' stroke='%23F1F1F1' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90743 12.5419C9.85943 12.9541 9.73143 13.2833 9.50857 13.5752C9.20971 13.9645 8.70857 14.3283 7.88 14.715C7.82684 14.7368 7.77899 14.7684 7.73935 14.8079C7.6997 14.8475 7.66909 14.8941 7.64937 14.945C7.62966 14.9959 7.62124 15.05 7.62464 15.1041C7.62804 15.1581 7.64318 15.2109 7.66915 15.2593C7.69512 15.3077 7.73137 15.3507 7.7757 15.3857C7.82003 15.4206 7.87152 15.4468 7.92705 15.4627C7.98257 15.4785 8.04096 15.4836 8.09869 15.4778C8.15642 15.472 8.21227 15.4553 8.26286 15.4287C9.14857 15.0164 9.79029 14.5813 10.2057 14.0385C10.6291 13.4867 10.7857 12.8652 10.7857 12.1424V9.74557C10.7857 9.49837 10.6804 9.26128 10.4928 9.08648C10.3053 8.91168 10.0509 8.81348 9.78571 8.81348H7.5C7.23478 8.81348 6.98043 8.91168 6.79289 9.08648C6.60536 9.26128 6.5 9.49837 6.5 9.74557V11.6098C6.5 12.1243 6.948 12.5419 7.5 12.5419H9.90743ZM15.6217 12.5419C15.5737 12.9541 15.4457 13.2833 15.2229 13.5752C14.924 13.9645 14.4229 14.3283 13.5943 14.715C13.5411 14.7368 13.4933 14.7684 13.4536 14.8079C13.414 14.8475 13.3834 14.8941 13.3637 14.945C13.3439 14.9959 13.3355 15.05 13.3389 15.1041C13.3423 15.1581 13.3575 15.2109 13.3834 15.2593C13.4094 15.3077 13.4457 15.3507 13.49 15.3857C13.5343 15.4206 13.5858 15.4468 13.6413 15.4627C13.6969 15.4785 13.7553 15.4836 13.813 15.4778C13.8707 15.472 13.9266 15.4553 13.9771 15.4287C14.8629 15.0164 15.5046 14.5813 15.92 14.0385C16.3434 13.4867 16.5 12.8652 16.5 12.1424V9.74557C16.5 9.49837 16.3946 9.26128 16.2071 9.08648C16.0196 8.91168 15.7652 8.81348 15.5 8.81348H13.2143C12.9491 8.81348 12.6947 8.91168 12.5072 9.08648C12.3196 9.26128 12.2143 9.49837 12.2143 9.74557V11.6098C12.2143 12.1243 12.6623 12.5419 13.2143 12.5419H15.6217Z' fill='%230C52EB' /%3E%3C/svg%3E");
  --icon-angle-right: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.9832 6.6223-4.9795 4.9795-1.2446-1.2446 4.3571-4.3572-4.3571-4.3572 1.2446-1.2446 4.9795 4.9795c.16502.16507.25772.38891.25772.62232 0 .23341-.092702.45726-.25772.62233z' clip-rule='evenodd' fill='%23141c21' fill-rule='evenodd'/%3E%3C/svg%3E");
  --icon-telegram-sm: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m25.917 4.1208-3.939 18.44c-.29377 1.2987-1.0477 1.5912-2.1372 1.0048l-5.9085-4.3576-2.8924 2.7651c-.2925.29377-.58636.58763-1.2572.58763l.46156-6.0776 11.021-10.015c.4602-.46151-.12616-.62921-.71243-.25091l-13.703 8.6319-5.9098-1.8018c-1.2987-.41857-1.2987-1.3.2938-1.885l22.964-8.9271c1.131-.3354 2.0956.2522 1.7185 1.885z' fill='%23fff' stroke-width='.975'/%3E%3C/svg%3E");
  --icon-cart: 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='black'/%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='%230D41D2'/%3E%3Cg clip-path='url(%23clip0_1_8275)'%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='%23ACEF81'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_8275'%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_1_8927_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='%23ACEF81'/%3E%3Cpath d='M19.6663 9.66797C19.1359 9.66797 18.6272 9.87868 18.2521 10.2538C17.877 10.6288 17.6663 11.1375 17.6663 11.668V13.0013C17.6663 13.5317 17.877 14.0404 18.2521 14.4155C18.6272 14.7906 19.1359 15.0013 19.6663 15.0013H26.333C26.8634 15.0013 27.3721 14.7906 27.7472 14.4155C28.1223 14.0404 28.333 13.5317 28.333 13.0013V11.668C28.333 11.1375 28.1223 10.6288 27.7472 10.2538C27.3721 9.87868 26.8634 9.66797 26.333 9.66797H19.6663Z' fill='%230D41D2'/%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='%230D41D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_1_8927_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_1_8932_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='%23ACEF81'/%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='%230D41D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_1_8932_clip_path' transform='translate(1.88764 1.88764)'%3E%3Crect width='46' height='46' rx='9.43819'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --icon-arrow-sm: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4766 9.50065C14.4766 9.71061 14.3932 9.91198 14.2447 10.0604C14.0962 10.2089 13.8949 10.2923 13.6849 10.2923L3.78906 10.2923C3.5791 10.2923 3.37774 10.2089 3.22927 10.0604C3.0808 9.91198 2.9974 9.71061 2.9974 9.50065C2.9974 9.29069 3.0808 9.08932 3.22927 8.94086C3.37774 8.79239 3.5791 8.70898 3.78906 8.70898L13.6849 8.70899C13.8949 8.70899 14.0962 8.79239 14.2447 8.94086C14.3932 9.08933 14.4766 9.29069 14.4766 9.50065Z' fill='%23377BF0' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6641 9.50081C15.664 9.71076 15.5806 9.91209 15.4321 10.0605L11.8696 13.623C11.7212 13.7716 11.5198 13.8551 11.3098 13.8551C11.0998 13.8552 10.8983 13.7719 10.7498 13.6234C10.6012 13.475 10.5177 13.2736 10.5177 13.0636C10.5176 12.8536 10.601 12.6522 10.7494 12.5036L13.753 9.50081L10.7502 6.49802C10.6017 6.34947 10.5184 6.14804 10.5185 5.93803C10.5185 5.72803 10.602 5.52665 10.7506 5.37821C10.8991 5.22976 11.1006 5.14641 11.3106 5.14649C11.5206 5.14656 11.722 5.23006 11.8704 5.3786L15.4329 8.9411C15.5811 9.08967 15.6642 9.29098 15.6641 9.50081Z' fill='%23377BF0' /%3E%3C/svg%3E");
  --icon-angle-down: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 5.1464 9 9 9-9' stroke='%230c52eb' stroke-width='2'/%3E%3C/svg%3E%0A");
  --icon-share: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5306 7.03073L11.5306 10.0307C11.3897 10.1716 11.1986 10.2508 10.9994 10.2508C10.8001 10.2508 10.609 10.1716 10.4681 10.0307C10.3272 9.88984 10.2481 9.69874 10.2481 9.49949C10.2481 9.30023 10.3272 9.10913 10.4681 8.96824L12.1875 7.25011H10.3125C9.1483 7.24973 8.017 7.63632 7.09651 8.3491C6.17602 9.06187 5.51855 10.0604 5.2275 11.1876C5.20288 11.283 5.15971 11.3726 5.10046 11.4513C5.04122 11.53 4.96705 11.5962 4.8822 11.6462C4.79735 11.6963 4.70348 11.7291 4.60595 11.7428C4.50841 11.7566 4.40912 11.751 4.31375 11.7264C4.21838 11.7017 4.12879 11.6586 4.0501 11.5993C3.97141 11.5401 3.90516 11.4659 3.85513 11.3811C3.8051 11.2962 3.77228 11.2023 3.75853 11.1048C3.74478 11.0073 3.75038 10.908 3.775 10.8126C4.14861 9.36306 4.99371 8.07893 6.17726 7.16242C7.36081 6.2459 8.81557 5.74906 10.3125 5.75011H12.1875L10.4694 4.03011C10.3285 3.88921 10.2493 3.69812 10.2493 3.49886C10.2493 3.2996 10.3285 3.10851 10.4694 2.96761C10.6103 2.82671 10.8014 2.74756 11.0006 2.74756C11.1999 2.74756 11.391 2.82671 11.5319 2.96761L14.5319 5.96761C14.6018 6.03738 14.6573 6.12028 14.6951 6.21155C14.7329 6.30281 14.7523 6.40065 14.7522 6.49943C14.752 6.59822 14.7324 6.69601 14.6944 6.78718C14.6564 6.87836 14.6007 6.96113 14.5306 7.03073ZM12 12.7501H2.75V5.50011C2.75 5.3012 2.67098 5.11043 2.53033 4.96978C2.38968 4.82913 2.19891 4.75011 2 4.75011C1.80109 4.75011 1.61032 4.82913 1.46967 4.96978C1.32902 5.11043 1.25 5.3012 1.25 5.50011V13.5001C1.25 13.699 1.32902 13.8898 1.46967 14.0304C1.61032 14.1711 1.80109 14.2501 2 14.2501H12C12.1989 14.2501 12.3897 14.1711 12.5303 14.0304C12.671 13.8898 12.75 13.699 12.75 13.5001C12.75 13.3012 12.671 13.1104 12.5303 12.9698C12.3897 12.8291 12.1989 12.7501 12 12.7501Z' fill='%238A8A8A'/%3E%3C/svg%3E");
  --icon-checkmark-lg: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='9.43819' fill='%230C52EB' fill-opacity='0.9'/%3E%3Cpath d='M14.1425 20.675L24.03 10.7875C24.2634 10.5542 24.5356 10.4375 24.8467 10.4375C25.1578 10.4375 25.43 10.5542 25.6634 10.7875C25.8967 11.0208 26.0134 11.2981 26.0134 11.6193C26.0134 11.9406 25.8967 12.2174 25.6634 12.45L14.9592 23.1833C14.7259 23.4167 14.4536 23.5333 14.1425 23.5333C13.8314 23.5333 13.5592 23.4167 13.3259 23.1833L8.30919 18.1667C8.07586 17.9333 7.96386 17.6564 7.97319 17.336C7.98253 17.0156 8.10425 16.7383 8.33836 16.5042C8.57247 16.2701 8.84975 16.1534 9.17019 16.1542C9.49064 16.1549 9.76753 16.2716 10.0009 16.5042L14.1425 20.675Z' fill='white'/%3E%3C/svg%3E%0A");
  --icon-calendar: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.418 9.0814h1.8333v1.8334h-1.8333zm0 3.6667h1.8333v1.8333h-1.8333zm3.6666-3.6667h1.8334v1.8334h-1.8334zm0 3.6667h1.8334v1.8333h-1.8334zm3.6667-3.6667h1.8333v1.8334h-1.8333zm0 3.6667h1.8333v1.8333h-1.8333z' fill='%230c52eb'/%3E%3Cpath d='m3.5833 19.167h12.833c1.0111 0 1.8333-.8222 1.8333-1.8333v-12.833c0-1.0111-.8222-1.8333-1.8333-1.8333h-1.8334v-1.8333h-1.8333v1.8333h-5.5v-1.8333h-1.8333v1.8333h-1.8333c-1.0111 0-1.8333.82225-1.8333 1.8333v12.833c0 1.0111.82225 1.8333 1.8333 1.8333zm12.833-12.833 9e-4 11h-12.834v-11z' fill='%230c52eb'/%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='%230C52EB'/%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");
  --icon-play: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m81.5 44-75 43.301 4e-6-86.603z' fill='%230c52eb'/%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,%3Csvg width='462' height='462' viewBox='0 0 462 462' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='231' cy='231' r='82.553' stroke='url(%23e)' stroke-width='.9015'/%3E%3Ccircle cx='231' cy='231' r='120.14' stroke='url(%23d)' stroke-width='.9015'/%3E%3Ccircle cx='231' cy='231' r='160.07' stroke='url(%23c)' stroke-width='.9015'/%3E%3Ccircle cx='231' cy='231' r='196.88' stroke='url(%23b)' stroke-width='.9015'/%3E%3Ccircle cx='231' cy='231' r='230.55' stroke='url(%23a)' stroke-width='.9015'/%3E%3Cdefs%3E%3ClinearGradient id='e' x1='230.99' x2='230.99' y1='148.23' y2='314.39' gradientTransform='matrix(.99907 0 0 .99907 .22297 -.097733)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2' offset='0'/%3E%3Cstop stop-color='%23EFFFE5' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='231' x2='231' y1='110.61' y2='352.02' gradientTransform='matrix(.99907 0 0 .99907 .22297 -.097733)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2' offset='0'/%3E%3Cstop stop-color='%23EFFFE5' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='230.99' x2='230.99' y1='70.638' y2='391.99' gradientTransform='matrix(.99907 0 0 .99907 .22297 -.097733)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2' offset='0'/%3E%3Cstop stop-color='%23EFFFE5' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='230.99' x2='230.99' y1='33.8' y2='428.83' gradientTransform='matrix(.99907 0 0 .99907 .22297 -.097733)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2' offset='0'/%3E%3Cstop stop-color='%23EFFFE5' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='a' x1='230.99' x2='230.99' y1='.097656' y2='462.53' gradientTransform='matrix(.99907 0 0 .99907 .22297 -.097733)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5F3C2' offset='0'/%3E%3Cstop stop-color='%23EFFFE5' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  --background-sphere: url("data:image/svg+xml,%0A%3Csvg width='358' height='256' viewBox='0 0 358 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8' clip-path='url(%23clip0_174_1252)'%3E%3Cpath d='M325.747 128.033C326.024 128.023 326.295 128.024 326.562 128.037C340.018 128.676 340.526 157.876 339.221 171.026C332.943 233.279 310.286 247.779 207.629 287.792C177.744 299.417 172.197 301.913 168.722 305.856C168.049 306.565 168.217 307.595 168.891 307.809C171.237 308.838 172.089 309.216 178.396 309.439C168.672 309.168 148.412 308.565 125.924 300.446C69.7978 280.255 84.8495 256.229 181.575 211.787C248.168 181.204 284.758 161.828 312.781 134.499C318.022 130.089 322.288 128.159 325.747 128.033ZM301.75 255.471C299.086 258.443 296.343 261.211 293.472 264.027C287.362 269.393 281.07 274.556 274.607 279.508C267.963 284.208 260.844 288.433 253.417 292.172C245.971 295.804 238.237 298.925 230.216 301.534C216.412 305.883 202.093 308.466 187.615 309.217L179.06 309.439C178.822 309.439 178.565 309.323 178.406 309.323C180.218 308.09 180.347 308.022 196.686 302.942C221.313 295.202 271.37 278.148 296.423 259.958L301.75 255.471ZM230.443 22.1914C250.803 7.85666 307.85 37.3611 305.78 87.2607C305.255 99.8862 300.73 115.979 175.168 175.843C94.8204 214.166 66.4901 235.766 66.8564 258.55C66.8752 260.162 66.638 261.768 66.1533 263.309C65.5294 265.105 63.6381 263.211 59.2617 259.259C35.4961 234.523 20.0481 202.366 17.1367 166.753C19.2558 129.945 62.7275 104.402 159.345 61.1455C193.725 45.7231 214.392 33.4863 230.443 22.1914ZM178.398 -1.13574C184.815 -0.756978 215.988 2.35969 200.193 14.5967C191.836 21.0357 175.537 27.9705 150.87 38.5273C80.4938 68.6495 29.7502 92.4423 19.7441 124.315C19.6654 124.566 19.5893 124.818 19.5156 125.07C19.6503 124.394 19.7893 123.72 19.9326 123.047C28.9614 80.6708 55.2094 44.5005 92.3672 22.4932L95.0674 20.9297C134.485 -1.13299 171.799 -1.03059 178.398 -1.13574Z' fill='%230C52EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_174_1252'%3E%3Crect width='358' height='256' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  --background-sphere-lg: url("data:image/svg+xml,%3Csvg width='672' height='672' viewBox='0 0 672 672' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m592.93 555.04c-5.5493 6.4249-11.264 12.409-17.246 18.498-12.728 11.599-25.835 22.762-39.299 33.466-13.843 10.162-28.675 19.296-44.147 27.379-15.513 7.8528-31.625 14.599-48.335 20.24-28.757 9.4024-58.587 14.984-88.748 16.607l-17.824.48364c-.4956 0-1.0321-.25229-1.3622-.25229 3.7753-2.6665 4.0446-2.814 38.082-13.794 51.305-16.734 155.59-53.603 207.78-92.928zm22.986-261.53c55.905-48.815 58.526 42.937 55.08 78.966-13.079 134.58-60.28 165.93-274.15 252.43-62.259 25.132-73.813 30.528-81.053 39.052-1.403 1.5327-1.052 3.7584.35002 4.2211 4.8892 2.2257 6.6642 3.0444 19.805 3.527-20.259-.58834-62.467-1.8897-109.32-19.442-116.93-43.651-85.572-95.594 115.94-191.67 138.73-66.116 214.96-108 273.34-167.09zm-171.54-242.79c42.414-30.989 161.26 32.796 156.95 140.67-1.0939 27.295-10.523 62.085-272.1 191.5-167.39 82.849-226.41 129.54-225.65 178.8.0389 3.4852-.45571 6.9564-1.4649 10.288-1.3003 3.884-5.2402-.21041-14.358-8.7553-49.511-53.476-81.693-122.99-87.758-199.98 4.4147-79.574 94.978-134.79 296.26-228.31 71.626-33.342 114.68-59.796 148.12-84.215zm-108.42-50.436c13.368.81891 78.309 7.5588 45.405 34.013-17.412 13.92-51.368 28.911-102.76 51.734-147.77 65.633-253.99 117.37-273.65 187.09 17.948-93.494 73.132-173.43 151.77-221.76l3.6696-2.233c82.838-48.846 161.7-48.62 175.56-48.849z' fill='url(%23a)' fill-opacity='.3' opacity='.4' stroke-width='.99718'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='944.56' x2='261.4' y1='369.35' y2='740.04' gradientTransform='matrix(.99718 0 0 .99718 -3.9693 2.8819)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231AA5F5' offset='0'/%3E%3Cstop stop-color='%2390C0DB' offset='1'/%3E%3C/linearGradient%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;
}

.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

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

  body:has(.cards-plati) .header-main {
    position: absolute;
  }
}

@media (max-width: 575.98px) {
  body {
    font-size: 15px;
  }
}

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

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

input:focus,
input:not(:placeholder-shown),
textarea:focus,
textarea:not(:placeholder-shown) {
  border-color: #c3bfbf;
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  position: absolute;
  visibility: hidden;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.inputs {
  display: grid;
  gap: 20px;
}

.inputs input,
.inputs textarea {
  width: 100%;
  border-radius: 10px;
}

.inputs input {
  height: 72px;
  padding: 0 20px;
}

.inputs textarea {
  padding: 20px;
  resize: none;
}

@media (min-width: 1640px) {
  .inputs input,
  .inputs textarea {
    font-size: 22px;
  }
}

@media (max-width: 1279.98px) {
  .inputs input {
    height: 68px;
  }
}

@media (max-width: 1023.98px) {
  .inputs input {
    height: 60px;
  }

  .inputs textarea {
    padding: 17px 20px;
  }
}

@media (max-width: 767.98px) {
  .inputs input {
    height: 56px;
  }
}

@media (max-width: 575.98px) {
  .inputs {
    gap: 8px;
  }

  .inputs input {
    height: 50px;
    padding: 0 15px;
  }

  .inputs textarea {
    padding: 15px;
  }
}

.policy {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.2;
  color: #7c7c7d;
}

.policy input {
  width: 1.15em;
  height: 1.15em;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.policy input:checked ~ span::after {
  opacity: 1;
}

.policy span {
  display: block;
}

.policy span::before,
.policy span::after {
  content: '';
  position: absolute;
  display: block;
  width: 1.15em;
  height: 1.15em;
  left: 0;
  top: 0;
  border-radius: 2px;
}

.policy span::before {
  border: 1px solid #dfdfdf;
}

.policy span::after {
  opacity: 0;
  background: var(--icon-checkmark-sm) center no-repeat;
  background-size: contain;
  background-color: var(--color-blue);
  transition: opacity 0.1s ease;
}

.policy span a {
  color: #161717;
  transition: color 0.25s ease;
}

.policy span a:hover {
  color: var(--color-blue);
}

@media (max-width: 575.98px) {
  .policy {
    column-gap: 8px;
    margin-top: 15px;
    font-size: 12px;
  }
}

img,
svg {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

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

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

a {
  text-decoration: none;
}

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

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

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

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

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

@media (max-width: 1639.98px) {
  h1 {
    font-size: 70px;
  }

  h2 {
    font-size: 52px;
  }
}

@media (max-width: 1279.98px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 44px;
  }

  h3 {
    font-size: 38px;
  }
}

@media (max-width: 1023.98px) {
  h1 {
    font-size: 47px;
  }

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

  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(255, 220, 45, 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: #ffdd2d;
}

.btn--grad-purple:hover {
  background-color: #f6c429;
}

.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: #0d41d2;
}

.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-image {
  padding: 46px 15px;
}

@media (max-width: 1279.98px) {
  .fancybox__slide.has-iframe .fancybox__content,
  .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-tbank__wrap {
  position: relative;
  line-height: 0;
  padding-right: 8px;
  display: flex;

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

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

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

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

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

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

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

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

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

  .header-logo__link .logo-tbank__wrap {
    padding-right: 12px;
  }

  .footer-logo .logo-tbank-white__wrap {
    padding-right: 12px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .footer-logo .logo-tbank-white {
    width: auto;
  }
  .header-logo__link .logo-black {
    width: 182px;
  }

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

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

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

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

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

.header-main {
  position: fixed;
  top: 15px;
  left: 0;
  right: 0;
  z-index: 20;
  margin-right: var(--fancybox-scrollbar-compensate, 0px);
}

.header-main__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-radius: 100px;
  border: 1px solid transparent;
  background-color: transparent;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}
.header-main__body.is-scrolled {
  background-color: #fff;
  border-color: #f1f1f1;
}

.header-menu__list {
  display: grid;
  grid-auto-flow: column;
  column-gap: 18px;
}

.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: flex;
  align-items: center;
  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: 1380px;
  }
}

@media (max-width: 1279.98px) {
  .header-main .header-menu {
    display: none;
  }

  .header-action {
    margin-left: auto;
  }

  .header-action__btn {
    height: 42px;
  }

  .header-burger {
    display: block;
  }

  .header-menu__list {
    grid-auto-flow: row;
  }

  .header-menu__list > li > a {
    font-size: 20px;
  }

  .header-menu__list > li.is-open > a {
    color: var(--color-blue);
  }

  .header-menu__list > li.is-open > button {
    transform: rotate(-90deg);
    background-color: var(--color-blue);
  }

  .header-menu__link {
    padding: 10px 0;
  }

  .header-menu__submenu {
    display: none;
    position: unset;
    width: unset;
    top: unset;
    margin-bottom: 10px;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eaeaea;
  }

  .header-menu__submenu::before {
    display: none;
  }

  .header-menu__submenu a {
    font-size: 18px;
  }

  .header-menu__toggle {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    right: 0;
    top: 10px;
    transform: rotate(90deg);
    mask: var(--icon-angle-right) center no-repeat;
    -webkit-mask: var(--icon-angle-right) center no-repeat;
    mask-size: 14px;
    -webkit-mask-size: 14px;
    background-color: var(--color-text);
    transition:
      transform 0.25s ease,
      background-color 0.25s ease;
  }

  .header-order,
  .header-socials {
    justify-content: flex-start;
  }

  .header-order {
    margin-top: 55px;
  }
}

@media (max-width: 767.98px) {
  .header-main {
    top: 10px;
  }

  .header-logo__link img {
    width: 135px;
  }

  .header-burger {
    margin-left: 10px;
  }

  .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 img {
    width: 20vw;
  }

  .header-burger {
    width: 24px;
    height: 24px;
  }

  .header-burger::before {
    top: calc(50% - 6px);
  }

  .header-burger::after {
    top: calc(50% + 6px);
  }

  .header-action__btn {
    width: 108px;
    height: 30px;
    font-size: 12px;
  }

  .header-dropdown {
    padding: 75px 0 45px;
  }

  .header-menu__list > li > a {
    font-size: 17px;
  }

  .header-menu__link {
    padding: 8px 0;
  }

  .header-menu__submenu {
    margin-bottom: 8px;
  }

  .header-menu__submenu a {
    font-size: 15px;
  }

  .header-menu__toggle {
    width: 20px;
    height: 20px;
    top: 8px;
    mask-size: 10px;
    -webkit-mask-size: 10px;
  }

  .header-order {
    margin-top: 30px;
  }

  .header-socials {
    margin-top: 40px;
  }
}

.hero-main {
  position: relative;
  display: flex;
  padding: 120px 0;
  z-index: 1;
  background:
    url(hero.webp) 50% 100% no-repeat,
    linear-gradient(
      0deg,
      rgba(209.02, 255, 179.52, 0.5) 0%,
      rgba(236.93, 255, 225.37, 0.5) 100%
    );
  background-size: 1920px, cover;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
}

.hero-main--lg {
  min-height: 1320px;
}

.hero-main--sm {
  min-height: 1260px;
}

.hero-main__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.hero-title {
  text-align: center;
}

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

.hero-title--home span:nth-of-type(2),
.hero-title--country span:nth-of-type(2),
.hero-title--region span:nth-of-type(2),
.hero-title--service span:nth-of-type(2) {
  display: inline-block;
}

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

.hero-title--home span:nth-of-type(2)::after,
.hero-title--country span:nth-of-type(2)::after,
.hero-title--region span:nth-of-type(2)::after,
.hero-title--service span:nth-of-type(2)::after {
  background-image: url(rub.svg);
}

.hero-title--country span:nth-of-type(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--home-color {
  color: var(--color-blue);
}

.hero-title--country span:nth-of-type(1) {
  display: inline-block;
}

.hero-title--country span:nth-of-type(1)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background: var(--icon-logo) center no-repeat;
  background-size: contain;
}

.hero-title--foreign-card span:nth-of-type(1),
.hero-title--foreign-card span:nth-of-type(2) {
  display: inline-block;
}

.hero-title--foreign-card span:nth-of-type(1)::after,
.hero-title--foreign-card span:nth-of-type(2)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-title--foreign-card span:nth-of-type(1)::after {
  background-image: var(--icon-logo);
}

.hero-title--foreign-card span:nth-of-type(2)::after {
  background-image: url(sbp.svg);
}

.hero-title--online-service span {
  display: inline-block;
}

.hero-title--online-service span:nth-of-type(2)::after {
  content: '';
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-left: 0.26em;
  vertical-align: middle;
  background: var(--icon-logo) center no-repeat;
  background-size: contain;
}

.hero-descr {
  margin-top: 20px;
  text-align: center;
  color: #828181;
}

.hero-order {
  margin-top: 40px;
  text-align: center;
}

.hero-services {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr auto;
  margin-top: -84px;
}

.hero-services__list {
  display: grid;
  min-width: 232px;
  row-gap: 10px;
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.hero-services__list--left {
  grid-row: 1/4;
}

.hero-services__list--right {
  grid-column: 3/4;
}

.hero-services__list--single + .hero-services__app {
  margin: 8px 0 0;
}

.hero-services__list--center {
  display: flex;
  justify-content: center;
  margin-right: 80px;
  margin-top: 110px;
}

.hero-services__list--ostrovok {
  max-width: min(26vw, 100px);
}

.hero-services__list--ostrovok-two {
  max-width: min(26vw, 70px);
  position: absolute;
  margin-top: -90px;
  margin-left: -90px;
}

.hero-services__list--right {
  max-width: 52px;
}

@media (min-width: 576px) {
  .hero-services__list--center {
    margin-right: 100px;
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .hero-services__list--center {
    margin: 0;
  }
  .hero-services__list--ostrovok {
    max-width: 120px;
    margin-left: -200px;
    margin-top: 0px;
  }
  .hero-services__list--ostrovok-two {
    max-width: 100px;
    margin-top: -120px;
    margin-left: -140px;
  }
  .hero-services__list--left {
    margin-left: 20px;
  }
  .hero-services__list--right {
    max-width: 80px;
    margin-right: 60px;
  }
  .hero-services__list--center {
    display: block;
    margin-right: 0px;
  }
}

@media (min-width: 1024px) {
  .hero-services__list--ostrovok {
    max-width: 180px;
    margin-top: -100px;
    margin-left: -200px;
  }

  .hero-services__list--ostrovok-two {
    max-width: 160px;
    margin-top: -220px;
    margin-left: -150px;
  }
  .hero-services__list--left {
    margin-top: -110px;
    margin-left: 0px;
  }
  .hero-services__list--right {
    margin-right: 0px;
  }
}

@media (min-width: 1280px) {
  .hero-services__list--ostrovok {
    max-width: 220px;
    margin-left: -120px;
    margin-top: -80px;
  }
  .hero-services__list--ostrovok-two {
    max-width: 200px;
    margin-left: -150px;
    margin-top: -110px;
  }
  .hero-services__list--right {
    max-width: 100%;
  }
  .hero-services__list--left {
    margin-top: -30px;
  }
}

@media (min-width: 1640px) {
  .hero-services__list--ostrovok {
    max-width: 300px;
    margin-left: -150px;
    margin-top: -90px;
  }
  .hero-services__list--ostrovok-two {
    max-width: 240px;
    margin-left: -190px;
    margin-top: -110px;
  }
}

.hero-services__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  line-height: 1.1;
  white-space: nowrap;
  color: #433e3e;
}

.hero-services__item-icon {
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

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

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

.hero-services__item-price {
  font-family: var(--font-semibold);
}

.hero-services__app {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  grid-column: 2/4;
  margin: 50px 100px 0 0;
}

.hero-services__app-btn {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 10px;
  padding: 15px;
  font-family: var(--font-medium);
  font-size: 18px;
  line-height: 1.1;
  border-radius: 20px;
  color: #433e3e;
  background-color: #fff;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
  transition:
    color 0.25s ease,
    background-color 0.25s ease;
}

.hero-services__app-btn::before {
  content: '';
  display: block;
  width: 116px;
  height: 45px;
  /* 	background: url(./icons/rocket.png) center no-repeat; */
  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-color: var(--color-blue);
}

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

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

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

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

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

.hero-footer__body {
  position: relative;
}

.hero-brands {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 85px;
  margin-top: 30px;
  display: none !important;
}

.hero-brands__item {
  display: flex;
}

.hero-brands__item img {
  width: 100%;
}

.hero-users {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  margin-top: 60px;
}

.hero-users__img {
  display: flex;
  width: 128px;
}

.hero-users__img img {
  width: 100%;
}

.hero-users__info {
  font-family: var(--font-medium);
  line-height: 1.1;
  color: #000;
}

.hero-users__info span {
  color: #377ef0;
}

.hero-users__info br {
  display: none;
}

.hero-reviews {
  position: absolute;
  right: 0;
  bottom: calc(100% + 80px);
  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: 1120px;
  }

  .hero-title br {
    display: none;
  }

  .hero-services {
    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: 960px;
  }

  .hero-services {
    margin-top: 40px;
  }

  .hero-services__list {
    min-width: 212px;
  }

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

  .hero-services__app-btn::before {
    width: 80px;
    height: 30px;
  }

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

  .hero-order {
    margin-top: 35px;
  }

  .hero-services__list {
    min-width: 192px;
  }

  .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: 65px;
    height: 25px;
  }

  .hero-brands {
    column-gap: 30px;
    justify-content: space-between;
  }

  .hero-reviews {
    position: unset;
    max-width: unset;
    bottom: unset;
    margin-top: 20px;
  }

  .hero-review__comment {
    font-size: 20px;
  }

  .hero-review__author {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .hero-main {
    padding: 90px 0 40px;
    border-radius: 0 0 20px 20px;
    background-size: 880px, cover;
  }

  .hero-main--lg {
    min-height: 780px;
  }

  .hero-main--sm {
    min-height: 720px;
  }

  .hero-order__btn {
    width: 100%;
  }

  .hero-services__list {
    min-width: 156px;
    padding: 10px;
    row-gap: 8px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }

  .hero-services__item {
    font-size: 12px;
  }

  .hero-services__item-icon {
    width: 16px;
    height: 16px;
  }

  .hero-services__app-btn {
    padding: 10px;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }

  .hero-services__app-btn::before {
    width: 60px;
    height: 25px;
  }

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

  .hero-descr {
    margin-top: 17px;
  }

  .hero-order {
    margin-top: 25px;
  }

  .hero-services {
    margin-top: 30px;
    flex: 1;
  }

  .hero-services__list {
    min-width: unset;
    padding: 6px;
    row-gap: 6px;
  }

  .hero-services__list--single + .hero-services__app {
    margin-top: 30px;
  }

  .hero-services__item {
    font-size: 10px;
  }

  .hero-services__item-icon {
    width: 14px;
    height: 14px;
  }

  .hero-services__item-name {
    margin-left: 6px;
  }

  .hero-services__app {
    justify-content: center;
    width: 100%;
    margin-top: 30px;
  }

  .hero-services__app-btn {
    column-gap: 6px;
    padding: 6px;
    font-size: 10px;
  }

  .hero-services__app-btn::before {
    width: 50px;
    height: 25px;
  }

  .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--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: 220px;
    max-height: 100%;
  }

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

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

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

.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 {
  max-width: 1280px;
  margin: 0 auto;
}

.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(./icons/3d-secure.svg) center no-repeat;
  background-size: contain;
}

.registration-order__btn {
  margin-top: 40px;
}

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

.registration-img {
  display: flex;
  align-items: flex-end;
  margin: -200px 0 -95px;
}

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

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

  .registration-body {
    grid-template-columns: 2fr 1fr;
    column-gap: 60px;
    margin-top: 60px;
    padding: 60px 80px 80px;
  }

  .registration-order::before {
    width: 100px;
    height: 115px;
  }

  .registration-img {
    margin: -80px 0;
  }
}

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

  .registration-body {
    grid-template-columns: 1.5fr 1fr;
    margin-top: 50px;
    padding: 45px 60px 60px;
    background-size: 1024px;
  }

  .registration-header {
    margin-bottom: 40px;
  }

  .registration-info {
    display: block;
  }

  .registration-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .registration-qrcode__descr {
    margin: 20px 0 0;
  }

  .registration-order::before {
    display: none;
  }

  .registration-img {
    position: relative;
    margin: -60px 0;
  }

  .registration-img::before {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 115px;
    top: 0;
    right: -30px;
    background: url(./icons/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);
  }
}

.partner-programs__item-wrap {
  display: grid;
  grid-template-columns: 1fr;
  padding: 30px;
  border-radius: 20px;
  gap: 15px;
}

.partner-programs__item-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.partner-programs-item__title {
  margin-bottom: 30px;
}

.partner-programs-item__description {
  font-size: 14px;
  strong {
    color: #000;
  }
}

.partner-programs__img {
  max-height: 200px;
  margin: 0 auto;
  user-select: none;
  pointer-events: none;
  grid-row-start: 1;

  img {
    object-fit: contain;
  }
}

.partner-programs-order__btn {
  width: 100%;
  max-width: 270px;
}

.partner-programs__pagination-wrap {
  position: relative;
  padding-top: 50px;
}

@media (min-width: 576px) {
  .partner-programs__item-wrap {
    grid-template-columns: 1fr 1fr;
  }
  .partner-programs__item-inner {
    align-items: normal;
  }
  .partner-programs__img {
    grid-row-start: auto;
    margin: 0;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .partner-programs-item__description {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .partner-programs-item__description {
    font-size: 14px;
  }
  .partner-programs-item__title {
    font-size: 24px;
  }
  .partner-programs__img {
    max-height: 315px;
  }
  .partner-programs__pagination-wrap {
    display: none;
  }
}

@media (min-width: 1280px) {
  .partner-programs__wrapper .swiper-slide:last-child .partner-programs__img {
    margin: auto;
  }
  .partner-programs-order__btn {
    max-width: 250px;
  }
  .partner-programs-item__description {
    font-size: 16px;
  }

  .header-action .login-wrapper {
    order: 1;
  }
  .header-action .header-action__btn {
    order: 2;
  }
}

@media (min-width: 1640px) {
  .partner-programs__item-wrap {
    padding: 30px 50px;
    grid-template-columns: 0.5fr 0.6fr;
    gap: 0;
  }
  .partner-programs-item__title {
    font-size: 30px;
  }
  .partner-programs-item__description {
    font-size: 18px;
  }
  .partner-programs-order__btn {
    margin-bottom: 30px;
    max-width: 270px;
  }
}

.partners {
  margin-top: 130px;
  position: relative;
}

.partners::after {
  content: '';
  position: absolute;
  right: 0;
  top: -60px;
  width: 100px;
  height: 150px;
  background-image: url(airplaner.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}

@media (min-width: 576px) {
    .partners::after {
        width: 150px;
    }
}

@media (min-width: 1280px) {
  .partners::after {
    right: 0px;
  top: -140px;
  width: 220px;
  height: 220px;
  }

  .partners::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -70px;
  width: 150px;
  height: 150px;
  background-image: url(calendar_V10.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}
}

@media (min-width: 1640px) {
  .partners::after {
    right: 40px;
  top: -100px;
  width: 220px;
  height: 220px;
  }
    .partners::before  {
        width: 240px;
  height: 240px;
    }
}

.partners-body {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  column-gap: 45px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 55px;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(90deg, #0d41d2 0%, #0d41d2 100%);
}

.partners-body::before {
  content: '';
  position: absolute;
  display: block;
  width: 320px;
  height: 320px;
  top: 150px;
  bottom: 0;
  right: 55px;
  margin: auto 0;
  background: var(--background-sphere) center no-repeat;
  background-size: contain;
}

@media (min-width: 1024px) {
  .partners-body::before {
    top: 60px;
  }
}

.partners-title {
  font-size: 34px;
  color: #fff;
}

.partners-descr {
  margin-top: 25px;
  color: #fff;
  max-width: 660px;
  opacity: 0.7;
}

@media (min-width: 1640px) {
  .partners-descr {
    max-width: 720px;
  }
}

.partners-info,
.partners-img {
  position: relative;
  z-index: 4;
}

.partners-img {
  display: flex;
  max-width: 170px;
  user-select: none;
}

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

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

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

  .partners-body {
    padding: 45px;
  }

  .partners-body::before {
    right: 45px;
  }

  .partners-title {
    font-size: 28px;
  }
}

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

  .partners-body {
    grid-template-columns: 1fr;
    padding-bottom: 55px;
  }

  .partners-img {
    margin-top: 30px;
    max-width: 100px;
  }
}

@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: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .partners-title {
    font-size: 26px;
  }

  .partners-img {
    width: 70px;
  }
}

@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: 70px;
    margin-top: 25px;
    max-width: 70px;
  }

}

.gpay {
  margin-top: 130px;
  overflow: hidden;
}

.gpay-descr {
  margin-top: 25px;
  text-align: center;
}

.gpay-body {
  position: relative;
  display: grid;
  grid-template-columns: 1.6fr 500px 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 80px;
  padding: 65px 160px 110px 80px;
  margin-top: 120px;
  z-index: 1;
  border-radius: 30px;
  background-color: #f7f8f9;
}

.gpay-pay {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.gpay-pay::before,
.gpay-pay::after {
  content: '';
  display: block;
  width: 96px;
  height: 96px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.gpay-pay::before {
  transform: translateX(15%);
  background-image: var(--icon-gpay);
}

.gpay-pay::after {
  z-index: 2;
  background-image: var(--icon-apay);
}

.gpay-pays {
  margin-left: 20px;
}

@media (min-width: 576px) {
  .gpay-pays {
    margin-left: 30px;
  }
}

@media (min-width: 1024px) {
  .gpay-pays {
    margin-left: auto;
  }
}

.gpay-card {
  display: flex;
  align-items: center;
  grid-row: 3/4;
  margin-left: auto;
}

.gpay-card img {
  max-height: 80px;
}

@media (min-width: 768px) {
  .gpay-card img {
    max-height: 120px;
  }
}

@media (min-width: 1024px) {
  .gpay-card img {
    max-height: 100%;
  }
}

.gpay-img {
  display: flex;
  align-items: flex-end;
  grid-column: 2/3;
  grid-row: 1/4;
  margin: -100px 0 -110px;
}

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

.gpay-services {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 3/4;
  grid-row: 1/4;
  margin-bottom: 40px;
}

.gpay-services__list {
  display: grid;
  row-gap: 8px;
  padding: 12px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.gpay-services__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  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 {
  margin-left: 8px;
  font-family: var(--font-regular);
  color: #b0b0b0;
}

.gpay-services__item-price {
  font-family: var(--font-semibold);
}

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

.gpay-icons img:nth-child(1) {
  width: 220px;
  top: 100px;
  left: -120px;
}

.gpay-icons img:nth-child(2) {
  width: 80px;
  top: -60px;
  right: 80px;
}

.gpay-icons img:nth-child(3) {
  width: 80px;
  right: 120px;
  bottom: 0;
  display: none;
}

.gpay-services__list {
  min-width: 180px;
}

@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::before,
  .gpay-pay::after {
    width: 74px;
    height: 74px;
  }

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

  .gpay-pay::before,
  .gpay-pay::after {
    width: 64px;
    height: 64px;
  }

  .gpay-pay::before {
    transform: unset;
  }

  .gpay-pay::after {
    transform: translateX(-15%);
  }

  .gpay-img {
    margin: -60px 0 -45px;
  }

  .gpay-card {
    margin-right: -45px;
    font-size: 14px;
  }

  .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: 40px;
    right: 20px;
  }

  .gpay-pay::before,
  .gpay-pay::after {
    width: 54px;
    height: 54px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }

  .gpay-services {
    position: absolute;
    top: 170px;
    left: 30px;
    margin: 0;
  }

  .gpay-services__list {
    padding: 10px;
    row-gap: 8px;
    border-radius: 10px;
    min-width: 150px;
    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: 90px;
    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: 150px;
    left: auto;
    right: 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-pay {
    top: 30px;
    right: 15px;
  }

  .gpay-pay::before,
  .gpay-pay::after {
    width: 42px;
    height: 42px;
  }

  .gpay-img {
    width: 260px;
    margin: -60px 30px 0;
  }

  .gpay-card {
    bottom: 60px;
    left: auto;
    right: 20px;
    transform: translate(0);
    margin-right: 0;
  }
  .gpay-card img {
    max-height: 50px;
  }

  .gpay-icons img:nth-child(1) {
    width: 60px;
    bottom: 60px;
    left: auto;
    right: 20px;
    top: 20px;
  }

  .gpay-icons img:nth-child(2) {
    width: 50px;
    right: auto;
    top: 40%;
  }

  .gpay-icons img:nth-child(3) {
    bottom: 10px;
    right: 20px;
  }
}

.payments {
  margin-top: 130px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1024px) {
.payments::after {
  content: '';
  position: absolute;
  top: -20px;
  right: -62px;
  width: 230px;
  height: 230px;
  background-image: url(RR7.webp);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.payments::before {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 0px;
  width: 230px;
  height: 230px;
  background-image: url(b2c_15.05.webp);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
}

@media (min-width: 1280px) {
.payments::after {
  top: -20px;
  right: -62px;
  width: 230px;
  height: 230px;
}
}

@media (min-width: 1640px) {
  .payments::after {
     top: 100px;
  }
}

.payments-descr {
  margin-top: 25px;
  text-align: center;
}

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

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

.payments-item {
  position: relative;
  padding: 35px 50px 40px 45px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}

.payments-item__title {
  min-height: 5.5em;
  font-family: var(--font-semibold);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
}

.payments-item__icon {
  position: absolute;
  display: flex;
  width: 46px;
  height: 46px;
  top: 20px;
  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;
}

.regions-tags {
  margin-top: 50px;
  margin-bottom: 50px;
}

.regions-tags .container {
  display: flex;
  justify-content: center;
}

.regions-tags__list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 24px;
  padding: 18px 32px;
  border-radius: 100px;
  background-color: var(--color-blue);
}

.regions-tags__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s;
}

.regions-tags__item:hover {
  opacity: 0.9;
}

.regions-tags__icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

@media (max-width: 767.98px) {
  .regions-tags {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .regions-tags__list {
    padding: 14px 20px;
    gap: 6px 16px;
  }

  .regions-tags__item {
    font-size: 14px;
  }
}

@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: 28px;
  }

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

  .payments-item__img {
    height: 40px;
    margin-top: 20px;
  }

  .payments-order {
    margin-top: 35px;
  }

  .payments-order__btn {
    width: 100%;
  }
}

.payment {
  margin-top: 130px;
}

.payment-img {
  display: flex;
  max-width: 780px;
  margin: 50px auto 0;
}

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

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

  .payment-img {
    max-width: 640px;
  }
}

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

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

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

  .payment-img {
    margin-top: 40px;
  }
}

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

  .payment-title br {
    display: none;
  }

  .payment-img {
    margin-top: 30px;
  }
}

.scheme {
  margin-top: 130px;
}

.scheme-title {
  max-width: 1280px;
  margin: 0 auto;
}

.scheme-slider {
  margin-top: 80px;
  counter-reset: num;
}

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

.scheme-item {
  counter-increment: num;
}

.scheme-item__img {
  position: relative;
  display: flex;
  padding: 100px 45px 0;
  border-radius: 20px;
  background-color: #f7f7f7;
}

.scheme-item__img img {
  width: 100%;
  aspect-ratio: 768/1214;
  object-fit: cover;
  object-position: 50% 0;
}

.scheme-item__img::before {
  content: 'Шаг ' counter(num);
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  padding: 10px 15px;
  font-family: var(--font-medium);
  font-size: 16px;
  line-height: 1;
  color: #434343;
  background-color: #fff;
  border-radius: 50px;
  border: 1px solid rgba(199, 197, 197, 0.37);
}

.scheme-item__title {
  margin-top: 30px;
  font-family: var(--font-semibold);
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
}

.scheme-item__title a {
  display: block;
  color: var(--color-blue);
  transition: color 0.25s ease;
}

.scheme-item__title a::after {
  content: '';
  display: inline-block;
  width: 0.55em;
  height: 0.55em;
  margin-left: 8px;
  mask: var(--icon-arrow) center no-repeat;
  -webkit-mask: var(--icon-arrow) center no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: var(--color-blue);
  transition: background-color 0.25s ease;
}

.scheme-item__title a:hover {
  color: var(--color-blue-hover);
}

.scheme-item__title a:hover::after {
  background-color: var(--color-blue-hover);
}

.scheme-order {
  margin-top: 80px;
  text-align: center;
}

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

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

  .scheme-item__title {
    font-size: 18px;
  }

  .scheme-item__img {
    padding: 90px 20px 0;
  }

  .scheme-order {
    margin-top: 60px;
  }
}

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

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

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

  .scheme-order {
    margin-top: 50px;
  }
}

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

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

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

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

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

  .scheme-item__img {
    border-radius: 10px;
  }

  .scheme-item__title {
    margin-top: 25px;
  }

  .scheme-order {
    margin-top: 40px;
  }

  .scheme-order__btn {
    width: 100%;
  }
}

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

  .scheme-title br {
    display: none;
  }

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

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

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

  .scheme-item__title {
    margin-top: 20px;
    font-size: 16px;
  }

  .scheme-item__img {
    padding: 65px 50px 0;
  }

  .scheme-item__img::before {
    top: 15px;
    left: 15px;
    padding: 6px 10px;
    font-size: 14px;
  }

  .scheme-order {
    margin-top: 30px;
  }
}

.services {
  margin-top: 130px;
}

.services--online .services-title {
  max-width: 1200px;
  margin: 0 auto;
}

.services-body {
  display: grid;
  grid-template-columns: 420px 1fr;
  column-gap: 100px;
  margin-top: 80px;
}

.services-nav__list {
  display: grid;
  row-gap: 12px;
}

.services-nav__item {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.25s ease;
}

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

.services-tab {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

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

.services-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  margin-top: 80px;
}

.services-item__link {
  position: relative;
  display: block;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  transition: border-color 0.25s ease;
}

.services-item__link::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 48.75%;
}

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

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

  .services-body {
    grid-template-columns: 320px 1fr;
    column-gap: 80px;
    margin-top: 60px;
  }

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

  .services-grid {
    grid-template-columns: repeat(5, 1fr);
    margin-top: 60px;
  }
}

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

  .services-body {
    column-gap: 40px;
    margin-top: 50px;
  }

  .services-grid {
    margin-top: 50px;
  }

  .services-nav__list {
    row-gap: 10px;
  }
}

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

  .services-body {
    grid-template-columns: 280px 1fr;
    column-gap: 20px;
  }

  .services-grid {
    grid-template-columns: repeat(4, 1fr);
  }

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

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

  .services-body {
    display: block;
    margin-top: 40px;
  }

  .services-nav {
    overflow-x: auto;
    scrollbar-width: none;
  }

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

  .services-nav__list {
    display: inline-grid;
    grid-auto-flow: column;
    min-width: 100%;
    border-bottom: 1px solid #ece7e7;
  }

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

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

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

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

  .services-grid {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
  }
}

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

  .services-body {
    margin-top: 30px;
  }

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

  .services-nav__item {
    padding: 0 12px 15px;
    font-size: 15px;
    border-width: 3px;
  }

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

  .services-tab {
    gap: 8px;
  }

  .services-grid {
    gap: 8px;
    margin-top: 30px;
  }
}

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

  .services-item__link:hover {
    border-color: var(--color-blue-dark);
  }
}

.advantages {
  margin-top: 130px;
}

.advantages-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
  margin-top: 80px;
}

.advantages-item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  justify-content: space-between;
  border-radius: 20px;
}

.advantages-item__title {
  font-family: var(--font-semibold);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #000;
  z-index: 1;
}

.advantages-item__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: 50px 0 0 155px;
}

.advantages-item__img-cards img {
  width: 74px;
  height: 74px;
  border-radius: 100%;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.advantages-item__img-cards img:first-child {
  transform: translateX(15%);
}

.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 24px 34px 0 rgba(0, 50, 130, 0.15);
}

.advantages-item--one {
  grid-column: 1/3;
  grid-row: 1/3;
  padding: 45px 140px 0 60px;
  background:
    var(--background-sphere-lg) 115% 60px no-repeat,
    linear-gradient(74deg, #e9f7ff 0%, #bde6f9 100%);
  background-size: 66%, cover;
}

.advantages-item--one .advantages-item__title {
  font-size: 40px;
}

.advantages-item--one .advantages-item__images {
  display: grid;
  align-items: start;
  grid-template-columns: auto auto;
}

.advantages-item--two {
  padding: 30px 40px;
  background:
    url(hamster.webp) 100% 100% no-repeat,
    linear-gradient(17deg, #298df4 0%, #4ca1ff 28%, #0169e1 65%);
  background-size: 55%, cover;
}

.advantages-item--two .advantages-item__title {
  color: #fff;
}

.advantages-item--two .advantages-item__img {
  width: 52%;
  margin-top: 25px;
}

.advantages-item--two .advantages-item__img img {
  width: 100%;
}

.advantages-item--three {
  padding: 40px 40px 50px;
  background-color: #fff9ed;
}

.advantages-item--three .advantages-item__img img {
  width: 100%;
}

.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,
    rgba(239, 255, 229, 0.6);
  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: var(--color-blue-light);
}

.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__img-cards {
    justify-content: flex-start;
    order: -1;
    margin: 70px 0 0;
  }

  .advantages-item__img-cards img:first-child {
    transform: unset;
  }

  .advantages-item__img-cards img:last-child {
    transform: translateX(-15%);
  }

  .advantages-item--one {
    background-position:
      115% 115%,
      center;
  }

  .advantages-item--one .advantages-item__title {
    font-size: 30px;
  }

  .advantages-item--two,
  .advantages-item--three {
    padding-bottom: 35px;
  }

  .advantages-item--two {
    background-size: 65%, cover;
  }

  .advantages-item--two .advantages-item__img {
    width: 63%;
  }

  .advantages-item--six .advantages-item__img img:nth-child(2) {
    left: calc(50% - 10px);
  }
}

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

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

  .advantages-grid--sm .advantages-item--six {
    grid-column: unset;
  }

  .advantages-item--two .advantages-item__img {
    width: 55%;
  }

  .advantages-item--six {
    grid-column: 1/-1;
  }

  .advantages-item--six .advantages-item__title {
    text-align: center;
  }
}

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

  .advantages-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

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

  .advantages-item__img-cards {
    margin-top: 0;
  }

  .advantages-item__img-cards img {
    width: 48px;
    height: 48px;
    box-shadow: 0 10px 15px 0 rgba(0, 50, 130, 0.05);
  }

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

  .advantages-item__img-faceid {
    width: 100px;
  }

  .advantages-item__img-phone {
    height: 180px;
  }

  .advantages-item__img-phone img:last-child {
    width: 110px;
    right: 60px;
  }

  .advantages-item--one {
    background-size: 200px, cover;
  }

  .advantages-item--one .advantages-item__title {
    font-size: 18px;
  }

  .advantages-item--two {
    background-size: 180px, cover;
  }

  .advantages-item--two .advantages-item__img {
    margin-top: 20px;
  }

  .advantages-item--two,
  .advantages-item--three {
    padding-bottom: 25px;
  }

  .advantages-item--two .advantages-item__img {
    width: 150px;
  }

  .advantages-item--four .advantages-item__img,
  .advantages-item--five .advantages-item__img,
  .advantages-item--six .advantages-item__img {
    justify-content: flex-end;
    height: 130px;
    margin-top: 20px;
  }

  .advantages-item--six .advantages-item__img {
    margin-right: 20px;
  }

  .advantages-item--six .advantages-item__img img:nth-child(2) {
    width: 120px;
    left: unset;
    right: 115px;
  }

  .advantages-item--six .advantages-item__img img:nth-child(3) {
    width: 180px;
    top: calc(50% - 20px);
    left: unset;
    right: -20px;
    margin: 0;
  }
}

.cards {
  margin-top: 130px;
  overflow: hidden;
}

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

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

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

.cards-block__title {
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
}

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

@media (min-width: 768px) {
  .cards-block__title {
    font-size: 36px;
  }
  .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;
  margin: 0 !important;
  margin-bottom: 25px !important;
  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: #4ea3f2;
}

.cards-item__price--blue {
  color: #4ea3f2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cards-item__descr br {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cards-nav {
    display: grid;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cards-nav__item {
    padding: 10px;
  }

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

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

  .cards-nav__item-price {
    font-size: 15px;
  }
}

.replenish {
  margin-top: 130px;
  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: #efffe4;
}

.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;
  max-width: 650px;
}

.replenish-descr::before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: var(--icon-exchange) center no-repeat;
  background-size: contain;
}

.replenish-img {
  position: relative;
  display: flex;
  align-items: flex-end;
  align-self: start;
  grid-column: 2/3;
  grid-row: 1/4;
  margin: -160px 0 -150px;
}

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

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

  .replenish-body {
    column-gap: 60px;
    padding: 40px 80px 55px;
  }

  .replenish-img {
    margin: -130px 0;
  }

  .replenish-img::after {
    width: 300px;
    height: 140px;
  }
}

@media (max-width: 1279.98px) {
  .replenish {
    margin-top: 100px;
    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: 124px;
    top: 60%;
    right: 85%;
  }
}

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

  .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: 105px;
    right: 80%;
  }
}

@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: 0;
    right: -110px;
    width: 120px;
  }
}

@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: 120px;
    height: 70px;
    right: -88px;
  }
}

.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;
  position: relative;
}

@media (min-width: 768px) {
.reviews::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -150px;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(RR_Heart.webp);
}
}

@media (min-width: 768px) {
.reviews::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 200px;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(Heart_4.webp);
}
}

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

.partner-programs__title {
  margin-bottom: 80px;
}

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

.referral-slider--lg .referral-slider__wrapper:not([id]) {
  grid-template-columns: repeat(4, 1fr);
}

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

.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-item__descr {
  margin: 20px 30px 0 0;
  font-size: 22px;
}

.referral-item__descr a {
  color: var(--color-blue);
  transition: color 0.25s ease;
}

.referral-item__descr a:hover {
  color: var(--color-blue-hover);
}

.referral-order {
  margin-top: 80px;
  text-align: center;
}

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

@media (min-width: 1280px) {
  .referral-slider--sm .referral-item__img {
    padding: 85px 115px 0;
  }

  .referral-slider--sm .referral-item__img a {
    left: 42px;
    right: 42px;
  }

  .referral-slider--sm .referral-item__title {
    font-size: 20px;
  }
}

@media (min-width: 1640px) {
  .referral-slider--sm .referral-item__img {
    padding: 85px 160px 0;
  }

  .referral-slider--sm .referral-item__img a {
    left: 100px;
    right: 100px;
  }

  .referral-slider--sm .referral-item__title {
    font-size: 24px;
  }
}

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

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

  .partner-programs__title {
    margin-bottom: 60px;
  }

  .referral-item__title {
    font-size: 18px;
  }

  .referral-item__descr {
    margin-right: 20px;
    font-size: 18px;
  }

  .referral-item__img {
    padding: 85px 65px 0;
  }

  .referral-item__img a {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }

  .referral-order,
  .referral-actions {
    margin-top: 60px;
  }
}

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

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

  .partner-programs__title {
    margin-bottom: 50px;
  }

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

  .referral-item__img {
    padding: 85px 70px 0;
  }

  .referral-item__descr {
    font-size: 16px;
  }

  .referral-order,
  .referral-actions {
    margin-top: 50px;
  }
}

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

  .referral-slider--lg .referral-slider__wrapper:not([id]),
  .referral-slider--sm .referral-slider__wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }
}

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

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

  .partner-programs__title {
    margin-bottom: 40px;
  }

  .referral-item__img {
    padding: 85px 60px 0;
    border-radius: 10px;
  }

  .referral-item__title {
    margin-top: 25px;
  }

  .referral-item__descr {
    margin: 15px 15px 0 0;
  }

  .referral-order,
  .referral-actions {
    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;
  }

  .partner-programs__title {
    margin-bottom: 30px;
  }

  .referral-slider--lg .referral-slider__wrapper:not([id]),
  .referral-slider--sm .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__descr {
    margin-top: 12px;
    font-size: 15px;
  }

  .referral-item__img {
    padding: 65px 70px 0;
  }

  .referral-item__img::before {
    top: 15px;
    left: 15px;
    padding: 6px 10px;
    font-size: 14px;
  }

  .referral-order,
  .referral-actions {
    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: #377ef0;
  border: 1px solid #377ef0;
}

.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: #377ef0;
  transition: background-color 0.25s ease;
}

.materials-item__details-btn:hover {
  color: #fff;
  background-color: #377ef0;
}

.materials-item__details-btn:hover::after {
  background-color: #fff;
}

.materials-item--manuals::before {
  background-image: var(--icon-square-check);
}

.materials-item--telegram::before {
  background-image: var(--icon-square-tg);
}

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

  .materials-grid {
    margin-top: 60px;
  }

  .materials-item {
    padding: 30px 30px 35px;
  }

  .materials-item__title {
    font-size: 28px;
  }

  .materials-item__descr {
    margin-top: 40px;
  }
}

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

  .materials-grid {
    margin-top: 50px;
  }

  .materials-item__descr br {
    display: none;
  }
}

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

  .materials-item::before {
    width: 42px;
    height: 42px;
  }

  .materials-item__title {
    font-size: 24px;
  }

  .materials-item__descr {
    margin-top: 30px;
  }

  .materials-item__details {
    margin-top: 40px;
  }
}

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

  .materials-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

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

  .materials-item::before {
    width: 36px;
    height: 36px;
  }

  .materials-item__title {
    font-size: 20px;
  }

  .materials-item__descr {
    margin-top: 20px;
  }

  .materials-item__descr br {
    display: inline;
  }

  .materials-item__details {
    margin-top: 30px;
  }
}

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

  .materials-grid {
    row-gap: 8px;
    margin-top: 30px;
  }

  .materials-item {
    padding: 20px 20px 25px;
  }

  .materials-item::before {
    width: 32px;
    height: 32px;
  }

  .materials-item__title {
    font-size: 18px;
  }

  .materials-item__details {
    margin-top: 25px;
  }

  .materials-item__details-btn {
    width: 135px;
    height: 42px;
    font-size: 14px;
  }
}

.content > *:first-child {
  margin-top: 0 !important;
}

.content > *:last-child {
  margin-bottom: 0 !important;
}

.content h1 {
  margin-bottom: 40px;
}

.content h1 + h2,
.content h1 + h3,
.content h1 + h4 {
  margin-top: 0;
}

.content h2,
.content h3,
.content h4 {
  margin: 60px 0 28px;
}

.content p,
.content ul,
.content ol {
  margin-bottom: 1.25em;
}

.content li {
  position: relative;
  margin-bottom: 0.75em;
}

.content li:last-child {
  margin-bottom: 0;
}

.content ul,
.content ol {
  padding-left: 1.5em;
}

.content ul {
  list-style-type: disc;
}

.content ol {
  list-style-type: decimal;
}

.content a {
  display: inline-block;
  color: var(--color-blue-dark);
  transition: color 0.25s ease;
}

.content a:hover {
  color: var(--color-blue);
}

.content blockquote {
  position: relative;
  padding: 30px 30px 30px 65px;
  border-radius: 20px;
  background-color: var(--color-blue-light);
}

.content blockquote::before {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  top: 35px;
  bottom: 35px;
  left: 35px;
  background-color: var(--color-blue-dark);
}

.content blockquote > *:first-child {
  margin-top: 0;
}

.content blockquote > *:last-child {
  margin-bottom: 0;
}

.content img {
  display: block;
  margin: 1.75em 0;
  border-radius: 20px;
}

.content .table-wrapper {
  margin: 1.75em 0;
  overflow-x: auto;
}

.content table {
  width: 100%;
  font-size: 18px;
  border-collapse: collapse;
}

.content table tr:first-child th,
.content table tr:first-child td {
  padding: 6px 30px;
  font-family: var(--font-bold);
  text-align: center;
  background-color: var(--color-blue-light);
}

.content table th,
.content table td {
  padding: 25px 30px;
  border: 1px solid #eee;
}

.content table p {
  margin-bottom: 0;
}

.content-page__content {
  line-height: 1.4;
  color: var(--color-text-dark);
}

@media (min-width: 1024px) {
  .content h2 {
    font-size: 38px;
  }

  .content h3 {
    font-size: 32px;
  }

  .content h4 {
    font-size: 26px;
  }
}

@media (min-width: 1280px) {
  .content h1 {
    font-size: 66px;
  }

  .content h2 {
    font-size: 40px;
  }
}

@media (min-width: 1640px) {
  .content h1 {
    font-size: 70px;
  }
}

@media (max-width: 1639.98px) {
  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 25px;
  }

  .content table th,
  .content table td {
    padding: 20px 25px;
  }
}

@media (max-width: 1023.98px) {
  .content h2,
  .content h3,
  .content h4 {
    margin: 50px 0 25px;
  }

  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 20px;
  }

  .content table th,
  .content table td {
    padding: 15px 20px;
  }
}

@media (max-width: 767.98px) {
  .content h1 {
    margin-bottom: 30px;
  }

  .content h2,
  .content h3,
  .content h4 {
    margin: 45px 0 22px;
  }

  .content blockquote,
  .content img {
    border-radius: 10px;
  }
}

@media (max-width: 575.98px) {
  .content h1 {
    margin-bottom: 25px;
  }

  .content h2,
  .content h3,
  .content h4 {
    margin: 40px 0 18px;
  }

  .content blockquote {
    padding: 20px 20px 20px 40px;
  }

  .content blockquote::before {
    top: 25px;
    bottom: 25px;
    left: 20px;
  }

  .content .table-wrapper {
    margin: 1.75em -15px;
    padding: 0 15px;
    scrollbar-width: none;
  }

  .content .table-wrapper ::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }

  .content table {
    font-size: 15px;
  }

  .content table tr:first-child th,
  .content table tr:first-child td {
    padding: 6px 15px;
  }

  .content table th,
  .content table td {
    padding: 10px 15px;
  }
}

.faq--block {
  margin-top: 130px;
}

.faq-list {
  margin-top: 80px;
}

.faq-item {
  border-bottom: 1px solid #eff0f0;
}

.faq-item:first-child {
  border-top: 1px solid #eff0f0;
}

.faq-item__question {
  position: relative;
  padding: 30px 180px 30px 0;
  font-family: var(--font-semibold);
  font-size: 32px;
  line-height: 1.1;
  color: #000;
  cursor: pointer;
  transition: color 0.25s ease;
}

.faq-item__question::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  background: var(--icon-angle-down) center no-repeat;
  background-size: contain;
  transition: transform 0.25s ease;
}

.faq-item__answer {
  display: none;
  padding: 0 180px 30px 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.faq-item.is-active .faq-item__question::after {
  transform: rotate(-180deg);
}

.faq-item.is-active .faq-item__answer {
  opacity: 1;
}

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

  .faq-list {
    margin-top: 60px;
  }

  .faq-item__question {
    padding-right: 120px;
    font-size: 28px;
  }

  .faq-item__answer {
    padding-right: 120px;
  }
}

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

  .faq-list {
    margin-top: 50px;
  }

  .faq-item__answer {
    padding-right: 0;
  }
}

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

  .faq-item__question {
    padding: 25px 100px 25px 0;
    font-size: 24px;
  }

  .faq-item__question::before,
  .faq-item__question::after {
    width: 18px;
    height: 18px;
  }

  .faq-item__answer {
    padding-bottom: 25px;
  }
}

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

  .faq-list {
    margin-top: 40px;
  }

  .faq-item__question {
    padding: 20px 80px 20px 0;
    font-size: 20px;
  }

  .faq-item__answer {
    padding-bottom: 20px;
  }
}

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

  .faq-list {
    margin-top: 30px;
  }

  .faq-item__question {
    padding: 15px 60px 15px 0;
    font-size: 16px;
  }

  .faq-item__question::before,
  .faq-item__question::after {
    width: 16px;
    height: 16px;
  }

  .faq-item__answer {
    padding-bottom: 15px;
  }
}

@media (hover: hover) {
  .faq-item__question:hover {
    color: var(--color-blue-dark);
  }
}

.footer {
  margin: 130px 25px 0;
  padding-top: 70px;
  overflow: hidden;
  border-radius: 40px 40px 0 0;
  background-color: #091c4a;
}

.footer-top__body {
  display: grid;
  grid-template-columns: 1.5fr 1fr auto;
  column-gap: 100px;
}

.footer-logo__link {
  position: relative;
  display: flex;
}

.footer-logo__link img {
  width: 270px;
}
/* Оверлей «всему» на PPM-лого в футере — как на основном сайте */
.footer-logo .logo-white__wrap {
  position: relative;
}
.footer-logo .logo-vsemu-white {
  position: absolute;
  top: -81%;
  left: 52%;
  width: 34.5%;
  height: auto;
  pointer-events: none;
}


.footer-info {
  margin-top: 50px;
  font-size: 16px;
  color: #fff;
}

.footer-requisites {
  margin-top: 60px;
  font-size: 16px;
  color: #fff;
}

.footer-requisites ul {
  display: grid;
  row-gap: 10px;
  margin-top: 18px;
}

.footer-grade {
  display: flex;
  width: 150px;
  margin-top: 30px;
}

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

.footer-menu {
  grid-column: 2/3;
  grid-row: 1/6;
  margin-top: -10px;
}

.footer-menu__list {
  display: flex;
  flex-direction: column;
}

.footer-menu__list > li > a {
  padding: 7px 0;
  font-size: 14px;
}

.footer-menu__list > li.has-children {
  margin-bottom: 30px;
}

.footer-menu__list > li:first-child > a {
  font-size: 16px;
}

.footer-menu__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}

.footer-menu__link {
  color: #fff;
  transition: opacity 0.25s ease;
}

.footer-menu__link:hover {
  opacity: 0.5;
}

.footer-menu__submenu a {
  padding: 5px 0;
  font-size: 16px;
}

.footer-order {
  grid-column: 3/4;
  grid-row: 1/5;
}

.footer-order__btn {
  width: 340px;
  height: 68px;
  font-size: 18px;
}

.footer-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-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-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--violet::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(195, 80, 235, 0.5) 100%
  );
}

.article-img--gold::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(215, 182, 133, 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(./icons/3d-secure.svg) center no-repeat;
    background-size: contain;
  }
}

@media (min-width: 1640px) {
  .article-title {
    font-size: 70px;
  }

  .payments-item__icon {
    top: 34px;
  }

  .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;
  position: relative;
}

@media (min-width: 768px) {
.achievements::before {
  content: '';
  background-image: url(confetti_15.05.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0;
  top: 0;
}
}

.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(./icons/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: 1380px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
}

.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;
  background: #fff;
}

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

.front-main {
  position: relative;
  display: flex;
  padding: 120px 0 60px;
  z-index: 2;
  background:
    url(./bg/front.webp) 50% 100% no-repeat,
    linear-gradient(
      203deg,
      var(--color-blue-light) 0%,
      var(--color-blue-light) 100%
    );
  background-size: 1920px, cover;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
}

.front-main::before,
.front-main::after {
  content: '';
  position: absolute;
  display: block;
  width: 430px;
  height: 430px;
  top: 50%;
  z-index: -2;
  filter: blur(50px);
  border-radius: 100%;
  background-color: rgba(87, 178, 249, 0.3);
}

.front-main::before {
  left: calc(50% - 960px);
  transform: translate(-50%, -30%);
}

.front-main::after {
  right: calc(50% - 960px);
  transform: translate(50%, -130%);
}

.front-main__body {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.front-title {
  text-align: center;
}

.front-title span {
  color: #4e8df8;
}

.front-descr {
  margin-top: 20px;
  text-align: center;
  color: #828181;
}

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

.front-stats {
  margin-top: 510px;
}

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

.front-stats__item {
  display: grid;
  align-items: baseline;
  align-content: start;
  grid-template-columns: auto 1fr auto;
  padding: 25px 25px 30px;
  border-radius: 20px;
  background-color: #fff;
}

.front-stats__item-number {
  font-family: var(--font-semibold);
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.front-stats__item-number span {
  font-size: 0.7em;
}

.front-stats__item-descr {
  grid-column: 1/-1;
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.4;
}

.front-stats__item-descr span {
  font-family: var(--font-semibold);
  color: #000;
  transition: color 0.25s ease;
}

.front-stats__item-rating {
  display: flex;
  width: 102px;
  margin-left: 12px;
}

.front-stats__item-links {
  display: grid;
  align-self: end;
  grid-template-columns: 1fr 1fr;
  column-gap: 8px;
}

.front-stats__item-link {
  display: flex;
  width: 42px;
  transition: opacity 0.25s ease;
}

.front-stats__item-link:hover {
  opacity: 0.7;
}

.front-icons img,
.front-images img {
  position: absolute;
  z-index: -1;
}

.front-icons img:nth-child(1) {
  width: 100px;
  top: 0;
  left: -120px;
}

.front-icons img:nth-child(2) {
  width: 125px;
  top: calc(50% + 50px);
  left: -90px;
}

.front-icons img:nth-child(3) {
  width: 150px;
  top: -30px;
  right: -110px;
}

.front-images img:first-child {
  width: 340px;
  bottom: calc(50% + 60px);
  left: -110px;
}

.front-images img:last-child {
  width: 360px;
  bottom: calc(50% + 40px);
  right: -180px;
}

.front-users {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  margin-top: 60px;
}

.front-users__img {
  display: flex;
  width: 128px;
}

.front-users__img img {
  width: 100%;
}

.front-users__info {
  font-family: var(--font-medium);
  line-height: 1.1;
  color: #000;
}

.front-users__info span {
  color: var(--color-blue);
}

.front-users__info br {
  display: none;
}

@media (max-width: 1639.98px) {
  .front-main {
    padding-bottom: 60px;
    background-size: 1640px, cover;
  }

  .front-images img:last-child {
    bottom: calc(50% - 30px);
  }

  .front-stats {
    margin-top: 440px;
  }

  .front-stats__item {
    padding: 20px 20px 25px;
  }

  .front-stats__item-number {
    font-size: 32px;
  }

  .front-stats__item-descr br {
    display: none;
  }

  .front-stats__item-rating {
    width: 80px;
  }

  .front-stats__item-link {
    width: 36px;
  }
}

@media (max-width: 1279.98px) {
  .front-main {
    background-size: 1280px, cover;
  }

  .front-descr br {
    display: none;
  }

  .front-stats {
    margin-top: 320px;
  }

  .front-icons img:nth-child(1) {
    width: 80px;
    left: -30px;
  }

  .front-icons img:nth-child(2) {
    width: 100px;
    left: -50px;
  }

  .front-icons img:nth-child(3) {
    width: 120px;
    right: -60px;
  }

  .front-images img:first-child {
    width: 280px;
    bottom: calc(50% - 40px);
    left: -60px;
  }

  .front-images img:last-child {
    width: 280px;
    bottom: calc(50% - 80px);
    right: -100px;
  }

  .front-stats__slider-wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
  }

  .front-users {
    margin-top: 45px;
  }
}

@media (max-width: 1023.98px) {
  .front-main {
    padding: 110px 0 45px;
    background-size: 1160px, cover;
  }

  .front-actions {
    margin-top: 35px;
  }

  .front-stats {
    margin-top: 280px;
  }
}

@media (max-width: 767.98px) {
  .front-main {
    padding: 90px 0 40px;
    border-radius: 0 0 20px 20px;
    background-size: 880px, cover;
  }

  .front-icons img:nth-child(1) {
    width: 60px;
    left: -20px;
  }

  .front-icons img:nth-child(2) {
    width: 70px;
    top: 120px;
    left: -40px;
  }

  .front-icons img:nth-child(3) {
    width: 90px;
    top: 60px;
    right: -50px;
  }

  .front-images img:first-child {
    width: 200px;
    bottom: calc(50% - 140px);
  }

  .front-images img:last-child {
    width: 200px;
    bottom: calc(50% - 150px);
  }

  .front-stats {
    margin-top: 200px;
  }

  .front-stats__slider-wrapper:not([id]) {
    grid-template-columns: 1fr;
  }

  .front-stats__item {
    border-radius: 10px;
  }

  .front-stats__item-number {
    font-size: 28px;
  }

  .front-stats__item-descr {
    line-height: 1.3;
  }

  .front-stats__item-link {
    width: 30px;
  }

  .front-users__img {
    width: 110px;
  }
}

@media (max-width: 575.98px) {
  .front-main {
    padding: 70px 0 30px;
    background-position:
      50% calc(100% - 105px),
      center;
    background-size: 640px, cover;
  }

  .front-descr {
    margin-top: 17px;
  }

  .front-actions {
    margin-top: 25px;
  }

  .front-icons img:nth-child(1) {
    width: 40px;
    left: -10px;
  }

  .front-icons img:nth-child(2) {
    width: 50px;
    top: 100px;
    left: -30px;
  }

  .front-icons img:nth-child(3) {
    width: 70px;
    right: -40px;
  }

  .front-images img:first-child {
    width: 160px;
    bottom: calc(50% - 70px);
    left: -50px;
  }

  .front-images img:last-child {
    width: 160px;
    bottom: calc(50% - 60px);
    right: -80px;
  }

  .front-stats {
    margin-top: 230px;
  }

  .front-stats__slider-wrapper:not([id]) .front-stats__item {
    width: 80%;
  }

  .front-stats__item {
    padding-bottom: 20px;
  }

  .front-stats__item-number {
    font-size: 24px;
  }

  .front-stats__item-descr {
    margin-top: 10px;
    font-size: 15px;
  }

  .front-stats__item-link {
    width: 24px;
  }

  .front-users {
    margin-top: 30px;
  }

  .front-users__img {
    width: 85px;
  }

  .front-users__info {
    font-size: 13px;
  }

  .front-users__info br {
    display: inline;
  }
}

.offers {
  margin-top: 130px;
}

.offers-descr {
  margin-top: 25px;
  text-align: center;
}

.offers-body {
  padding: 55px;
  margin-top: 80px;
  border-radius: 30px;
  background-color: var(--color-blue-light);
}

.offers-body {
  display: grid;
  grid-template-columns: 1.48fr 1fr;
  column-gap: 100px;
}

.offers-cards__slider-wrapper:not([id]) {
  display: grid;
  row-gap: 25px;
}

.offers-card {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}

.offers-card:last-child {
  padding-bottom: 0;
  border: none;
}

.offers-card__img {
  position: relative;
  align-self: start;
  padding-top: 63%;
}

.offers-card__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
  object-fit: cover;
}

.offers-card__title {
  font-family: var(--font-semibold);
  font-size: 26px;
  color: #000;
}

.offers-card__descr {
  margin-top: 20px;
  font-size: 22px;
}

.offers-content {
  position: relative;
  display: flex;
  align-items: flex-end;
  align-self: end;
  margin-bottom: -55px;
}

.offers-services {
  position: absolute;
  display: grid;
  grid-template-rows: auto 1fr auto;
  row-gap: 25px;
  top: 35px;
  bottom: 35px;
  left: 0;
  right: 0;
}

.offers-services__list {
  display: grid;
  min-width: 232px;
  row-gap: 10px;
  padding: 15px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.offers-services__list:first-child {
  justify-self: start;
}

.offers-services__list:last-child {
  justify-self: end;
}

.offers-services__pay {
  display: flex;
  justify-self: start;
  align-self: end;
  margin-left: -60px;
}

.offers-services__pay::before,
.offers-services__pay::after {
  content: '';
  display: block;
  width: 74px;
  height: 74px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
  box-shadow: 0 24px 34px 0 rgba(0, 50, 130, 0.05);
}

.offers-services__pay::before {
  background-image: var(--icon-apay);
}

.offers-services__pay::after {
  transform: translateX(-15%);
  background-image: var(--icon-gpay);
}

.offers-services__item {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.1;
  white-space: nowrap;
  color: #433e3e;
}

.offers-services__item-icon {
  display: flex;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.offers-services__item-name {
  flex: 1;
  margin-left: 8px;
  font-family: var(--font-medium);
}

.offers-services__item-price {
  margin-left: 20px;
  font-family: var(--font-semibold);
}

.offers-img {
  display: flex;
}

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

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

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

  .offers-body {
    column-gap: 45px;
    padding: 45px;
    margin-top: 60px;
  }

  .offers-cards__slider-wrapper:not([id]) {
    row-gap: 20px;
  }

  .offers-card {
    column-gap: 25px;
    padding-bottom: 20px;
  }

  .offers-card__title {
    font-size: 22px;
  }

  .offers-card__descr {
    margin-top: 12px;
    font-size: 20px;
  }

  .offers-content {
    margin-bottom: -45px;
  }

  .offers-services__list {
    min-width: 192px;
    row-gap: 8px;
    padding: 12px;
  }

  .offers-services__pay {
    margin-left: 0;
  }

  .offers-services__pay::before,
  .offers-services__pay::after {
    width: 64px;
    height: 64px;
  }

  .offers-services__item {
    font-size: 14px;
  }

  .offers-services__item-icon {
    width: 24px;
    height: 24px;
  }

  .offers-actions {
    margin-top: 70px;
  }
}

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

  .offers-body {
    display: block;
    padding: 0;
    margin-top: 50px;
    border-radius: 0;
    background: none;
  }

  .offers-cards__slider-wrapper:not([id]) {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }

  .offers-card {
    grid-template-columns: 1fr;
    align-content: start;
    padding-bottom: 0;
    border: none;
  }

  .offers-card__info {
    margin: 25px 15px 0 0;
  }

  .offers-content {
    padding: 45px 45px 0;
    margin: 55px 0 0;
    border-radius: 30px;
    background-color: var(--color-blue-light);
  }

  .offers-services {
    width: 620px;
    margin: auto;
    top: 50px;
    bottom: 50px;
  }

  .offers-img {
    width: 480px;
    margin: 0 auto;
  }

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

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

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

  .offers-cards__slider-wrapper:not([id]) {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    row-gap: 0;
  }
}

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

  .offers-descr {
    margin-top: 20px;
  }

  .offers-body {
    margin-top: 40px;
  }

  .offers-cards__slider-wrapper:not([id]) {
    grid-template-columns: 1fr;
  }

  .offers-card__title {
    font-size: 20px;
  }

  .offers-card__descr {
    font-size: 18px;
  }

  .offers-content {
    margin-top: 45px;
    padding: 0;
    border-radius: 0;
    background: none;
  }

  .offers-services {
    width: 100%;
  }

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

  .offers-services__list:first-child {
    margin-left: calc(25% - 50px);
  }

  .offers-services__pay::before,
  .offers-services__pay::after {
    width: 54px;
    height: 54px;
    box-shadow: 0 21px 17px 0 rgba(0, 50, 130, 0.05);
  }

  .offers-services__item {
    font-size: 12px;
  }

  .offers-services__item-icon {
    width: 16px;
    height: 16px;
  }

  .offers-img {
    width: 85%;
  }

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

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

  .offers-body {
    margin-top: 30px;
  }

  .offers-descr {
    margin-top: 15px;
  }

  .offers-cards__slider-wrapper:not([id]) .offers-card {
    width: 80%;
  }

  .offers-card__title {
    font-size: 16px;
  }

  .offers-card__descr {
    font-size: 14px;
  }

  .offers-content {
    margin-top: 30px;
  }

  .offers-services {
    row-gap: 15px;
    top: 35px;
    bottom: 35px;
  }

  .offers-services__list {
    min-width: 130px;
    padding: 6px;
    row-gap: 6px;
  }

  .offers-services__pay::before,
  .offers-services__pay::after {
    width: 42px;
    height: 42px;
  }

  .offers-services__item {
    font-size: 10px;
  }

  .offers-services__item-icon {
    width: 14px;
    height: 14px;
  }

  .offers-services__item-name {
    margin-left: 6px;
  }

  .offers-services__item-price {
    margin-left: 15px;
  }

  .offers-actions {
    margin-top: 35px;
  }
}

.benefits {
  margin-top: 130px;
}

.benefits-descr {
  margin-top: 25px;
  text-align: center;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
  margin-top: 80px;
}

.benefits-item {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  column-gap: 25px;
  padding: 25px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
}

.benefits-item:nth-child(1),
.benefits-item:nth-child(4) {
  grid-template-columns: 1fr 2fr;
}

.benefits-item__img {
  display: flex;
  align-items: flex-start;
}

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

.benefits-item__title {
  font-family: var(--font-semibold);
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}

.benefits-item__descr {
  margin-top: 20px;
  font-size: 18px;
}

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

  .benefits-grid {
    margin-top: 60px;
  }

  .benefits-item {
    column-gap: 20px;
    padding: 20px;
  }

  .benefits-item__title {
    font-size: 18px;
  }

  .benefits-item__descr {
    margin-top: 12px;
    font-size: 16px;
  }
}

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

  .benefits-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .benefits-item:nth-child(1),
  .benefits-item:nth-child(4) {
    grid-template-columns: 1fr 2.5fr;
  }
}

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

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

  .benefits-descr {
    margin-top: 20px;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .benefits-item {
    grid-template-columns: 2.5fr 1fr;
    border-radius: 10px;
  }

  .benefits-item:nth-child(1),
  .benefits-item:nth-child(4) {
    grid-template-columns: 2.5fr 1fr;
  }

  .benefits-item__img {
    order: 2;
  }
}

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

  .benefits-descr {
    margin-top: 15px;
  }

  .benefits-grid {
    gap: 8px;
    margin-top: 30px;
  }

  .benefits-item {
    grid-template-columns: 2fr 1fr;
  }

  .benefits-item:nth-child(1),
  .benefits-item:nth-child(4) {
    grid-template-columns: 2fr 1fr;
  }

  .benefits-item__title {
    font-size: 16px;
  }

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

.brands {
  margin-top: 130px;
}

.brands-body {
  display: grid;
  align-items: start;
  grid-template-columns: 1.8fr 1fr;
  column-gap: 90px;
  max-width: 1280px;
  margin: 80px auto 0;
}

.brands-slider {
  position: relative;
  min-width: 0;
}

.brands-slider__nav {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  bottom: 6%;
  z-index: 2;
}

.brands-slider__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
}

.brands-slider__arrow::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  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-dark);
  transition: background-color 0.25s ease;
}

.brands-slider__arrow--prev::before {
  transform: rotate(-180deg);
}

.brands-slider__arrow:hover {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.brands-slider__arrow:hover::before {
  background-color: #fff;
}

.brands-slider__pagination {
  width: 40px;
  margin: 0 15px;
  font-size: 18px;
  text-align: center;
}

.brands-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 60px;
}

.brands-item__name {
  font-family: var(--font-semibold);
  font-size: 36px;
  line-height: 1.2;
  color: #000;
}

.brands-item__descr {
  margin-top: 20px;
  font-size: 18px;
}

.brands-item__img {
  display: flex;
  align-items: flex-start;
}

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

.brands-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.brands-card {
  position: relative;
  padding-top: 65%;
}

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

.brands-card::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  cursor: pointer;
  transition: border-color 0.25s ease;
}

.brands-card.is-active::after {
  border: 2px solid var(--color-blue-dark);
}

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

  .brands-body {
    margin-top: 60px;
  }
}

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

  .brands-body {
    column-gap: 60px;
    margin-top: 50px;
  }

  .brands-slider__nav {
    bottom: 0;
  }

  .brands-item {
    column-gap: 30px;
  }

  .brands-item__name {
    font-size: 32px;
  }
}

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

  .brands-body {
    grid-template-columns: 1fr;
  }

  .brands-cards {
    grid-template-columns: repeat(4, 1fr);
    order: -1;
  }

  .brands-card {
    padding-top: 54%;
  }

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

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

  .brands-body {
    margin-top: 40px;
  }

  .brands-card::after {
    border-radius: 10px;
  }

  .brands-slider__nav {
    display: none;
  }

  .brands-item {
    grid-template-columns: 1fr;
  }

  .brands-item__img {
    width: 320px;
    order: -1;
    margin: 0 auto;
  }

  .brands-item__info {
    margin-top: 40px;
  }

  .brands-item__name {
    font-size: 28px;
  }

  .brands-item__descr {
    margin-top: 15px;
  }
}

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

  .brands-body {
    margin-top: 30px;
  }

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

  .brands-item__img {
    width: 240px;
  }

  .brands-item__info {
    margin-top: 30px;
  }

  .brands-item__name {
    font-size: 24px;
  }

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

.channels {
  margin-top: 130px;
}

.channels-grid {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(5, 165px);
  gap: 100px;
  margin-top: 80px;
}

.channels-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.channels-item__img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  overflow: hidden;
}

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

.channels-item__name {
  margin: 35px 0 auto;
  font-family: var(--font-semibold);
  font-size: 20px;
  line-height: 1.2;
  color: #000;
}

.channels-item__subscribers {
  margin-top: 5px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.channels-item__watch {
  margin-top: 30px;
}

.channels-item__watch-btn {
  width: 100%;
  height: 54px;
  font-size: 18px;
}

/* @media (min-width: 1640px) {
	.channels .container {
		max-width: 1850px;
		padding-left: 45px;
		padding-right: 45px;
	}
} */

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

  .channels-grid {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 160px;
    row-gap: 60px;
    margin-top: 60px;
  }
}

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

  .channels-grid {
    column-gap: 80px;
    row-gap: 50px;
    margin-top: 50px;
  }
}

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

  .channels-grid {
    gap: 40px;
  }

  .channels-item__name {
    margin-top: 30px;
    font-size: 18px;
  }

  .channels-item__watch-btn {
    height: 48px;
    font-size: 16px;
  }
}

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

  .channels-grid {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
  }

  .channels-item__name {
    margin-top: 25px;
    font-size: 16px;
  }

  .channels-item__subscribers {
    font-size: 14px;
  }

  .channels-item__watch {
    margin-top: 25px;
  }

  .channels-item__watch-btn {
    height: 42px;
    font-size: 14px;
  }
}

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

  .channels-grid {
    gap: 20px;
    margin-top: 30px;
  }

  .channels-item__img {
    width: calc(100% - 20px);
    padding-top: calc(100% - 20px);
    margin: 0 10px;
  }

  .channels-item__name {
    margin-top: 20px;
    font-size: 14px;
  }

  .channels-item__subscribers {
    font-size: 12px;
  }

  .channels-item__watch {
    margin-top: 20px;
  }

  .channels-item__watch-btn {
    height: 36px;
    font-size: 12px;
  }
}

.cases {
  margin-top: 130px;
}

.cases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  column-gap: 20px;
  row-gap: 35px;
  margin-top: 80px;
}

.cases-item {
  display: grid;
  grid-template-columns: 1fr 120px;
  column-gap: 20px;
  padding: 30px 25px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}

.cases-item__name {
  font-family: var(--font-semibold);
  font-size: 30px;
  line-height: 1.2;
  color: #000;
}

.cases-item__descr {
  margin-top: 20px;
  font-size: 22px;
}

.cases-item__img {
  position: relative;
  align-self: start;
  padding-top: 100%;
  border-radius: 100%;
  overflow: hidden;
}

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

.cases-item__income {
  align-self: end;
  margin-top: 25px;
  padding: 12px 20px;
  border-radius: 20px;
  overflow: hidden;
  background-color: #f7fcff;
}

.cases-item__income-title {
  font-size: 18px;
}

.cases-item__income-value {
  margin-top: 15px;
  font-family: var(--font-semibold);
  font-size: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-blue);
}

.cases-item__income-value span {
  font-size: 22px;
}

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

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

  .cases-grid {
    margin-top: 60px;
  }

  .cases-item {
    grid-template-columns: 1fr 90px;
    padding: 25px 20px;
  }

  .cases-item__name {
    font-size: 24px;
  }

  .cases-item__descr {
    font-size: 18px;
  }

  .cases-item__income {
    grid-column: 1/-1;
  }

  .cases-item__income-value {
    margin-top: 10px;
    font-size: 32px;
  }

  .cases-item__income-value span {
    font-size: 18px;
  }

  .cases-actions {
    margin-top: 70px;
  }
}

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

  .cases-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

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

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

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

  .cases-grid {
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 40px;
  }

  .cases-item {
    padding: 20px;
    border-radius: 10px;
  }

  .cases-item__name {
    font-size: 22px;
  }

  .cases-item__descr {
    margin-top: 15px;
  }

  .cases-item__income {
    border-radius: 10px;
  }

  .cases-item__income-title {
    font-size: 16px;
  }

  .cases-item__income-value {
    font-size: 28px;
  }

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

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

  .cases-grid {
    row-gap: 8px;
    margin-top: 30px;
  }

  .cases-item {
    grid-template-columns: 1fr 64px;
  }

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

  .cases-item__descr {
    margin-top: 12px;
    font-size: 15px;
  }

  .cases-item__income {
    margin-top: 15px;
  }

  .cases-item__income-title {
    font-size: 13px;
  }

  .cases-item__income-value {
    margin-top: 6px;
    font-size: 24px;
  }

  .cases-item__income-value span {
    font-size: 15px;
  }

  .cases-actions {
    margin-top: 35px;
  }
}

.targets {
  margin-top: 130px;
}

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

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

.targets-item {
  padding: 25px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
}

.targets-item__icon {
  display: flex;
  width: 46px;
  height: 46px;
}

.targets-item__title {
  margin-top: 30px;
  font-family: var(--font-semibold);
  font-size: 20px;
  color: #000;
}

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

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

  .targets-item {
    padding: 20px;
  }

  .targets-item__icon {
    width: 42px;
    height: 42px;
  }

  .targets-item__title {
    font-size: 16px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .targets-item__icon {
    width: 36px;
    height: 36px;
  }
}

.vantages {
  margin-top: 130px;
}

.vantages-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
  margin-top: 80px;
}

.vantages-item {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  padding: 35px 50px 0;
  border-radius: 20px;
}

.vantages-item__title {
  font-family: var(--font-semibold);
  font-size: 26px;
  line-height: 1.2;
  color: #000;
  z-index: 1;
}

.vantages-item__descr {
  margin-top: 20px;
  font-size: 22px;
  z-index: 1;
}

.vantages-item__img {
  position: relative;
  display: flex;
  align-self: center;
  align-items: flex-end;
}

.vantages-item__img img:not(:first-child) {
  position: absolute;
}

.vantages-item__img img:first-child {
  width: 100%;
}

.vantages-item--one,
.vantages-item--two {
  grid-column: span 6;
}

.vantages-item--one .vantages-item__descr,
.vantages-item--two .vantages-item__descr {
  margin-top: 30px;
}

.vantages-item--one {
  grid-row: span 2;
  padding-top: 45px;
  background: linear-gradient(
    74deg,
    rgba(233, 247, 255, 0.5) 0%,
    rgba(189, 230, 249, 0.5) 100%
  );
}

.vantages-item--one .vantages-item__title {
  font-size: 40px;
}

.vantages-item--one .vantages-item__img {
  width: 280px;
  margin: 130px auto 0;
}

.vantages-item--one .vantages-item__img img:nth-child(2) {
  width: 36%;
  left: -55%;
  bottom: 100%;
}

.vantages-item--one .vantages-item__img img:nth-child(3) {
  width: 72%;
  left: 68%;
  top: -18%;
  filter: drop-shadow(0 14px 14px rgba(0, 50, 130, 0.07));
}

.vantages-item--one .vantages-item__img img:nth-child(4) {
  width: 47%;
  right: 90%;
  bottom: 28%;
  filter: drop-shadow(0 14px 14px rgba(0, 50, 130, 0.07));
}

.vantages-item--two {
  grid-template-columns: 1fr auto;
  column-gap: 80px;
  padding: 50px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.vantages-item--two .vantages-item__title {
  font-size: 32px;
}

.vantages-item--two .vantages-item__img {
  justify-content: flex-end;
  grid-column: 2/3;
  grid-row: 1/3;
  width: 160px;
}

.vantages-item--two .vantages-item__img img:nth-child(1) {
  width: 50%;
}

.vantages-item--two .vantages-item__img img:nth-child(2) {
  width: 65%;
  top: 0;
  left: 0;
  filter: drop-shadow(0 14px 14px rgba(0, 50, 130, 0.07));
}

.vantages-item--three,
.vantages-item--four {
  grid-column: span 3;
}

.vantages-item--three {
  padding-bottom: 35px;
  background-color: #f5fff0;
}

.vantages-item--three .vantages-item__img {
  justify-self: end;
  width: 175px;
  margin: -35px 20px 0 0;
}

.vantages-item--three .vantages-item__img img:nth-child(2) {
  width: 52%;
  top: 38%;
  left: -20%;
  filter: drop-shadow(0 7px 7px rgba(0, 50, 130, 0.07));
}

.vantages-item--three .vantages-item__img img:nth-child(3) {
  width: 47%;
  top: 55%;
  right: -15%;
  filter: drop-shadow(0 7px 7px rgba(0, 50, 130, 0.07));
}

.vantages-item--four {
  background: linear-gradient(155deg, #fff5f0 0%, #fffcfa 100%);
}

.vantages-item--four .vantages-item__img {
  justify-self: end;
  width: 110px;
}

.vantages-item--four .vantages-item__img img:nth-child(2) {
  width: 50%;
  top: -90%;
  right: -30%;
}

.vantages-item--four .vantages-item__img img:nth-child(3) {
  width: 70%;
  top: 30%;
  left: -150%;
}

.vantages-item--five,
.vantages-item--six,
.vantages-item--seven {
  grid-column: span 4;
}

.vantages-item--five {
  background-color: #fffcee;
}

.vantages-item--five .vantages-item__img {
  width: 148px;
  margin: 40px 0 -20px;
}

.vantages-item--six {
  background-color: #fafafa;
}

.vantages-item--six .vantages-item__img {
  width: 250px;
  margin-top: 40px;
}

.vantages-item--seven {
  grid-template-rows: 1fr auto;
  padding-bottom: 45px;
  background: linear-gradient(30deg, #298df4 10%, #4ca1ff 20%, #0169e1 40%);
}

.vantages-item--seven .vantages-item__title,
.vantages-item--seven .vantages-item__descr {
  color: #fff;
}

.vantages-item--seven .vantages-item__img {
  position: absolute;
  width: 57%;
  bottom: 0;
  right: 0;
}

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

  .vantages-grid {
    margin-top: 60px;
  }

  .vantages-item {
    padding: 30px 40px 0;
  }

  .vantages-item__title {
    font-size: 24px;
  }

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

  .vantages-item--one .vantages-item__descr,
  .vantages-item--two .vantages-item__descr {
    margin-top: 25px;
  }

  .vantages-item--one .vantages-item__title {
    font-size: 36px;
  }

  .vantages-item--one .vantages-item__img {
    margin-top: 120px;
  }

  .vantages-item--one .vantages-item__img img:nth-child(2) {
    width: 32%;
    left: -40%;
  }

  .vantages-item--two {
    padding-bottom: 30px;
  }

  .vantages-item--two .vantages-item__title {
    font-size: 28px;
  }

  .vantages-item--three .vantages-item__img {
    width: 160px;
    margin-right: 10px;
  }

  .vantages-item--four .vantages-item__img img:nth-child(3) {
    left: -110%;
  }

  .vantages-item--five .vantages-item__img {
    width: 130px;
    margin-top: 35px;
  }

  .vantages-item--six .vantages-item__img {
    width: 220px;
    margin-top: 35px;
  }

  .vantages-item--seven {
    padding-bottom: 35px;
  }
}

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

  .vantages-grid {
    margin-top: 50px;
  }

  .vantages-item {
    padding: 30px 30px 0;
  }

  .vantages-item__title {
    font-size: 20px;
  }

  .vantages-item__descr {
    font-size: 18px;
  }

  .vantages-item--one .vantages-item__descr,
  .vantages-item--two .vantages-item__descr {
    margin-top: 20px;
  }

  .vantages-item--one .vantages-item__title {
    font-size: 30px;
  }

  .vantages-item--one .vantages-item__img {
    width: 235px;
  }

  .vantages-item--two {
    column-gap: 40px;
    padding-bottom: 30px;
  }

  .vantages-item--two .vantages-item__title {
    font-size: 24px;
  }

  .vantages-item--three .vantages-item__img {
    width: 140px;
  }

  .vantages-item--four .vantages-item__img {
    width: 90px;
  }

  .vantages-item--five .vantages-item__img {
    width: 115px;
    margin-top: 30px;
  }

  .vantages-item--six .vantages-item__img {
    width: 180px;
    margin-top: 30px;
  }

  .vantages-item--seven {
    padding-bottom: 30px;
  }
}

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

  .vantages-item {
    grid-column: span 12;
  }

  .vantages-item--three,
  .vantages-item--four,
  .vantages-item--five,
  .vantages-item--six {
    grid-column: span 6;
  }

  .vantages-item--two .vantages-item__descr {
    max-width: 380px;
  }

  .vantages-item--three .vantages-item__img {
    margin: -20px 20px 0 0;
  }

  .vantages-item--four .vantages-item__img {
    margin: 20px 20px 0 0;
  }

  .vantages-item--four .vantages-item__img img:nth-child(2) {
    top: -40%;
    right: -40%;
  }

  .vantages-item--four .vantages-item__img img:nth-child(3) {
    top: -10%;
    left: -95%;
  }

  .vantages-item--five .vantages-item__img {
    width: 105px;
  }

  .vantages-item--six .vantages-item__img {
    width: 165px;
  }

  .vantages-item--seven .vantages-item__img {
    width: 35%;
  }
}

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

  .vantages-grid {
    margin-top: 40px;
  }

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

  .vantages-item--one .vantages-item__title,
  .vantages-item--two .vantages-item__title {
    font-size: 20px;
  }

  .vantages-item--one .vantages-item__img {
    margin-top: 90px;
  }

  .vantages-item--one .vantages-item__img img:nth-child(2) {
    width: 28%;
  }

  .vantages-item--two .vantages-item__img {
    width: 140px;
  }

  .vantages-item--three .vantages-item__img {
    width: 120px;
  }

  .vantages-item--four .vantages-item__img {
    width: 75px;
  }

  .vantages-item--five,
  .vantages-item--six {
    grid-column: span 12;
  }

  .vantages-item--five .vantages-item__img,
  .vantages-item--six .vantages-item__img {
    justify-self: end;
  }
}

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

  .vantages-grid {
    gap: 8px;
    margin-top: 30px;
  }

  .vantages-item {
    padding: 20px 20px 0;
  }

  .vantages-item .vantages-item__title {
    font-size: 18px;
  }

  .vantages-item .vantages-item__descr {
    max-width: 220px;
    margin-top: 12px;
    font-size: 15px;
  }

  .vantages-item--one,
  .vantages-item--two {
    column-gap: 15px;
    padding-bottom: 20px;
  }

  .vantages-item--one {
    grid-template-columns: 1fr auto;
    grid-row: unset;
    column-gap: 20px;
  }

  .vantages-item--one .vantages-item__descr {
    max-width: 200px;
  }

  .vantages-item--one .vantages-item__img {
    align-self: end;
    grid-column: 2/3;
    grid-row: 1/3;
    width: 100px;
    margin: 0 30px -20px 0;
  }

  .vantages-item--one .vantages-item__img img:nth-child(2) {
    width: 32%;
    left: 0;
    bottom: 110%;
  }

  .vantages-item--one .vantages-item__img img:nth-child(3) {
    left: 60%;
    top: -12%;
  }

  .vantages-item--two .vantages-item__img {
    width: 120px;
  }

  .vantages-item--three .vantages-item__title,
  .vantages-item--four .vantages-item__title {
    font-size: 16px;
  }

  .vantages-item--three .vantages-item__img {
    margin-right: 0;
  }

  .vantages-item--three .vantages-item__img img:nth-child(2) {
    top: 25%;
    left: 0;
  }

  .vantages-item--three .vantages-item__img img:nth-child(3) {
    top: 65%;
    right: 0;
  }

  .vantages-item--four .vantages-item__img {
    width: 60px;
  }

  .vantages-item--five,
  .vantages-item--six {
    grid-template-columns: 1fr auto;
    column-gap: 15px;
  }

  .vantages-item--five .vantages-item__title,
  .vantages-item--six .vantages-item__title {
    grid-column: 1/-1;
  }

  .vantages-item--five .vantages-item__img,
  .vantages-item--six .vantages-item__img {
    align-self: end;
    margin-top: 0;
  }

  .vantages-item--seven {
    padding-bottom: 20px;
  }

  .vantages-item--seven .vantages-item__img {
    width: 165px;
  }
}

.account {
  margin-top: 160px;
  overflow: hidden;
}

.account-body {
  padding: 80px 130px 120px;
  border-radius: 40px;
  background: linear-gradient(30deg, #298df4 10%, #4ca1ff 20%, #0169e1 40%);
}

.account-title {
  text-align: center;
  color: #fff;
}

.account-img {
  position: relative;
  display: flex;
  margin-top: 60px;
}

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

.account-img img:nth-child(2) {
  position: absolute;
  width: 22%;
  top: -8%;
  right: -7%;
}

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

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

  .account-body {
    padding: 60px 85px 85px;
  }

  .account-img {
    margin-top: 50px;
  }

  .account-actions {
    margin-top: 70px;
  }
}

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

  .account-body {
    padding: 50px 60px 60px;
    border-radius: 30px;
  }

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

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

  .account-body {
    padding: 50px 30px 60px;
    border-radius: 20px;
  }
}

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

  .account-body {
    padding: 40px 30px 50px;
    border-radius: 10px;
  }

  .account-img {
    margin-top: 40px;
  }

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

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

  .account-body {
    margin: 0 -15px;
    padding: 30px 15px 40px;
    border-radius: 0;
  }

  .account-img {
    margin-top: 30px;
  }

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

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

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

.page-template-template-virtual-cards-plati-1 {
  background: #e7edf8;
}

.page-template-template-virtual-cards-plati-2,
.page-template-template-virtual-cards-plati-3 {
  background: #f6f8fa;
}

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

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

@media (min-width: 768px) {
  .cards-block,
  .cards-block-two {
    padding-top: 110px;
  }
}

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

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

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

.container--mod::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: #3e93f5
    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;
    justify-content: flex-start;
  }
}

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

.cards-block-two-title {
  margin-bottom: 30px;
}

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

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

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

  .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-two-title {
    margin-bottom: 60px;
  }
  .cards-block__items .cards-block__specs-list {
    grid-template-columns: 1fr 0.8fr;
  }
}

.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 {
  background: #fff;
  padding: 10px 20px;
  border-radius: 20px;
}

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

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

.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__specs-table .cards-item__specs-tr {
    position: relative;
  }

  .cards-block-two__items
    .cards-block-two__specs-table
    .cards-item__specs-tr:not(:first-child)::before {
    content: '';
    position: absolute;
    height: 25px;
    width: 1px;
    left: -40px;
    background: #e8e8e8;
  }
}

@media (min-width: 1024px) {
  .cards-block-two__items .cards-block-two__icons-services,
  .cards-block-two__items .cards-block-two__icons-pay {
    height: 42px;
  }
  .cards-block-two__items .cards-block-two__specs-table {
    grid-template-columns: repeat(3, auto);
    gap: 80px;
  }
  .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: 1280px) {
  .cards-block-two__items .cards-block-two__specs-table {
    gap: 40px;
  }
  .cards-block-two__items
    .cards-block-two__specs-table
    .cards-item__specs-tr:not(:first-child)::before {
    left: -25px;
  }
}

@media (min-width: 1640px) {
  .cards-block-two__items
    .cards-block-two__specs-table
    .cards-item__specs-tr:not(:first-child)::before {
    left: -40px;
  }
}

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

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

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

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

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

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

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

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

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

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

@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: 20px;
  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: #f7f8f9;
  padding: 25px;
  border-radius: 20px;
  height: 100%;
}

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

.cards-block-two__icons {
  display: flex;
  align-items: center;
  justify-content: 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: 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: 40px 50px;
    padding-bottom: 50px;
    gap: 0;
  }
}

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

@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: 1280px;
  }
}

.cards-news {
  background-color: #f5f5f5;
  border-radius: 40px;
  padding-top: 100px;
  padding-bottom: 80px;
  margin-top: 140px;
}
.cards-news__intro {
  background-color: rgba(255, 255, 255, 0.5);
}
.cards-news__items {
  grid-template-columns: repeat(2, 1fr);
  margin-top: 100px;
}
.cards-news__img {
  position: relative;
}
.cards-news__img::after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 124px;
  height: 32px;
  bottom: 14px;
  left: -40px;
  background-image: url('group-icon-payment.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2px;
  border-radius: 36px;
}
.cards-news__items .cards-news__img {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: -50px;
}
.cards-news__items .cards-block__name {
  margin-bottom: 12px;
}
.cards-news__items .cards-block__item--two::after {
  background: #acef81
    url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_10291)'%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='%230D41D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_10291'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat 12px center;
  color: #0d41d2;
  transform: translateX(0);
  left: 24px;
}
.cards-news__items .cards-block__item--two {
  background: linear-gradient(
    180deg,
    rgba(237, 244, 255, 0.7) 60.73%,
    #d1e6ff 100%
  );
}
.cards-news__items .cards-block__item--three {
  background-color: rgba(193, 206, 215, 0.3);
}
.cards-news__bottom .cards-block__order .btn--grad-blue::after {
  background:
    linear-gradient(270deg, #54b0f9 -1.17%, #0c52eb 100%),
    linear-gradient(270deg, #5462f9 -1.17%, #5e69ff 100%);
}
.cards-news__items
  .cards-block__specs-table
  .cards-item__specs-tr
  .cards-item__specs-th::before {
  color: #10161a;
}
.cards-news__bottom .cards-block__order .btn {
  color: #fff;
}
.cards-news__bottom .cards-item__price {
  font-size: 20px;
  color: #10161a;
}
.cards-news__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 25px;
}
.cards-news__bottom .cards-item__price span,
.ppm-old-price {
  color: #8f99af;
  font-size: 14px;
  font-family: var(--font-semibold);
}

@media (min-width: 1280px) {
  .cards-news__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .cards-news__img {
    order: 2;
  }
  .cards-news__title {
    order: 1;
  }
  .cards-news__items .cards-block__name {
    text-align: left;
    font-size: 24px;
    padding-top: 6px;
  }
  .cards-news__items .cards-block__icons {
    margin-bottom: 0;
    justify-content: flex-start;
    height: 28px;
  }
  .cards-news__items .cards-block__icons-pay {
    height: 28px;
  }

  .cards-news__items .cards-block__specs-list {
    grid-template-columns: 1fr;
  }
  .cards-news__items .cards-block__specs-list .cards-block__specs-li {
    font-size: 16px;
    line-height: 1.2;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-th,
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-td {
    font-size: 16px;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-th::before {
    font-size: 16px;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr.ppm-exchange-rate-row
    .cards-item__specs-th {
    font-size: 0px;
  }
  .cards-news__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 28px;
  }
  .cards-news__bottom .cards-item__price {
    order: 2;
    margin-bottom: 0 !important;
  }

  .cards-news__bottom .cards-block__order {
    width: calc(100% - 104px);
    order: 1;
  }
  .cards-block__item--two .cards-news__bottom .cards-block__order {
    width: calc(100% - 160px);
  }
  .cards-news__bottom .cards-block__order .btn {
    font-size: 18px;
  }
  .cards-news .cards-block__title {
    font-size: 60px;
  }
}

@media (max-width: 1639.98px) {
  .cards-news__bottom .cards-block__order .btn {
    font-size: 14px;
    height: 50px;
  }
  .cards-news__items {
    margin-top: 50px;
  }
  .cards-news {
    margin-top: 130px;
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-th,
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-td {
    font-size: 14px;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr
    .cards-item__specs-th::before {
    font-size: 14px;
  }
  .cards-news__items
    .cards-block__specs-table
    .cards-item__specs-tr.ppm-exchange-rate-row
    .cards-item__specs-th {
    font-size: 0px;
  }
  .cards-news__items .cards-block__specs-list .cards-block__specs-li {
    font-size: 14px;
  }
  .cards-news__items .cards-block__specs-list {
    grid-auto-rows: auto;
  }
}

@media (max-width: 1279.98px) {
  .cards-news .cards-block__title {
    font-size: 44px;
  }
  .cards-news {
    margin-top: 120px;
  }
  .cards-news__items {
    margin-top: 40px;
  }
  .cards-news .cards-block__title {
    font-size: 52px;
  }
  .cards-news__items .cards-news__img {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
  .cards-news__items .cards-block__item--two::after {
    transform: translateX(-50%);
    left: 50%;
  }
  .cards-news__items .cards-block__name {
    margin-bottom: 10px;
  }
  .cards-news__bottom {
    margin-top: 10px;
  }
  .cards-news__bottom .cards-item__price {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
  }
  .cards-news__body {
    grid-template-columns: 1fr;
    margin-top: 0;
  }
}

@media (max-width: 1023.98px) {
  .cards-news .cards-block__title {
    font-size: 38px;
  }
  .cards-news {
    margin-top: 80px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0;
  }
  .cards-news__img::after {
    bottom: -4px;
    left: -14px;
  }
  .cards-news__items .cards-block__icons {
    margin-bottom: 20px;
  }
  .cards-news__items {
    margin-top: 25px;
  }
}

@media (max-width: 767.98px) {
  .cards-news .cards-block__title {
    font-size: 32px;
  }
  .cards-news {
    margin-top: 65px;
  }
}

@media (max-width: 575.98px) {
  .cards-news .cards-block__title {
    font-size: 26px;
  }
  .cards-news {
    margin-top: 50px;
  }
  .header-logo__link .logo-tbank__wrap {
    padding-right: 6px;
  }
  .header-logo__link .logo-black__wrap {
    margin-left: 6px;
  }
}