@charset "UTF-8";
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Bold.eot?57473609fa405827d418066bd3a3f72d);
  src: local("TT Norms Pro Bold"), local("TTNormsPro-Bold"), url(/fonts/TTNormsPro-Bold.eot?57473609fa405827d418066bd3a3f72d?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Bold.woff2?a76053e8fa0edaac22e294cf26bd077a) format("woff2"), url(/fonts/TTNormsPro-Bold.woff?9deb9fa093d0e759a237f3ee4edbd593) format("woff"), url(/fonts/TTNormsPro-Bold.ttf?ca1a7eb9f72ef0dcfd46c4037c2b6ed6) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-ExtraBoldItalic.eot?7f8f19ceac3eb22670e0364d2f7faebe);
  src: local("TT Norms Pro ExtraBold Italic"), local("TTNormsPro-ExtraBoldItalic"), url(/fonts/TTNormsPro-ExtraBoldItalic.eot?7f8f19ceac3eb22670e0364d2f7faebe?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraBoldItalic.woff2?a0ed4a0501b1c83d38630f7e7adcab64) format("woff2"), url(/fonts/TTNormsPro-ExtraBoldItalic.woff?4ed5a7d640997672b270e4a8ae6fd73f) format("woff"), url(/fonts/TTNormsPro-ExtraBoldItalic.ttf?0954ccff23c1a48fda7d07267062744d) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-ExtraLightItalic.eot?22dd413b6452ee4d887773fcaaf69fe5);
  src: local("TT Norms Pro ExtraLight Italic"), local("TTNormsPro-ExtraLightItalic"), url(/fonts/TTNormsPro-ExtraLightItalic.eot?22dd413b6452ee4d887773fcaaf69fe5?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraLightItalic.woff2?2d179bbb950b4e4f979aeee8999caa2b) format("woff2"), url(/fonts/TTNormsPro-ExtraLightItalic.woff?06dad7a4b6fbeea933842204eff23a1b) format("woff"), url(/fonts/TTNormsPro-ExtraLightItalic.ttf?fb301ba85a2437fb8dc0b90ca793e59b) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Thin.eot?fb98246226ffda7d1cf887c4866f501f);
  src: local("TT Norms Pro Thin"), local("TTNormsPro-Thin"), url(/fonts/TTNormsPro-Thin.eot?fb98246226ffda7d1cf887c4866f501f?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Thin.woff2?6a05a1b1a06567706c13eba6166d9e0b) format("woff2"), url(/fonts/TTNormsPro-Thin.woff?ee57b13a0f75e30c8e41d4113dc409bf) format("woff"), url(/fonts/TTNormsPro-Thin.ttf?cba7d9eea59723c33bb3d2a5ceef7d9b) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-ExtraBold.eot?2203c264cabaeacc3ef0ecc997ceea3c);
  src: local("TT Norms Pro ExtraBold"), local("TTNormsPro-ExtraBold"), url(/fonts/TTNormsPro-ExtraBold.eot?2203c264cabaeacc3ef0ecc997ceea3c?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraBold.woff2?e52b1905c3715e3621fcbfad27a15e03) format("woff2"), url(/fonts/TTNormsPro-ExtraBold.woff?c5b669c76f650c55e6ca06f952ce6181) format("woff"), url(/fonts/TTNormsPro-ExtraBold.ttf?f73f5eeaf1a934f7694d9ebf193d984d) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Regular.eot?3463e845a90ada751882e79775cba8fb);
  src: local("TT Norms Pro Regular"), local("TTNormsPro-Regular"), url(/fonts/TTNormsPro-Regular.eot?3463e845a90ada751882e79775cba8fb?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Regular.woff2?463b9c96fefe5cefd8d9ce8f3bf45ca5) format("woff2"), url(/fonts/TTNormsPro-Regular.woff?ca0e414ea2321bd0c925145590a87bca) format("woff"), url(/fonts/TTNormsPro-Regular.ttf?286accc215acf65c8da8311c48410a17) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-ThinItalic.eot?87c59a44a7a7cea53f8484150e694173);
  src: local("TT Norms Pro Thin Italic"), local("TTNormsPro-ThinItalic"), url(/fonts/TTNormsPro-ThinItalic.eot?87c59a44a7a7cea53f8484150e694173?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ThinItalic.woff2?80c4d94ecce3f2e4935c99a53d6c8a85) format("woff2"), url(/fonts/TTNormsPro-ThinItalic.woff?1a5f42a9e580bd66ab76f6dce5bcb908) format("woff"), url(/fonts/TTNormsPro-ThinItalic.ttf?c446819236540ea37ac8d15f3bc092ce) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Light.eot?041abe138e31c2c11f1344fcad6d82a0);
  src: local("TT Norms Pro Light"), local("TTNormsPro-Light"), url(/fonts/TTNormsPro-Light.eot?041abe138e31c2c11f1344fcad6d82a0?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Light.woff2?c79fb6f155b5b8654528c59f1474bab2) format("woff2"), url(/fonts/TTNormsPro-Light.woff?5ec9ff23c60ef3eb2036e67edba8383e) format("woff"), url(/fonts/TTNormsPro-Light.ttf?08b32136957bbe1334d15a21c2c69e02) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-MediumItalic.eot?ec26322e54c2ae7729c8486336e76294);
  src: local("TT Norms Pro Medium Italic"), local("TTNormsPro-MediumItalic"), url(/fonts/TTNormsPro-MediumItalic.eot?ec26322e54c2ae7729c8486336e76294?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-MediumItalic.woff2?78a53302b5167b1bf1435d7ae23071cd) format("woff2"), url(/fonts/TTNormsPro-MediumItalic.woff?b52e47fd5509bf9f3260cbd970178a47) format("woff"), url(/fonts/TTNormsPro-MediumItalic.ttf?8a3d548a99b857324624da1c5b741708) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro ExtraBlack";
  src: url(/fonts/TTNormsPro-ExtraBlackItalic.eot?bc0d7aee910e3a00d11c647ee030ca1a);
  src: local("TT Norms Pro ExtraBlack Italic"), local("TTNormsPro-ExtraBlackItalic"), url(/fonts/TTNormsPro-ExtraBlackItalic.eot?bc0d7aee910e3a00d11c647ee030ca1a?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraBlackItalic.woff2?4ea73c6199373ee0450218ab7dbe6e35) format("woff2"), url(/fonts/TTNormsPro-ExtraBlackItalic.woff?ce51861839e72f243c7621383f594849) format("woff"), url(/fonts/TTNormsPro-ExtraBlackItalic.ttf?b49879e94aa424614ebb9d83b35a310a) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-ExtraLight.eot?b3379d06dd611cc80e5282ee667e82e3);
  src: local("TT Norms Pro ExtraLight"), local("TTNormsPro-ExtraLight"), url(/fonts/TTNormsPro-ExtraLight.eot?b3379d06dd611cc80e5282ee667e82e3?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraLight.woff2?03301a6074e1e4cf8f265837c74552fc) format("woff2"), url(/fonts/TTNormsPro-ExtraLight.woff?1c72d37b410e10a7ecdd191764a2627f) format("woff"), url(/fonts/TTNormsPro-ExtraLight.ttf?d3e733d07d68dafbc8a63ce241430375) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-LightItalic.eot?09621dd1af8f95fdb9e1f716fcd43e4a);
  src: local("TT Norms Pro Light Italic"), local("TTNormsPro-LightItalic"), url(/fonts/TTNormsPro-LightItalic.eot?09621dd1af8f95fdb9e1f716fcd43e4a?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-LightItalic.woff2?ae56c3883400783545190b73188eb2e1) format("woff2"), url(/fonts/TTNormsPro-LightItalic.woff?68707b55171a99f81375c5087551eb6a) format("woff"), url(/fonts/TTNormsPro-LightItalic.ttf?f7706c4e72048cc9c4ee7b9f49180847) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Medium.eot?2d5cb093bbe19490b4aadd683f831dd5);
  src: local("TT Norms Pro Medium"), local("TTNormsPro-Medium"), url(/fonts/TTNormsPro-Medium.eot?2d5cb093bbe19490b4aadd683f831dd5?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Medium.woff2?258cc526d378b9f0bc2b030d62fa026c) format("woff2"), url(/fonts/TTNormsPro-Medium.woff?661844869ef3daee9c22d173499d1cae) format("woff"), url(/fonts/TTNormsPro-Medium.ttf?4b8603a56c06d7a5e40dd4fab2578555) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro ExtraBlack";
  src: url(/fonts/TTNormsPro-ExtraBlack.eot?f6950c630119764fcff788bce0254c7a);
  src: local("TT Norms Pro ExtraBlack"), local("TTNormsPro-ExtraBlack"), url(/fonts/TTNormsPro-ExtraBlack.eot?f6950c630119764fcff788bce0254c7a?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-ExtraBlack.woff2?ebedea1144593625e97cff5905e8b860) format("woff2"), url(/fonts/TTNormsPro-ExtraBlack.woff?5f26845100fe60f8001e384976c296b8) format("woff"), url(/fonts/TTNormsPro-ExtraBlack.ttf?c8d1aa9ee3a84fe21e3be2d6910fcea5) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-BoldItalic.eot?e37758c4352dc0e4ecbb326dbf5f53e0);
  src: local("TT Norms Pro Bold Italic"), local("TTNormsPro-BoldItalic"), url(/fonts/TTNormsPro-BoldItalic.eot?e37758c4352dc0e4ecbb326dbf5f53e0?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-BoldItalic.woff2?2a507da751d1fa97d876660767afa36d) format("woff2"), url(/fonts/TTNormsPro-BoldItalic.woff?ff6a387b9c97be50bc6f579d6bcbc834) format("woff"), url(/fonts/TTNormsPro-BoldItalic.ttf?59f101d40ddcef7c854f22185cde6fcd) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-BlackItalic.eot?cac3be879efeaf9e7a5265fba555ef0d);
  src: local("TT Norms Pro Black Italic"), local("TTNormsPro-BlackItalic"), url(/fonts/TTNormsPro-BlackItalic.eot?cac3be879efeaf9e7a5265fba555ef0d?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-BlackItalic.woff2?9c8c570ba8f78fd3f97e389774ea5b5c) format("woff2"), url(/fonts/TTNormsPro-BlackItalic.woff?d444cf2141c756eecf8208fb1ef6483f) format("woff"), url(/fonts/TTNormsPro-BlackItalic.ttf?6999c3df0d970850acabc20f2561fe53) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Black.eot?75b19c83d800de81f987708220a4e0c1);
  src: local("TT Norms Pro Black"), local("TTNormsPro-Black"), url(/fonts/TTNormsPro-Black.eot?75b19c83d800de81f987708220a4e0c1?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Black.woff2?bf15f5a6f0f4347f8f360c3c6615b3ca) format("woff2"), url(/fonts/TTNormsPro-Black.woff?7e93262d59459beb87d1eba8abf38d9b) format("woff"), url(/fonts/TTNormsPro-Black.ttf?42b0c49da7d469df5fef5a24f212c561) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url(/fonts/TTNormsPro-Italic.eot?6566077bfb86ca45e1b0ff32157df58c);
  src: local("TT Norms Pro Italic"), local("TTNormsPro-Italic"), url(/fonts/TTNormsPro-Italic.eot?6566077bfb86ca45e1b0ff32157df58c?#iefix) format("embedded-opentype"), url(/fonts/TTNormsPro-Italic.woff2?f417d689d0018a904c907ebc5fc023f9) format("woff2"), url(/fonts/TTNormsPro-Italic.woff?6de2ecaeacbd7df0eec9786049c06018) format("woff"), url(/fonts/TTNormsPro-Italic.ttf?3cd202fd72e06ba1c36aa27485223e39) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Medium.eot?c227ee1b22a21ca9441ad017bf11d4ce);
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"), url(/fonts/SFProDisplay-Medium.eot?c227ee1b22a21ca9441ad017bf11d4ce?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Medium.woff2?22a99d36f90cc52d2914adca813e56ed) format("woff2"), url(/fonts/SFProDisplay-Medium.woff?7274e74c05adf47dbcd99b87fc1f2a60) format("woff"), url(/fonts/SFProDisplay-Medium.ttf?7fe92bb1fe75c84e473aa3a5fb7c1de9) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Heavy.eot?3a12a38ac051b6c298dacc452684d998);
  src: local("SF Pro Display Heavy"), local("SFProDisplay-Heavy"), url(/fonts/SFProDisplay-Heavy.eot?3a12a38ac051b6c298dacc452684d998?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Heavy.woff2?24136192bce52708c98be192f4c9eeab) format("woff2"), url(/fonts/SFProDisplay-Heavy.woff?bc1c996658eecdd3f3d20a75bb195cd7) format("woff"), url(/fonts/SFProDisplay-Heavy.ttf?f7376a8c65db73a31f7bd3631622d6ba) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-UltralightItalic.eot?632d13871d80a8fb7c9c819b776de4b1);
  src: local("SF Pro Display UltralightItalic"), local("SFProDisplay-UltralightItalic"), url(/fonts/SFProDisplay-UltralightItalic.eot?632d13871d80a8fb7c9c819b776de4b1?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-UltralightItalic.woff2?555bda0cc73f7ce96b8c63a5f70a2ce7) format("woff2"), url(/fonts/SFProDisplay-UltralightItalic.woff?ede7a30ed8a1a62b636f9b5bfbf913f8) format("woff"), url(/fonts/SFProDisplay-UltralightItalic.ttf?c388a9a1ae26f8c5a9b2b353dd87310d) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-RegularItalic.eot?480a11315e4993c9dd9199dd3bce1802);
  src: local("SF Pro Display Regular Italic"), local("SFProDisplay-RegularItalic"), url(/fonts/SFProDisplay-RegularItalic.eot?480a11315e4993c9dd9199dd3bce1802?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-RegularItalic.woff2?8b91b8643bf95e8a7e977c7416012413) format("woff2"), url(/fonts/SFProDisplay-RegularItalic.woff?d8a9c66d4075d8987e5e4f8650c750fb) format("woff"), url(/fonts/SFProDisplay-RegularItalic.ttf?274dcb53d36c51b888984adcc90d5acb) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Thin.eot?b7c7d0dc115c83dfa9ce9a6627ca00c2);
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"), url(/fonts/SFProDisplay-Thin.eot?b7c7d0dc115c83dfa9ce9a6627ca00c2?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Thin.woff2?03046e4ce4425deba9d23d70aacdacdd) format("woff2"), url(/fonts/SFProDisplay-Thin.woff?0787f88687d3749547e11e20a2ac41b4) format("woff"), url(/fonts/SFProDisplay-Thin.ttf?67a7a40b81cceb5f3374d354450c982b) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Light.eot?a2a03b5e51caf950b1981d98afff2f54);
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), url(/fonts/SFProDisplay-Light.eot?a2a03b5e51caf950b1981d98afff2f54?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Light.woff2?54469e3c52efb3dffc83b8373749f46f) format("woff2"), url(/fonts/SFProDisplay-Light.woff?9166ce32434fe7e0535437fde7f55951) format("woff"), url(/fonts/SFProDisplay-Light.ttf?7d7616d6b41a6eebff821b964d94edf5) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-BlackItalic.eot?045cd586ba5eb6be760231b5d3a639fc);
  src: local("SF Pro Display Black Italic"), local("SFProDisplay-BlackItalic"), url(/fonts/SFProDisplay-BlackItalic.eot?045cd586ba5eb6be760231b5d3a639fc?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-BlackItalic.woff2?c926ea67c4cc3b12cb57fb94ed201ecd) format("woff2"), url(/fonts/SFProDisplay-BlackItalic.woff?ce0824c58ea3c4a0ab6cb56828729396) format("woff"), url(/fonts/SFProDisplay-BlackItalic.ttf?372d4c30fd4fc3ebab6b3e51e2b1ecb4) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Bold.eot?e43887f683e1a4accd822de32a8b2c6f);
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(/fonts/SFProDisplay-Bold.eot?e43887f683e1a4accd822de32a8b2c6f?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Bold.woff2?84c242fe1f30a86d5ab33ebce2be8b0b) format("woff2"), url(/fonts/SFProDisplay-Bold.woff?5b08afd6b167d7ec48ce49c69262dea1) format("woff"), url(/fonts/SFProDisplay-Bold.ttf?85d6f73bf73d0351846108dbf2c56619) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Black.eot?23b9316d15a031aece0a1c48728006fa);
  src: local("SF Pro Display Black"), local("SFProDisplay-Black"), url(/fonts/SFProDisplay-Black.eot?23b9316d15a031aece0a1c48728006fa?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Black.woff2?b06be182881a6e2cc20e619e408eac9d) format("woff2"), url(/fonts/SFProDisplay-Black.woff?7205509fcd4da1496fcc75bb032938b1) format("woff"), url(/fonts/SFProDisplay-Black.ttf?857e26e0300b2f00edb47675619e54ff) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-SemiboldItalic.eot?b7a255515bfa2a50c168c9ffe2b3219e);
  src: local("SF Pro Display SemiboldItalic"), local("SFProDisplay-SemiboldItalic"), url(/fonts/SFProDisplay-SemiboldItalic.eot?b7a255515bfa2a50c168c9ffe2b3219e?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-SemiboldItalic.woff2?dba74d198fd5f314b330c48c678bdfa0) format("woff2"), url(/fonts/SFProDisplay-SemiboldItalic.woff?c50c412ba7628c654fd6d7e12e8df37d) format("woff"), url(/fonts/SFProDisplay-SemiboldItalic.ttf?219858f98213d00ef6af9c6fac596394) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Ultralight.eot?32e032364cb2cd42de8623b62aa60e0b);
  src: local("SF Pro Display Ultralight"), local("SFProDisplay-Ultralight"), url(/fonts/SFProDisplay-Ultralight.eot?32e032364cb2cd42de8623b62aa60e0b?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Ultralight.woff2?fd1ec27f9cae0ceaf99d8a7beba950bd) format("woff2"), url(/fonts/SFProDisplay-Ultralight.woff?38c7b0a16825eb01b9225015db462b1d) format("woff"), url(/fonts/SFProDisplay-Ultralight.ttf?fd66f7671882435576fffb702e906615) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-LightItalic.eot?76b4a3cf1d84b082606b3f46a3a178b4);
  src: local("SF Pro Display LightItalic"), local("SFProDisplay-LightItalic"), url(/fonts/SFProDisplay-LightItalic.eot?76b4a3cf1d84b082606b3f46a3a178b4?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-LightItalic.woff2?528a7ab2aefaac261e21c0d45f81008f) format("woff2"), url(/fonts/SFProDisplay-LightItalic.woff?1f80dd60b9f2d2b007207853b1578369) format("woff"), url(/fonts/SFProDisplay-LightItalic.ttf?9bc58db673d41e3c0dbc494343ac151f) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-ThinItalic.eot?717220026f824c33e21d8f5fecc7915a);
  src: local("SF Pro Display ThinItalic"), local("SFProDisplay-ThinItalic"), url(/fonts/SFProDisplay-ThinItalic.eot?717220026f824c33e21d8f5fecc7915a?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-ThinItalic.woff2?67c1380ff0ab31073ed92564a2760144) format("woff2"), url(/fonts/SFProDisplay-ThinItalic.woff?3502db35ce0176c70258545fe81576da) format("woff"), url(/fonts/SFProDisplay-ThinItalic.ttf?a0b5c252191bef04aae9d09ffa7857fa) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-MediumItalic.eot?8260481680b3025c800f3eb11da231c9);
  src: local("SF Pro Display MediumItalic"), local("SFProDisplay-MediumItalic"), url(/fonts/SFProDisplay-MediumItalic.eot?8260481680b3025c800f3eb11da231c9?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-MediumItalic.woff2?7a6c754a139276a78df14f6ea9582f42) format("woff2"), url(/fonts/SFProDisplay-MediumItalic.woff?6f3ccd2fb7de5ec3c6bc17819b8c172b) format("woff"), url(/fonts/SFProDisplay-MediumItalic.ttf?f14d7972dccb0b7e79671b735010ab4a) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Semibold.eot?a909a57a0c2db31e17fc9b8915c60bd4);
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"), url(/fonts/SFProDisplay-Semibold.eot?a909a57a0c2db31e17fc9b8915c60bd4?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Semibold.woff2?3926eb65ce4420a819305cdf5dd2bfd6) format("woff2"), url(/fonts/SFProDisplay-Semibold.woff?340c3a1a6dddb0b99476123eacf29f56) format("woff"), url(/fonts/SFProDisplay-Semibold.ttf?dfc89e609e62dde183759be5b85550fb) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-HeavyItalic.eot?6f3ada9a06b17c9ee1d4db8089186b18);
  src: local("SF Pro Display HeavyItalic"), local("SFProDisplay-HeavyItalic"), url(/fonts/SFProDisplay-HeavyItalic.eot?6f3ada9a06b17c9ee1d4db8089186b18?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-HeavyItalic.woff2?493ea2837d6658020cb2a38765c0f38e) format("woff2"), url(/fonts/SFProDisplay-HeavyItalic.woff?dec2655c1ce5e7d8cb9557c12803bee2) format("woff"), url(/fonts/SFProDisplay-HeavyItalic.ttf?411dea154ee36fb1f00d648c688aa2f1) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-Regular.eot?ea1b407b07b1c65ddb672cce1f6a7f1a);
  src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(/fonts/SFProDisplay-Regular.eot?ea1b407b07b1c65ddb672cce1f6a7f1a?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-Regular.woff2?d5ff9f6824d2c66073618ceab4a5dae7) format("woff2"), url(/fonts/SFProDisplay-Regular.woff?7ee14c637e39445d709322f111f847d4) format("woff"), url(/fonts/SFProDisplay-Regular.ttf?6b109fecbc7563467e364a228c5106f0) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/fonts/SFProDisplay-BoldItalic.eot?6a05530cadbd6e4098713c0903643a8e);
  src: local("SF Pro Display BoldItalic"), local("SFProDisplay-BoldItalic"), url(/fonts/SFProDisplay-BoldItalic.eot?6a05530cadbd6e4098713c0903643a8e?#iefix) format("embedded-opentype"), url(/fonts/SFProDisplay-BoldItalic.woff2?6053ac3a6e3122feaf7c535545707d5a) format("woff2"), url(/fonts/SFProDisplay-BoldItalic.woff?8e998f3b2f562268bdde3400d42f7853) format("woff"), url(/fonts/SFProDisplay-BoldItalic.ttf?0932e0e125bcd1d3488ecc9aeaf46dc3) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Mont";
  src: url("/public/fonts/Mont/MontBold.ttf") format("ttf"), url("/public/fonts/Mont/MontBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Mont";
  src: url("/public/fonts/Mont/MontSemiBold.ttf") format("ttf"), url("/public/fonts/Mont/MontSemiBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/public/fonts/SFPRODISPLAY/SFPRODISPLAYBOLD.otf") format("otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SuisseIntl";
  src: url("/public/fonts/Suisse_Intl/SuisseIntl-Bold.otf") format("otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SuisseIntl";
  src: url("/public/fonts/Suisse_Intl/SuisseIntl-Regular.otf") format("otf"), url("/public/fonts/Suisse_Intl/SuisseIntl-Regular.woff") format("woff"), url("/public/fonts/Suisse_Intl/SuisseIntl-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SuisseIntl";
  src: url("/public/fonts/Suisse_Intl/SuisseIntl-Bold.ttf") format("ttf"), url("/public/fonts/Suisse_Intl/SuisseIntl-Bold.woff") format("woff"), url("/public/fonts/Suisse_Intl/SuisseIntl-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SuisseIntl";
  src: url("/public/fonts/Suisse_Intl/SuisseIntl-SemiBold.otf") format("otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SuisseIntl Book";
  src: url("/public/fonts/Suisse_Intl/SuisseIntl-Book.otf") format("otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TTNormsPro";
  src: url("/public/fonts/TTNormsPro/TTNormsPro-Medium.ttf") format("ttf"), url("/public/fonts/TTNormsPro/TTNormsPro-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Regular.woff2") format("woff2") url("/public/fonts/Inter/Inter-Regular.woff") format("woff");
  font-weight: 1;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Thin.woff2") format("woff2") url("/public/fonts/Inter/Inter-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-ExtraLight.woff2") format("woff2") url("/public/fonts/Inter/Inter-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Light.woff2") format("woff2") url("/public/fonts/Inter/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Regular.woff2") format("woff2") url("/public/fonts/Inter/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Medium.woff2") format("woff2") url("/public/fonts/Inter/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-SemiBold.woff2") format("woff2") url("/public/fonts/Inter/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Bold.woff2") format("woff2") url("/public/fonts/Inter/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-ExtraBold.woff2") format("woff2") url("/public/fonts/Inter/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/public/fonts/Inter/Inter-Black.woff2") format("woff2") url("/public/fonts/Inter/Inter-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
/*Medium devices (tablets, 768px and up)*/
/*Large devices (desktops, 992px and up)*/
/** X-Large devices (large desktops, 1200px and up)*/
/* XX-Large devices (larger desktops, 1400px and up)*/
/***  mixis     */
body {
  font-family: "Inter", sans-serif !important;
}

p {
  font-size: 36px;
}
@media (min-width: 576px) {
  p {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  p {
    font-size: 30px;
  }
}

.logo-header {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  width: 252px;
}
@media screen and (max-width: 992px) {
  .logo-header {
    width: 186px;
    margin-top: 0;
    padding: 8px 8px 0 18px;
  }
}

.logo-molnii {
  width: 31px;
}
@media screen and (max-width: 575px) {
  .logo-molnii {
    width: 21px;
  }
}
@media screen and (max-width: 350px) {
  .logo-molnii {
    width: 16px;
  }
}

.logo-text {
  width: 147px;
}
@media screen and (max-width: 992px) {
  .logo-text {
    width: 135px;
  }
}
@media screen and (max-width: 575px) {
  .logo-text {
    width: 111px;
  }
}
@media screen and (max-width: 350px) {
  .logo-text {
    width: 93px;
  }
}

header {
  top: -100px;
  transition: all 300ms linear;
}
header .header-dropdowns {
  position: relative;
}
header .geo-popup-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid #ddd;
  max-width: 160px;
}
header .geo-popup-trigger svg {
  min-width: 20px;
}
header #currentRegion {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 140px; /* адаптируй под ширину с учётом иконки */
}
@media screen and (max-width: 1200px) {
  header #currentRegion {
    display: none;
  }
}
header .geo-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  min-height: 100vh;
}
header .geo-modal-content {
  background: white;
  border-radius: 12px;
  padding: 88px 24px 24px;
  width: 90%;
  max-width: 420px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  position: relative;
}
header .geo-current {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  margin-bottom: 16px;
  color: #475467;
}
header .geo-modal-close {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
}
header .geo-modal-header {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  flex-direction: column;
  margin-bottom: 20px;
}
header .geo-modal-header img {
  position: absolute;
  top: 0;
  left: 0;
}
header .geo-modal-header h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  color: #101828;
}
header .geo-modal-body input.geo-search-input {
  width: 100%;
  padding: 10px 14px 10px 40px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: 1px solid #d0d5dd;
  position: relative;
  z-index: 3;
}
header .search-input-wrapper {
  position: relative;
}
header .search-icon {
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 12px;
}
header .geo-region-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
header .geo-region-btn {
  padding: 2px 10px;
  background-color: #d9d6fe;
  color: #5925dc;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
header .autocomplete-suggestions {
  border: 1px solid #ccc;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
  z-index: 20;
  position: absolute;
}
header .geo-modal .autoComplete_wrapper input {
  background-image: none;
  color: #667085;
}
header .geo-modal .autocomplete-input {
  background-color: white;
  background-image: none;
}
header .autocomplete-suggestion {
  padding: 8px;
  cursor: pointer;
}
header .autocomplete-suggestion:hover {
  background: #f0f0ff;
}
header .geo-region-btn:hover {
  background-color: #e5dbff;
}
header .dropdown {
  position: relative;
}
header .dropdown-toggle {
  background-color: white;
  border: 1px solid #e1e4ea;
  border-radius: 6px;
  padding: 6px 12px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 575px) {
  header .dropdown-toggle {
    padding: 4px 5px;
    gap: 2px;
  }
}
header .dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 120%;
  background: white;
  border: 1px solid #e1e4ea;
  border-radius: 6px;
  min-width: 180px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 8px 0;
}
header .dropdown-item {
  padding: 4px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.1s ease-in;
}
header .dropdown-item:hover {
  color: #714bff;
  background-color: white;
}
header header .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.006em;
  font-feature-settings: "cv09" on, "ss11" on, "calt" off, "liga" off;
  color: #0e121b;
}
header .avatar {
  background: #C0D5FF;
  border-radius: 50%;
  padding: 4px 5px;
  font-size: 8px;
  font-weight: bold;
  color: #122368;
  min-width: 24px;
  min-height: 24px;
  max-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-transform: uppercase;
}
header .icon {
  margin-right: 8px;
}

@media screen and (max-width: 1200px) {
  .dropdown-name {
    display: none;
  }
}

header.fixed {
  position: sticky;
  top: 0;
  z-index: 10;
  transition: all 300ms linear;
}
@media screen and (max-width: 992px) {
  header.fixed {
    height: 64px;
    background-color: white;
  }
  header.fixed .align-items-center {
    height: 64px;
  }
}

.modal-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #475467;
}

.head_background {
  background-color: #ffffff;
  width: 100%;
  height: 64px;
  position: fixed;
  top: 0;
  visibility: hidden;
  transition: all 200ms ease-out;
  z-index: 10;
}
@media screen and (max-width: 577px) {
  .head_background {
    height: 47px;
  }
}

.btn-signin {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.1px;
  color: #252525;
  padding: 9px 16px;
  background-color: #FFD436;
  border-radius: 6px;
}
@media screen and (max-width: 575px) {
  .btn-signin {
    padding: 10px 10px;
    font-size: 10px;
  }
}

.btn-signin:hover {
  filter: brightness(0.97) saturate(1.2);
}

header {
  margin-bottom: 30px;
}

.input-error {
  border-color: #ff5555;
  outline: none;
}

.menu ul {
  padding: 0px;
  padding-left: 0;
  margin-bottom: 0;
}

.menu ul li:nth-last-child(1) {
  border-right: 0;
}

.foot a {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 147%;
  color: rgb(37, 37, 37);
  text-decoration: none;
  border-bottom: 1px solid rgb(113, 75, 255);
}

.menu ul li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding: 0px 33px 0 0;
  margin-right: 32px;
  display: inline-block;
  border-right: 1px solid #eaebf0;
}
.menu ul li a {
  font-family: "Inter", sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 147%;
  border-bottom: 1px solid #714bff;
  color: #252525;
}
.menu ul li a:hover {
  color: #613de8;
}
.menu ul li a.active {
  color: #7b5dfa;
  /* Цвет активной ссылки */
  border-bottom: 2px solid #613de8;
}

.copyright {
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
  text-align: right;
  color: #98a2b3;
  font-family: Inter, sans-serif;
}

.footer .foot a {
  height: -moz-fit-content;
  height: fit-content;
  line-height: 120%;
}

.h-social img {
  margin: 0 0 0 30px;
}

#loginForm input.geo-search-input {
  padding-left: 14px;
}

#loginForm button, #codeForm button {
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #FFD436;
  font-size: 16px;
  line-height: 150%;
  color: #252525;
  border: none;
  border-radius: 6px;
}

.form-forget-pass {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  margin-top: 6px;
  color: #475467;
}
.form-forget-pass a {
  color: #475467;
}

.geo-modal-body__buttons {
  display: flex;
  gap: 12px;
}
.geo-modal-body__buttons button.form-cancel {
  background-color: white !important;
  border: 1px solid #D0D5DD !important;
}

.geo-modal-body__pass {
  display: grid;
  width: 100%;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.geo-modal-body__pass input {
  width: 100%;
  min-width: 80px;
  height: 80px;
  font-weight: 500;
  font-size: 48px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 3;
  color: #714BFF;
}

@media screen and (max-width: 575px) {
  .menu ul li a,
  .foot a,
  .copyright {
    font-size: 12px;
  }
  .container__arrow-top {
    bottom: 128px;
  }
  .main-content {
    padding-bottom: 72px;
  }
}
.h-social img {
  margin: 0 0 0 4px;
}

.row {
  --bs-gutter-x: 0;
}

.burger {
  width: 48px;
  height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  cursor: pointer;
}

.burger span {
  width: 25px;
  height: 2px;
  background-color: #272827;
  position: relative;
  transition: 0.2s;
}

.burger span:first-child {
  top: -5px;
}

.burger span:last-child {
  bottom: -5px;
}

.shadow {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  position: fixed;
  z-index: 11;
  visibility: hidden;
  transition: all 1s ease-in;
  -webkit-transition: all ease-in 300ms;
}

.close-button {
  position: absolute;
  top: 5px;
  left: 5px;
}
.close-button span:first-child {
  top: 1px;
  transform-origin: center;
  transform: rotate(45deg);
}
.close-button span:last-child {
  bottom: 1px;
  transform-origin: center;
  transform: rotate(-45deg);
}

.main-content {
  height: 100%;
  min-height: 90vh;
  padding-bottom: 100px;
  position: relative;
}

.sidebar {
  visibility: hidden;
  display: flex;
  background: #ffffff;
  border-radius: 16px 0 0 16px;
  width: 100%;
  max-width: 410px;
  min-width: 280px;
  height: 100%;
  position: fixed;
  z-index: 11;
  right: -100%;
  top: 0%;
  padding: 100px 0 0 0;
  transition: all ease-out 300ms;
}
.sidebar ul li {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}
.sidebar ul li a {
  text-decoration: none;
  font-family: "SuisseIntl";
  font-size: 20px;
}

.active {
  flex-direction: column;
  visibility: visible;
}

.main-slide {
  width: 100%;
  padding: 50px;
  position: relative;
  border-radius: 30px;
}
@media (max-width: 1200px) {
  .main-slide {
    height: auto;
  }
}
@media screen and (max-width: 575px) {
  .main-slide {
    padding: 40px 16px;
  }
}

.main-slide::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  transform: skewY(-2deg);
  background: linear-gradient(135deg, #613de8 7%, #654af1 34%, #c593fc 100%);
  height: 100%;
  border-radius: 30px;
}

.trusted-us {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .trusted-us {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .trusted-us {
    background: none;
    height: auto;
    justify-content: center;
  }
}

.trust-title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width: 1200px) {
  .trust-title {
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .trust-title {
    padding: 0;
    text-align: left;
  }
}
@media (max-width: 576px) {
  .trust-title {
    font-size: 14px;
    text-align: left;
  }
}

.title-left,
.content-block h2 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 52px;
  line-height: 63px;
  letter-spacing: -0.02em;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.title-left {
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}

.content-block h2 {
  text-align: center;
}

.trust-companies {
  padding: 20px 0 0 0px;
  display: flex;
}
@media (max-width: 1200px) {
  .trust-companies {
    padding: 0 0 40px 0;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .trust-companies {
    padding: 0 0 40px 0;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .trust-companies {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
    align-items: flex-end;
    padding: 0;
  }
}
.trust-companies a {
  display: inline-flex;
  margin: 0 22px 0 0;
  width: 120px;
}
.trust-companies a img {
  width: 109px;
}
@media (max-width: 576px) {
  .trust-companies a {
    margin: 16px 0 0 0;
  }
}
.trust-companies a:nth-child(2) img {
  margin-top: 16px;
}

.background-two {
  display: flex;
  flex-direction: row;
  background: url("/public/src/back.png") no-repeat 45% 28%;
  width: 100%;
  gap: 1%;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .background-two {
    flex-direction: column;
    height: auto;
  }
}
@media (max-width: 768px) {
  .background-two {
    background: none;
    height: auto;
  }
}

.slide-left-form form {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .slide-left-form form {
    flex-wrap: wrap;
  }
}
.slide-left-form form .slide-left-form__flex {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 148px;
}

.slide-left {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .slide-left {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 992px) {
  .slide-left {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .container {
    max-width: calc(100% - 12px);
  }
}
.slide-left-text {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 52px;
  line-height: 115%;
  letter-spacing: -0.02em;
  color: #ffffff;
}
@media (max-width: 768px) {
  .slide-left-text {
    font-size: 40px;
  }
}
.slide-left-text span {
  font-weight: normal;
  margin-top: 24px;
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #e8e8e8;
}

.slide-left-form {
  display: flex;
  flex-direction: column;
  font-family: "SuisseIntl";
  color: #ffffff;
}
.slide-left-form span {
  font-weight: bold;
  font-size: 24px;
  display: block;
  margin-bottom: 20px;
}
.slide-left-form span.text-right-button {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #e8e8e8;
}

.mail-input {
  border: 2px solid #f0f0f0;
  border-radius: 6px;
  color: #000000;
  font-family: "SF Pro Display";
  font-weight: 500;
  font-size: 16px;
  padding: 16px;
  width: 540px;
  height: 46px;
}
.mail-input ::-moz-placeholder {
  color: #d6d6d6;
}
.mail-input ::placeholder {
  color: #d6d6d6;
}
.mail-input ::-moz-placeholder {
  color: #d6d6d6;
}
@media (max-width: 768px) {
  .mail-input {
    width: 100%;
  }
}

.button-one input {
  border: none;
  background: rgba(0, 0, 0, 0);
  font-weight: 600;
  font-size: 15px;
  line-height: 147%;
  letter-spacing: 0.1px;
  color: #252525;
}

/* Анимация ауры */
@keyframes pulse-animation {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15); /* Чуть меньшее расширение */
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.button-one,
.button-two {
  min-width: -moz-max-content;
  min-width: max-content;
  font-family: "Inter", sans-serif;
  display: flex;
  gap: 6px;
  background-color: #ffd436;
  border-radius: 6px;
  border: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 147%;
  letter-spacing: 0.1px;
  color: #252525;
  padding: 12px 20px;
  cursor: pointer;
  align-items: center;
  position: relative;
  transition: 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 0;
  height: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .button-one,
  .button-two {
    width: 100%;
    min-width: 205px;
    justify-content: center;
  }
}
.button-one a,
.button-two a {
  color: #000000;
  text-decoration: none;
  line-height: 74px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 768px) {
  .button-one a,
  .button-two a {
    font-size: 16px;
  }
}

.button-one:hover {
  opacity: 0.8;
  transition: opacity 150ms ease-out;
}

.button-one::before,
.button-two::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105%; /* Уменьшена ширина ауры */
  height: 115%; /* Уменьшена высота ауры */
  background: rgba(255, 212, 54, 0.5); /* Чуть менее насыщенный цвет */
  border-radius: 6px; /* Соответствует кнопке */
  z-index: -1;
  transform: translate(-50%, -50%) scale(1);
  animation: pulse-animation 1.5s infinite ease-in-out;
}

.butthree {
  background-color: #ffd436;
  padding: 12px 20px;
  text-transform: uppercase;
  margin: auto;
  height: 46px;
  width: -moz-fit-content;
  width: fit-content;
}
.butthree a {
  font-size: 16px;
  line-height: 51px;
}
@media (max-width: 768px) {
  .butthree a {
    line-height: 20px;
    padding-top: 16px;
  }
}

.slide-right {
  width: auto;
  display: flex;
}
@media (max-width: 1200px) {
  .slide-right {
    width: 100%;
    justify-content: center;
  }
}
.slide-right img {
  width: 428px;
}
@media (max-width: 1200px) {
  .slide-right img {
    width: 70%;
    padding: 30px 20px 40px 20px;
  }
}
@media (max-width: 992px) {
  .slide-right img {
    width: 100%;
    padding: 0px 0px 40px 0px;
  }
}

.content-block {
  display: flex;
  width: 100%;
  margin: 100px 0 0 0;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .content-block {
    margin-top: 60px;
  }
}

.content-block-title {
  width: 100%;
  display: flex;
  color: #714bff;
  font-family: "SF Pro Display";
  justify-content: center;
}
.content-block-title h2 {
  font-size: 64px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .content-block-title h2 {
    font-size: 40px;
  }
}

.content-block-row {
  font-family: "Inter", sans-serif;
  display: flex;
  flex-direction: row;
  gap: 135px;
  width: 100%;
  height: auto;
  margin-top: 72px;
  justify-content: space-between;
}
.content-block-row .item {
  display: flex;
  flex-direction: column;
  width: 72%;
  max-width: 692px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.5rem;
  margin: 2rem auto;
  background-color: #fff;
  /* Можно поставить тонкую рамку, если хотим базовую обводку */
  /* border: 1px solid #9c27b0; */
  border-radius: 8px;
  position: relative;
}
@media (max-width: 1200px) {
  .content-block-row .item {
    width: 100%;
    margin-top: 50px;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .content-block-row .item {
    padding: 25px 16px;
  }
}
.content-block-row .item .item-title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 122%;
  letter-spacing: -0.01em;
  color: #252525;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .content-block-row .item .item-title {
    padding: 0px 20px 8px 10px;
  }
}
.content-block-row .item .item-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #68727d;
  font-weight: normal;
}
.content-block-row .item .pic {
  border-radius: 50%;
  background: #ffffff;
  width: 164px;
  height: 164px;
  position: absolute;
  font-size: 96px;
  text-align: center;
  font-weight: normal;
  bottom: -15%;
  left: -10%;
}
.content-block-row .item-pic {
  width: 28%;
}
@media (max-width: 1200px) {
  .content-block-row .item-pic {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .content-block-row .item-pic img {
    width: 221px;
  }
}
@media screen and (max-width: 575px) {
  .content-block-row .item-pic img {
    max-width: 183px;
  }
}
.content-block-row .item-card {
  padding: 40px 32px;
  background-color: #f7f7f8;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content-block-row .item-card:nth-child(1) img {
  width: 72px;
}
@media (max-width: 1200px) {
  .content-block-row .item-card {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .content-block-row .item-card .ico-work img {
    margin-top: 0;
  }
}
.content-block-row .item-card .card-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 1200px) {
  .content-block-row .item-card .card-title {
    width: 100%;
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.content-block-row .item-card .card-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #68727d;
  margin: 16px 0 25px;
}
@media (max-width: 1200px) {
  .content-block-row .item-card .card-text {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .content-block-row .item-card .card-text {
    font-size: 20px;
  }
}

.content-block-row .item-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transform: skewY(-2deg);
  transform-origin: top left;
  pointer-events: none;
  /* Градиентная рамка через псевдоэлемент */
  background: linear-gradient(135deg, #613de8 7%, #654af1 34%, #c593fc 100%);
  padding: 2px; /* Толщина рамки */
  mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
}

.content-block-row .item-wrap-reverce.item-wrap::after {
  transform: skewY(2deg);
}

.content-block-row.content-block-row-card {
  gap: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1200px) {
  .content-block-row.content-block-row-card {
    grid-template-columns: 1fr 1fr;
  }
}

.content-block-row .item-wrap {
  padding: 72px 88px;
}

.reverse {
  padding-left: 0 !important;
  padding-right: 142px !important;
}
@media (max-width: 1200px) {
  .reverse {
    padding: 0px 20px 8px 10px !important;
  }
}

.footer {
  margin: 0px 0 0 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #f7f7f8;
  font-family: "Mont";
}
@media (max-width: 1200px) {
  .footer {
    flex-direction: column;
  }
}
.footer .foot-col-one {
  display: flex;
  width: 65%;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .footer .foot-col-one {
    width: 100%;
    text-align: left;
    align-items: center;
    margin-top: 20px;
  }
}
.footer .foot-col-one a {
  color: #000000;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  padding-right: 20px;
}
@media (max-width: 1200px) {
  .footer .foot-col-one a {
    font-size: 12px;
  }
}
.footer .foot-col-one .foot-social {
  flex-grow: 3;
}
@media (max-width: 1200px) {
  .footer .foot-col-one .foot-social {
    flex-grow: 1;
  }
}
.footer .foot-col-one .foot-privacy {
  padding-right: 90px;
}
@media (max-width: 1200px) {
  .footer .foot-col-one .foot-privacy {
    font-size: 12px;
    text-align: right;
    padding: 0px;
  }
  .footer .foot-col-one .foot-privacy a {
    padding: 0;
  }
}
.footer .foot-col-two {
  display: flex;
  width: 35%;
  text-align: left;
}
@media (max-width: 1200px) {
  .footer .foot-col-two {
    width: 100%;
    text-align: right;
  }
}
.footer .foot-col-two .foot-name-serve {
  padding-right: 30px;
}
@media (max-width: 1200px) {
  .footer .foot-col-two .foot-name-serve {
    width: 100%;
    text-align: left;
  }
}
.footer .foot-col-two .foot-name-serve a {
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 1200px) {
  .footer .foot-col-two .foot-name-serve a {
    font-size: 12px;
  }
}
.footer .foot-col-two .copyright {
  font-size: 14px;
}
@media (max-width: 1200px) {
  .footer .foot-col-two .copyright {
    font-size: 12px;
    text-align: right;
    width: 100%;
  }
}

/**-------------------------------------------------------------------------------*/
.timer {
  margin-left: 50px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .timer {
    margin-left: 10px;
  }
}

.ta-center {
  text-align: center;
}

.block-check {
  width: 100%;
  height: auto;
  min-height: 800px;
  display: flex;
  flex-direction: row;
  margin-top: 122px;
}
@media (max-width: 1200px) {
  .block-check .chek-col-one {
    width: 100%;
    align-items: center;
  }
}
.block-check .chek-col-one .check-title {
  font-size: 24px;
  font-weight: normal;
  line-height: 160%;
  color: #000000;
}
/**--------------------------------------------------------------------------------*/
.result-block {
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#613de8+7,654af1+34,c593fc+100 */
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .result-block {
    padding: 0 20px 0 20px;
  }
}
.result-block .top-mentions {
  font-family: sans-serif;
  max-width: 800px;
}
.result-block .tabs {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .result-block .tabs {
    font-size: 12px;
  }
}
.result-block .tab {
  background: none;
  border: none;
  padding: 8px 0;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  color: #555;
}
.result-block .tab.active {
  color: #5f38f0;
}
.result-block .tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #5f38f0;
}
.result-block .tab-content {
  display: none;
}
.result-block .tab-content.active {
  display: block;
}
.result-block .emoji {
  font-size: 24px;
  margin-bottom: 8px;
}
.result-block ol {
  padding-left: 20px;
}
.result-block ol li {
  margin-bottom: 10px;
  line-height: 1.5;
}
.result-block a {
  color: #5f38f0;
  font-weight: 600;
  text-decoration: none;
}
.result-block a:hover {
  text-decoration: underline;
}
.result-block .short {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #252525;
}
.result-block .toggle-text {
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  letter-spacing: -0.01em;
  text-decoration: none;
  color: #613de8;
  cursor: pointer;
}
.result-block .result-block-title {
  display: flex;
  width: 100%;
  margin: 80px 0 30px 0;
  justify-content: center;
}
.result-block .result-block-title h1 {
  font-weight: 700;
  font-size: 52px;
  line-height: 115%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
}
.result-block .result-chart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0 22px 0;
}
@media (max-width: 1200px) {
  .result-block .result-chart {
    flex-direction: column;
  }
}
.result-block .result-chart .chart-one {
  position: relative;
  margin: 0 43px 0 0;
}
@media (max-width: 1200px) {
  .result-block .result-chart .chart-one {
    margin: 0 0 15px 0;
  }
}
.result-block .result-chart .chart-one canvas {
  width: 180px;
}
.result-block .result-chart .chart-two {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .result-block .result-chart .chart-two {
    width: 100%;
  }
}
.result-block .result-chart .chart-two .resume {
  display: flex;
  flex-direction: row;
  font-weight: 700;
  font-size: 32px;
  line-height: 122%;
  letter-spacing: -0.01em;
  color: #714bff;
}
.result-block .result-chart .chart-two .resume span {
  color: #afafaf;
}
.result-block .result-chart .chart-two .resume .tooltip-1 {
  top: 47px;
  left: 66px;
  font-weight: normal;
}
.result-block .result-chart .chart-two .resume .informer {
  position: relative;
  bottom: 16px;
}
.result-block .result-chart .chart-two .rating img {
  margin-top: -3px;
}
.result-block .result-chart .chart-two .risk {
  font-weight: 700;
  font-size: 32px;
  line-height: 122%;
  letter-spacing: -0.015em;
  color: #252525;
}
.result-block .result-chart .chart-two .risk-text {
  font-weight: 500;
  font-size: 15px;
  line-height: 130%;
  color: #98a2b3;
  margin-bottom: 8px;
}
.result-block .statistic-block {
  width: 100%;
  max-width: 886px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: auto;
}
.result-block .statistic-block .section-tabs {
  position: sticky;
  top: 57px;
  background: white;
  z-index: 9;
  padding: 12px 0 0px;
  margin-bottom: 20px;
  padding-left: 10px;
}
.result-block .statistic-block .section-tabs ul {
  display: flex;
  gap: 24px;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #eee;
}
.result-block .statistic-block .section-tabs a {
  text-decoration: none;
  color: #888;
  font-weight: 500;
  transition: 0.2s;
  position: relative;
}
.result-block .statistic-block .section-tabs a.active,
.result-block .statistic-block .section-tabs a:hover {
  color: #714bff;
}
.result-block .statistic-block .section-tabs a.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 100%;
  height: 2px;
  background-color: #6a3aff;
}
.result-block .statistic-block .tab-link {
  display: block;
  width: -moz-max-content;
  width: max-content;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #667085;
}
.result-block .statistic-block .head-statistic {
  width: 100%;
  max-width: 886px;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: left;
  font-weight: 700;
  font-size: 40px;
  line-height: 150%;
  margin-bottom: 32px;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .result-block .statistic-block .head-statistic {
    letter-spacing: 0;
  }
}
@media (max-width: 768px) {
  .result-block .statistic-block .head-statistic {
    font-size: 40px;
    line-height: 50px;
  }
}
.result-block .statistic-block .statistic-detailed {
  width: 100%;
  max-width: 886px;
  position: relative;
  box-sizing: border-box;
  background: #ffffff;
  border: 2px solid #f7f7f8;
  box-shadow: 0px 12px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 56px 114px;
}
@media (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed {
    padding: 31px 31px 0 31px;
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .result-block .statistic-block .statistic-detailed {
    padding: 32px 16px;
  }
}
.result-block .statistic-block .statistic-detailed .narrow-down {
  border-radius: 50%;
  background-color: #ffffff;
  width: 84px;
  height: 84px;
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -42px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.result-block .statistic-block .statistic-detailed .stat-subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #252525;
  margin: 48px 0 26px 0;
  width: 100%;
  max-width: 792px;
  text-align: left;
}
.result-block .statistic-block .statistic-detailed .first {
  margin: 0px 0 26px 0;
}
.result-block .statistic-block .statistic-detailed .goo-you {
  width: 100%;
  max-width: 886px;
  display: flex;
  flex-direction: row;
  gap: 2%;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .result-block .statistic-block .statistic-detailed .goo-you {
    flex-direction: column;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you div {
  width: 50%;
  border-radius: 12px;
  border: 2px solid #f5f5f5;
}
@media (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed .goo-you div {
    width: 100%;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat {
    padding: 16px 0 16px 0;
  }
}
@media screen and (max-width: 992px) {
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat {
    justify-content: center;
    padding: 16px 0 16px 0;
    margin-bottom: 24px;
  }
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat .glogo {
  width: 100%;
  display: flex;
  padding: 14px 0 18px 20px;
  border: none;
}
@media (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat .glogo {
    width: 126px;
    overflow: hidden;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat .glogo img {
  width: 100%;
  max-width: 100px;
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat canvas {
  width: 40px;
  height: 53px !important;
  margin: 0 25px 18px 20px;
}
@media (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat canvas {
    height: 53px !important;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat .legend {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 53px;
  border: none;
}
@media (max-width: 1200px) {
  .result-block .statistic-block .statistic-detailed .goo-you .google-stat .legend {
    width: 89px;
  }
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat .legend .legend-item {
  align-items: center;
  border: none;
  width: 100%;
  font-family: "SF Pro Display";
  font-weight: normal;
  font-size: 10px;
  display: flex;
  margin-bottom: 6px;
  gap: 2px;
}
.result-block .statistic-block .statistic-detailed .goo-you .google-stat .legend .legend-item .bullet {
  border: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
}

.legend-item:first-child .bullet {
  background-color: #1ecd63;
}

.legend-item:nth-child(2) .bullet {
  background-color: #d94147;
}

.legend-item:last-child .bullet {
  background-color: #d1d1d1;
}

@media (max-width: 1200px) {
  #logo-g {
    width: 100px;
    margin: 0;
    padding: 0;
  }
}

@media (max-width: 1200px) {
  #logo-y {
    height: 25px;
    margin: 10px 0 0 0;
    padding: 0;
  }
}

.rating-table {
  width: 100%;
  max-width: 886px;
  display: flex;
  flex-direction: column;
  padding: 0;
  font-family: "SF Pro Display";
  font-weight: normal;
}
@media (max-width: 1200px) {
  .rating-table {
    padding: 0 20px 0 20px;
  }
}
.rating-table .head-table {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  gap: 2%;
}
.rating-table .head-table .item-head {
  width: 30%;
  position: relative;
}
.rating-table .head-table .item-head span {
  position: relative;
  bottom: 7px;
}
.rating-table .head-table .item-head:first-child {
  width: 40%;
}
.rating-table .head-table .item-head:last-child {
  text-align: right;
}
.rating-table .head-table .item-head:last-child .tooltip-1:before,
.rating-table .head-table .item-head:last-child .tooltip-1:after {
  top: -20px;
  right: 58px;
  left: auto;
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 10px solid #714bff;
  line-height: 130%;
}
@media (max-width: 1200px) {
  .rating-table .head-table .item-head:last-child .tooltip-1:before,
  .rating-table .head-table .item-head:last-child .tooltip-1:after {
    top: -20px;
    right: 24px;
    left: auto;
  }
}
@media (max-width: 767px) {
  .rating-table .head-table .item-head:last-child .tooltip-1:before,
  .rating-table .head-table .item-head:last-child .tooltip-1:after {
    right: 5px;
  }
}
.rating-table .head-table .item-head:last-child .tooltip-1:after {
  border-bottom: 10px solid white;
  top: -19px;
}
@media (max-width: 767px) {
  .rating-table .head-table .item-head:last-child .tooltip-1 {
    right: 0;
  }
}
.rating-table .body-table {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.rating-table .body-table .item-table {
  font-size: 12px;
  font-weight: 600;
  display: flex;
  gap: 2%;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 10px 0;
}
.rating-table .body-table .item-table .item-col {
  width: 30%;
}
@media (max-width: 768px) {
  .rating-table .body-table .item-table .item-col {
    width: 35%;
  }
}
.rating-table .body-table .item-table .item-col .check {
  display: inline-block;
  margin-right: 10px;
}
.rating-table .body-table .item-table .item-col:first-child {
  width: 40%;
}
@media (max-width: 768px) {
  .rating-table .body-table .item-table .item-col:first-child {
    width: 45%;
  }
}
.rating-table .body-table .item-table .item-col:last-child {
  text-align: right;
}
@media (max-width: 768px) {
  .rating-table .body-table .item-table .item-col:last-child {
    width: 20%;
  }
}
.rating-table .body-table .item-table:last-child {
  border: none;
}

.rating-summary {
  font-family: "SF Pro Display";
  font-weight: 600;
  line-height: 34px;
  color: #714bff;
  font-size: 12px;
  width: 100%;
  max-width: 886px;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
@media (max-width: 1200px) {
  .rating-summary {
    padding: 16px 20px 0 20px;
  }
}
.rating-summary .summary-star {
  line-height: 25px;
  margin: -8px 0 0 0;
}

.summary-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #252525;
  margin-bottom: 32px;
  margin-top: 48px;
}

.summary_text {
  width: 100%;
  max-width: 886px;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #252525;
}
@media (max-width: 1200px) {
  .summary_text {
    padding: 16px 20px 0 20px;
  }
}

.devide {
  width: 100%;
  padding: 0 33px 0 33px;
}
.devide .line {
  border-top: 1px solid #e6e6e6;
  width: 100%;
  max-width: 792px;
  margin: 40px 0 40px 0;
}

.r-social {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 992px) {
  .r-social {
    flex-direction: row;
    justify-content: center;
  }
}
.r-social .socia-item {
  padding: 8px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.r-social .socia-item img {
  width: 28px;
}

.textlink {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #252525;
  margin-bottom: 24px;
}

.social-block {
  max-width: 200px;
  position: sticky;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 10px;
  top: 200px;
}

@media screen and (max-width: 992px) {
  .social-block {
    position: relative;
    width: 100%;
    max-width: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
    justify-content: center;
  }
  .textlink {
    text-align: center;
  }
}
.share-buttons {
  display: flex;
  flex-direction: row;
  gap: 2%;
  margin: 0 0 80px 0;
}

.pop-ups {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1002;
  transition: all 300ms ease-in;
}
.pop-ups #share-window {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  margin: -250px 0 0 -332px;
  left: 50%;
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 665px;
  align-items: center;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .pop-ups #share-window {
    max-width: 400px;
    margin: -250px auto 0 -200px;
    padding: 0 20px 20px 20px;
  }
}
.pop-ups #share-window .close-popup {
  top: 20px;
  left: auto;
  right: 20px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.pop-ups #share-window .close-popup span {
  width: 8px;
}
.pop-ups #share-window .thunder {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 30px;
}
.pop-ups #share-window .share-text {
  font-family: "SF Pro Display";
  font-weight: normal;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  width: 100%;
  max-width: 402px;
}
.pop-ups #share-window .share-text span {
  font-size: 36px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 16px 0 40px 0;
}
.pop-ups #share-window .share-text .input-popup {
  width: 100%;
  max-width: 428px;
  margin-bottom: 8px;
}
.pop-ups #share-window .share-text .button-popup {
  width: 184px;
  height: 49px;
  background-color: #714bff;
  border-radius: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  opacity: 1;
  transition: opacity 150ms ease-out;
}
.pop-ups #share-window .share-text .button-popup:hover {
  opacity: 0.8;
  transition: opacity 150ms ease-out;
}
.pop-ups #share-window #shareform {
  padding: 0 0 30px 0;
}

#share-window {
  display: none;
}

.popups-active {
  visibility: visible;
}

.button-popup-yellow {
  margin-top: 12px;
  text-transform: uppercase;
}

.countnone {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}
.countnone .legend-item {
  align-items: center;
  border: none;
  width: 100%;
  font-weight: bold;
  font-size: 10px;
  display: flex;
  margin-bottom: 6px;
  border-bottom: 1px solid #eaebf0;
  padding-bottom: 5px;
  justify-content: space-between;
}
.countnone .legend-item .bullet {
  width: 8px;
  height: 8px;
  border-radius: 3px;
  margin-right: 10px;
  min-width: 8px;
}
.countnone .legend-item:first-child .bullet {
  background-color: #1ecd63;
}
.countnone .legend-item:nth-child(2) .bullet {
  background-color: #d94147;
}
.countnone .legend-item:last-child .bullet {
  background-color: #b7b7b7;
}

#email-error,
#phone-error {
  font-size: 16px;
  text-align: left;
  display: block;
  margin: -20px 0 30px 0;
  font-weight: normal;
  color: #842029;
}

#brand-error,
#emailMain-error {
  display: block;
  margin: 0px 0 30px 0;
  font-weight: bold;
  color: #ffffff;
}

#token {
  display: none;
}

.tooltip-1 {
  position: absolute;
  top: 31px;
  width: 200px;
  color: #000000;
  font-size: 12px;
  border-radius: 10px;
  border: 1px solid #714bff;
  background: #ffffff;
  padding: 10px 5px 10px 10px;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0s 0.5s;
  box-shadow: -10px 10px 9px -4px rgba(0, 0, 0, 0.2);
  line-height: 130%;
}

.tooltip-1.shown {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}

.tooltip-1:before,
.tooltip-1:after {
  content: "";
  position: absolute;
  left: 38px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #714bff;
}

.tooltip-1:after {
  border-bottom: 10px solid white;
  top: -19px;
}

.background-sunderstock-midi {
  width: 172px;
  height: 227px;
  position: absolute;
  top: 100px;
  left: 52px;
  background-image: url("/public/src/sunderstock_midi.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .background-sunderstock-midi {
    left: -45px;
  }
}
@media (max-width: 576px) {
  .background-sunderstock-midi {
    display: none;
  }
}

.background-sunderstock-maxi {
  width: 330px;
  height: 436px;
  position: absolute;
  background-image: url("/public/src/sunderstock_max.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 790px;
  right: -125px;
}
@media (max-width: 767px) {
  .background-sunderstock-maxi {
    display: none;
    right: -26px;
  }
}

.cookie-accept {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  visibility: hidden;
}
.cookie-accept .cookie-inner {
  width: 100%;
  max-width: 1320px;
  margin: auto;
  display: flex;
  flex-direction: row;
  padding: 20px 30px 20px 30px;
}
@media (max-width: 768px) {
  .cookie-accept .cookie-inner {
    flex-direction: column;
  }
}
.cookie-accept .cookie-inner .buttons {
  width: 40%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .cookie-accept .cookie-inner .buttons {
    flex-direction: column;
    width: 100%;
    justify-content: normal;
  }
}
.cookie-accept .cookie-inner .buttons div {
  font-family: "SF Pro Display";
  width: 134px;
  height: 40px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center;
  background: #cacacd;
  margin: 0 20px 0 20px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
@media (max-width: 768px) {
  .cookie-accept .cookie-inner .buttons div {
    margin: 20px 0 0 0;
    width: 100%;
  }
}
.cookie-accept .cookie-inner .buttons div:hover {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out;
}
.cookie-accept .cookie-inner .buttons .button-ok {
  background: #272827;
  color: #ffffff;
}
.cookie-accept .cookie-inner-text {
  font-size: 12px;
  line-height: 18px;
  width: 60%;
  padding: 0 20px 0 0;
}
.cookie-accept .cookie-inner-text .title {
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 10px 0;
}
@media (max-width: 768px) {
  .cookie-accept .cookie-inner-text {
    width: 100%;
    font-size: 15px;
  }
}

.privacy-policy {
  font-family: "SF Pro Display";
  font-size: 12px;
  line-height: 18px;
  color: #87878a;
  padding: 15px 0 0 0;
}
.privacy-policy a {
  color: #87878a;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #714bff;
}
.privacy-policy a:hover {
  color: #714bff;
}

.status {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 30px 0;
}

.progress {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 18px;
  background: #dbdbdb;
}
.progress .progress-over {
  position: absolute;
  width: 0%;
  height: 18px;
  background: #613de8;
  text-align: center;
  color: #ffffff;
}

.loader {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
  margin: 0 20px 0 0;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #42425a;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #42425a;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #42425a;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.like-or-dislike {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
  align-items: center;
  margin: 20px 0 0 0;
  padding: 56px;
  max-width: 886px;
  background: linear-gradient(89.35deg, rgba(97, 61, 232, 0.1) 34.82%, rgba(190, 142, 251, 0.1) 85.3%);
  border-radius: 20px;
  margin: auto;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .like-or-dislike {
    padding: 32px;
    flex-direction: column;
    align-items: center;
  }
}

.like-block-titie {
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  letter-spacing: -0.015em;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (max-width: 768px) {
  .like-block-titie {
    font-size: 25px;
  }
}

.like-block {
  display: flex;
  flex-direction: row;
  gap: 40px;
}

.like-ico img {
  cursor: pointer;
}

.like-ico svg {
  width: 50px;
  height: auto;
  cursor: pointer;
  fill: #1c274c;
}

.like-ico svg:hover {
  fill: #b589f5;
}

.pop-ups .quiz {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  margin: -250px 0 0 -332px;
  left: 50%;
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  max-width: 665px;
  height: 550px;
}
@media (max-width: 768px) {
  .pop-ups .quiz {
    max-width: 400px;
    margin: -250px auto 0 -200px;
    padding: 0 20px 0 20px;
  }
}
.pop-ups .quiz iframe {
  height: 550px;
  padding: 20px;
}
.pop-ups .quiz .burger {
  left: auto;
  right: -6px;
  top: -43px;
}
.pop-ups .quiz .burger span {
  background: #ffffff;
}

.button-style-1 {
  display: block;
  width: 100%;
  max-width: 290px;
  min-width: 100px;
  height: 74px;
  background: #714bff;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  line-height: 74px;
  border-radius: 12px;
  font-size: 20px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
  text-decoration: none;
  margin: 12px 0 10px 0;
}

.button-style-1:hover {
  opacity: 0.7;
}

.error-page {
  background-image: url("/public/src/errorimg.png");
  background-repeat: no-repeat;
  background-position: 75% 0;
}
@media (max-width: 576px) {
  .error-page {
    background-position: -23px 75%;
  }
}

.parser-result {
  width: 100%;
  max-width: 886px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .parser-result {
    padding: 0 10px 0 10px;
  }
}
.parser-result h2 {
  text-align: left;
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  color: #252525;
  margin-bottom: 32px;
}

.parse-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  margin: 0 0 30px 0;
  padding: 10px;
}

.parse_overall .countnone {
  padding: 0;
}
.parse_overall .countnone .legend-item {
  width: -moz-fit-content;
  width: fit-content;
}

.parse_resource {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 10px 0;
}

.parse_all_reviews {
  color: #c3c3c3;
}

.more_result .preloader {
  display: flex;
  justify-content: center;
}

.informer_scrapping {
  text-align: center;
}

@media (max-width: 1000px) {
  .content-block-row:nth-child(2n-1) {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .content-block-row:nth-child(2n) {
    flex-direction: column;
    gap: 20px;
  }
  .content-block-row .item-pic {
    margin-bottom: 0;
    margin-top: 0;
  }
  .content-block-row {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  /* .content-block-row:nth-child(2n-1) ,   .content-block-row:nth-child(2n) {
      gap: 0;

  } */
  .content-block-row .item {
    padding: 40px 16px;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .content-block-row .item .item-title {
    font-size: 28px;
    margin-bottom: 16px;
    padding: 0 !important;
  }
  .content-block-row .item .item-text {
    font-size: 17px;
    padding: 0 !important;
  }
  .content-block-row .item-pic {
    padding-bottom: 0;
    padding-top: 0;
  }
  .content-block-row .item-card .card-title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .content-block-row .item-card .card-text {
    font-size: 18px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 575px) {
  .content-block-row:nth-child(2n-1) {
    gap: 0;
    margin-top: 0px;
  }
  .content-block-row {
    margin-top: 10px;
  }
  .content-block-row:nth-child(2n) {
    grid-template-columns: 1fr;
  }
}
.arrow-top {
  cursor: pointer;
}

.container__arrow-top {
  display: flex;
  left: 50%;
  position: fixed;
  /* right: 0; */
  bottom: 0;
  right: 50%;
  transform: translateX(-50%);
  bottom: 90px;
  justify-content: flex-end;
  padding-right: 0;
}

.footer .container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 32px;
  padding-top: 32px;
}

.foot-privacy-new,
.foot-col-two-new {
  text-align: center;
  display: flex;
  align-items: flex-end;
}

.foot-col-third-new {
  text-align: right;
}

.foot-social {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}

@media (max-width: 992px) {
  .footer .container {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .foot-privacy-new.foot {
    text-align: right;
    justify-content: flex-end;
  }
  .foot-privacy-new {
    text-align: right;
  }
  .foot-col-two-new {
    text-align: left;
  }
}
@media (max-width: 575px) {
  .footer .container {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
.ta-center {
  text-align: center;
}

.chek-col-one {
  width: 100%;
}

.block-check .chek-col-one .check-title {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 52px;
  line-height: 60px;
  margin-bottom: 56px;
  text-align: left;
  letter-spacing: -0.02em;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.result-block__wrapper {
  position: relative;
  padding-bottom: 50px;
  width: 100%;
  margin-bottom: 100px;
}
.result-block__wrapper a {
  color: #252525;
}
.result-block__wrapper::after {
  background-image: url("/public/src/blur-lightning.png");
  position: absolute;
  content: "";
  width: 200px;
  background-size: contain;
  height: 200px;
  background-repeat: no-repeat;
  top: 38px;
  left: 20px;
  z-index: -1;
}

@media screen and (max-width: 575px) {
  .result-block__wrapper {
    margin-bottom: 56px;
  }
}
.result-block__wrapper::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  transform: skewY(-2deg);
  background: linear-gradient(135deg, #613de8 7%, #654af1 34%, #c593fc 100%);
  height: 100%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .result-block {
    padding: 0 20px 0 20px;
  }
  .result-block .result-block-title {
    margin: 0px 0 30px 0;
  }
  .result-block .butthree a {
    padding-top: 0;
    font-size: 14px;
  }
  .result-block .result-block-title h1 {
    font-size: 40px;
    margin-bottom: 0;
  }
}
.chart-center__title {
  font-weight: 500;
  font-size: 15px;
  line-height: 178%;
  color: #98a2b3;
  text-align: center;
}

@media screen and (max-width: 992px) {
  header {
    position: relative;
    top: 0;
    width: calc(100% + 24px);
    left: 0;
    transform: translateX(-12px);
    z-index: 9;
    border-top: 1px solid #eaebf0;
    border-bottom: 1px solid #eaebf0;
  }
  .mobile-menu {
    border-top: 1px solid #eaebf0;
    top: 63.5px;
  }
}
@media screen and (max-width: 575px) {
  .mobile-menu {
    top: 46.5px;
  }
  .result-block .result-chart .chart-two .resume .tooltip-1 {
    top: 46px;
    left: 0;
  }
}
.mobile-menu {
  position: absolute;
  background: white;
  width: 100%;
  padding: 32px 0 0;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  z-index: 9;
}

.mobile-menu__item-img {
  box-sizing: border-box;
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #eaecf0;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-menu__item {
  display: flex;
  padding: 12px 16px;
  text-decoration: none;
  gap: 16px;
  align-items: flex-start;
}

.mobile-menu__item-text {
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.mobile-menu__item-link {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #252525;
}

.mobile-menu__item-link-under {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #475467;
}

.social-links {
  margin-top: 48px;
  padding: 24px 16px;
  border-top: 1px solid #eaecf0;
  display: flex;
  gap: 42px;
  align-items: center;
}

.social-links a {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 171%;
  color: #98a2b3;
}

@media screen and (max-width: 575px) {
  .social-links {
    gap: 20px;
    font-size: 14px;
  }
}
.steps {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  border-top: 1px solid #eaebf0;
  border-bottom: 1px solid #eaebf0;
  margin-bottom: 56px;
}

.steps-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.step {
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 8px;
  color: #999;
  font-weight: 400;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.006em;
  font-feature-settings: "cv09" on, "ss11" on, "calt" off, "liga" off;
  color: #68727d;
}

.step.active {
  font-weight: 600;
  color: #252525;
  flex-direction: row;
}

.step.completed {
  color: #252525;
}

.step span {
  margin-right: 8px;
}

.timer-new {
  font-size: 16px;
  color: #333;
}

#steps {
  display: flex;
  gap: 16px;
  align-items: center;
}

.spinner {
  width: 15px; /* 15px ширина */
  height: 15px; /* 15px высота */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner div {
  width: 2px; /* Уменьшенная ширина */
  height: 4px; /* Уменьшенная высота */
  background: #6a41e8;
  border-radius: 2px; /* Закругленные линии */
  position: absolute;
  animation: fade 1.2s linear infinite;
}

.spinner div:nth-child(1) {
  transform: rotate(0deg) translateY(-5px);
  animation-delay: 0s;
}

.spinner div:nth-child(2) {
  transform: rotate(45deg) translateY(-5px);
  animation-delay: 0.15s;
}

.spinner div:nth-child(3) {
  transform: rotate(90deg) translateY(-5px);
  animation-delay: 0.3s;
}

.spinner div:nth-child(4) {
  transform: rotate(135deg) translateY(-5px);
  animation-delay: 0.45s;
}

.spinner div:nth-child(5) {
  transform: rotate(180deg) translateY(-5px);
  animation-delay: 0.6s;
}

.spinner div:nth-child(6) {
  transform: rotate(225deg) translateY(-5px);
  animation-delay: 0.75s;
}

.spinner div:nth-child(7) {
  transform: rotate(270deg) translateY(-5px);
  animation-delay: 0.9s;
}

.spinner div:nth-child(8) {
  transform: rotate(315deg) translateY(-5px);
  animation-delay: 1.05s;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.circle {
  border-radius: 50%;
  border: 1px solid #e1e4ea;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step img,
.step .spinner,
.step.active .circle,
.step.completed .circle {
  display: none;
}

.step.active .spinner {
  display: flex;
}

.step.completed img {
  display: flex;
}

.timer__title {
  font-weight: 600;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.006em;
  font-feature-settings: "cv09" on, "ss11" on, "calt" off, "liga" off;
  color: #252525;
  margin-bottom: 8px;
}

.timer_down {
  display: flex;
  gap: 12px;
}

.timer_down-process {
  display: flex;
  align-items: center;
  gap: 6px;
}

#countdown {
  font-weight: 400;
  font-size: 13px;
  line-height: 123%;
  font-feature-settings: "cv09" on, "ss11" on, "calt" off, "liga" off;
  color: #68727d;
}

.timer_down-process {
  font-weight: 400;
  font-size: 13px;
  line-height: 123%;
  font-feature-settings: "cv09" on, "ss11" on, "calt" off, "liga" off;
  color: #252525;
}

.step-content h3 span {
  font-weight: 700;
  font-size: 32px;
  line-height: 121%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  background: linear-gradient(93.65deg, #613de8 7.09%, #654af1 35.3%, #c593fc 104.48%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.step-content h3 {
  display: flex;
  gap: 8px;
}

.step-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #68727d;
}

.step-content {
  max-width: 516px;
  width: 100%;
}

.step-content-wrapper {
  margin-bottom: 56px;
}

.check-form span {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #68727d;
  display: block;
  margin-bottom: 24px;
}

#sendMail {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

#sendMail .privacy-policy {
  width: 100%;
  padding-top: 0;
}

.steps .timer {
  width: -moz-min-content;
  width: min-content;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .block-check .chek-col-one .check-title {
    margin: 0 0 40px;
    font-size: 40px;
  }
  .block-check {
    margin-top: 32px;
  }
  .steps-container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .steps {
    margin-bottom: 32px;
  }
  .step-content h3 span {
    font-size: 24px;
  }
  .step-content-wrapper {
    margin-bottom: 48px;
  }
  .check-form span {
    font-size: 18px;
  }
  #steps {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    scrollbar-width: none;
  }
  #steps::-webkit-scrollbar {
    height: 6px;
  }
  #steps::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 3px;
  }
  #steps::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  /* Обёртка, чтобы скрыть скролл, если степы помещаются */
  .steps-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
}
.result-block .result-chart .chart-two.chart-center {
  height: auto;
  width: auto;
  background-color: rgba(0, 0, 0, 0);
}

.result-block .result-chart .chart-two .resume span {
  padding: 0;
  font-weight: 700;
  font-size: 29px;
  line-height: 122%;
  letter-spacing: -0.01em;
  color: #252525;
}

.result-block .result-chart .chart-two.chart-center .chart-score {
  color: #714bff;
}

.result-block .result-chart {
  background: white;
  padding: 20px;
  border-radius: 20px;
}

#text-inside-chart {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.legend-item__title {
  display: flex;
  align-items: center;
}

.percent {
  font-weight: 600;
  font-size: 12px;
  line-height: 167%;
  color: #252525;
  padding: 2px 8px;
  border-radius: 6px;
}

.legend-item.positive .percent {
  color: #067647;
  background-color: rgba(23, 178, 106, 0.1019607843);
}

.legend-item.negative .percent {
  color: #b42318;
  background-color: rgba(248, 73, 61, 0.1019607843);
}

.legend-item.neutral .percent {
  background-color: #f7f7f8;
}

.result-block__wrapper-max {
  max-width: 560px;
  margin: auto;
}
.result-block__wrapper-max::after {
  background-image: url("/public/src/lightning.png");
  position: absolute;
  content: "";
  width: 206px;
  background-size: contain;
  height: 300px;
  background-repeat: no-repeat;
  bottom: -88px;
  right: 0;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .result-block__wrapper-max {
    max-width: 100%;
    padding: 40px 16px 0;
  }
}
.parse_overall .legend-item .bullet {
  border-radius: 50%;
}

.parse_overall .legend-item {
  border: none;
}

.parse_overall .countnone {
  flex-direction: row;
  gap: 20px;
}

.result-content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 64px;
}

@media screen and (max-width: 992px) {
  .result-content {
    flex-direction: column-reverse;
  }
}
.boost-bottom {
  background: linear-gradient(89.35deg, rgba(97, 61, 232, 0.1) 34.82%, rgba(190, 142, 251, 0.1) 85.3%);
  padding: 24px 50px;
}

.main-content.main-content-result {
  padding-bottom: 0;
}

.boost-bottom__container {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.boost-bottom__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #252525;
  margin-bottom: 8px;
}

.boost-bottom__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #252525;
}

#orderService2 {
  margin: 0;
}

.boost-bottom__img {
  display: flex;
  gap: 24px;
}

.boost-bottom__container {
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.boost-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: #f8f8ff;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  transform: translateY(100%);
  z-index: 1000;
  overflow-x: hidden;
}

.boost-bottom.visible {
  opacity: 1;
  transform: translateY(0);
}

.form__wrap {
  display: flex;
  flex-direction: column;
}

#chekReputation {
  position: relative;
}

#chekReputation .flex-form {
  width: calc(50% - 74px - 12px);
}

#brand-error,
#emailMain-error {
  position: absolute;
  margin: 0;
  bottom: -26px;
}

.boost-bottom.inside-footer {
  position: absolute;
  bottom: 89px !important;
  left: 0 !important;
  width: 100vw !important;
  overflow-x: hidden;
}

.select-company .title-left {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 768px) {
  .select-company .title-left {
    font-size: 28px;
  }
}
.select-company .notice {
  position: relative;
  padding-left: 24px;
  margin-bottom: 32px;
  font-size: 15px;
  line-height: 1.6;
}
.select-company .notice::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #613de8 0%, #654af1 50%, #c593fc 100%);
}
.select-company .section-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}
.select-company .results-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.select-company .company-item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 16px;
}
.select-company .company-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1025px) {
  .select-company .company-columns {
    grid-template-columns: minmax(0, 400px) 1fr auto;
    gap: 24px;
  }
}
.select-company .company-left {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .select-company .company-left {
    flex-direction: row;
  }
}
.select-company .company-left .company-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 9999px;
  -o-object-fit: contain;
     object-fit: contain;
}
.select-company .company-left .company-text {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.select-company .company-left .company-text .company-name {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
}
.select-company .company-left .company-text .company-link {
  font-size: 12px;
  font-weight: 400;
  color: #5c5c5c;
  display: block;
  text-decoration: none;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-company .company-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.006em;
  font-feature-settings: "ss11" on, "calt" off, "liga" off;
  color: #5c5c5c;
}
.select-company .company-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .select-company .company-action {
    justify-content: flex-start;
    padding-left: 0;
  }
}
.select-company .company-action .select-button {
  border: 1px solid #714bff;
  color: #714bff;
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.select-company .company-action .select-button:hover {
  background: rgba(113, 75, 255, 0.1019607843);
}
.select-company .search-box {
  margin-top: 40px;
}
.select-company .search-box .section-subtitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #252525;
}
.select-company .search-box .search-form {
  display: flex;
  gap: 12px;
  max-width: 885px;
}
@media (max-width: 480px) {
  .select-company .search-box .search-form {
    flex-direction: column;
  }
}
.select-company .search-box .search-form .search-input-wrapper {
  position: relative;
  width: 100%;
}
.select-company .search-box .search-form .search-input-wrapper .search-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #999;
  pointer-events: none;
}
.select-company .search-box .search-form .search-input-wrapper .search-input {
  width: 100%;
  padding: 8px 12px 8px 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  height: 46px;
}
.select-company .search-box .search-form .search-input-wrapper .search-input:focus {
  outline: none;
  border-color: #aaa;
}
.select-company .search-box .search-form .search-button {
  background-color: #ffd436;
  padding: 13px 49.5px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  line-height: 133%;
  display: flex;
  align-items: center;
  letter-spacing: -0.006em;
  font-feature-settings: "ss11" on, "calt" off, "liga" off;
  color: #252525;
  justify-content: center;
  cursor: pointer;
}
.select-company .search-box .search-form .search-button:hover {
  background-color: #e6b000;
}
.select-company .search-box .previous-query {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  margin-top: 4px;
  font-feature-settings: "ss11" on, "calt" off, "liga" off;
  color: #5c5c5c;
}

.item-col_flex {
  display: flex;
  gap: 10px;
}

.summary-text {
  font-weight: 700;
  font-size: 13px;
  line-height: 180%;
  color: #714bff;
}

.top-themes .accordion-item {
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  overflow: hidden;
}
.top-themes .accordion-header {
  width: 100%;
  border: none;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: white;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #654af1;
}
.top-themes .accordion-header span {
  text-align: left;
}
.top-themes .accordion-body {
  padding: 0 20px 16px;
  display: none;
  color: #333;
}
.top-themes .accordion-body p {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #252525;
  margin-bottom: 0;
}
.top-themes .accordion-item.active .accordion-body {
  display: block;
}
.top-themes .accordion-item.active .icon {
  transform-origin: center;
  transition: transform 0.3s ease;
}
.top-themes .icon {
  background-color: #f4f3ff;
  padding: 5.6px 9.3px;
  border-radius: 6px;
}
.top-themes .icon svg {
  transition: transform 0.3s ease;
}

.summary-recommendations {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .summary-recommendations {
    margin-bottom: 46px;
  }
}

.summary-recommendations h3 {
  font-weight: 700;
  font-size: 17px;
  line-height: 150%;
  color: #252525;
  margin-bottom: 8px;
  margin-top: 24px;
}

.summary-recommendations ol,
.summary-recommendations li {
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #252525;
  margin: 0;
}
.summary-recommendations li {
  margin-bottom: 4px !important;
}
.summary-recommendations .stat-subtitle {
  margin-bottom: 0;
}

.floating-share {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  z-index: 9;
  background: white;
  border-radius: 48px;
  box-shadow: 0 12px 48px rgba(113, 75, 255, 0.07), 0 4px 24px rgba(0, 0, 0, 0.08);
}
.floating-share .share-main {
  margin-left: -48px;
  width: 96px;
  height: 96px;
  background: white;
  box-shadow: 0 4px 32px 0 rgba(113, 75, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
  border: 2px solid #f4f0ff;
}
.floating-share .share-buttons {
  display: flex;
  gap: 0px;
  align-items: center;
  padding: 6px 8px;
  background: transparent;
  margin-bottom: 0;
}
.floating-share .share-buttons .share-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  box-shadow: none;
}
.floating-share .share-buttons .share-btn:hover {
  background: rgba(113, 75, 255, 0.16);
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
}
.modal .modal-content {
  background: #fff;
  border-radius: 16px;
  padding: 32px 24px;
  box-shadow: 0 6px 48px rgba(100, 70, 255, 0.18);
  min-width: 340px;
  max-width: 94vw;
  position: relative;
}
.modal .modal-close {
  position: absolute;
  right: 24px;
  top: 18px;
  font-size: 2em;
  color: #714BFF;
  cursor: pointer;
}
.modal .btn-signin {
  background: #FFD537;
  color: #222;
  border: none;
  border-radius: 12px;
  font-weight: bold;
  font-size: 1.3em;
  padding: 14px 36px;
  box-shadow: 0 4px 16px rgba(255, 213, 55, 0.1);
  transition: background 0.18s;
  cursor: pointer;
}

.btn-signin:hover {
  background: #ffe97a !important;
}

@media (max-width: 600px) {
  .floating-share {
    border-radius: 24px;
    padding-right: 8px;
  }
  .floating-share .share-main {
    width: 56px;
    height: 56px;
    margin-left: -32px;
  }
}
.floating-share.stopped {
  position: absolute !important;
  bottom: auto;
  transform: translateX(-50%);
}

.cta-section {
  margin-top: 54px;
  margin-bottom: 60px;
  background: linear-gradient(90deg, #f3efff, #f8f5ff);
  border-radius: 12px;
  padding: 24px 32px;
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 20px;
  max-width: 800px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.cta-section .cta-icon {
  flex-shrink: 0;
  background: white;
  border-radius: 12px;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-section .cta-icon img {
  width: 24px;
  height: 24px;
}
.cta-section .cta-content h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}
.cta-section .cta-content p {
  margin: 8px 0 16px;
  font-size: 14px;
  color: #4b5563;
}
.cta-section .cta-button {
  background-color: #fbbf24;
  color: #111827;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.cta-section .cta-button:hover {
  background-color: #f59e0b;
}

@media (max-width: 768px) {
  .cta-section {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 90px;
  }
  .cta-icon {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .boost-bottom.inside-footer {
    bottom: 125px !important;
  }
}
@media screen and (max-width: 768px) {
  .boost-bottom__img {
    display: none;
  }
  #brand-error,
  #emailMain-error {
    position: relative;
    width: 100%;
    top: 0;
  }
  .boost-bottom .butthree a {
    padding-top: 0;
  }
  .boost-bottom__container {
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .boost-bottom.inside-footer {
    left: 2px !important;
    bottom: 126px !important;
    padding: 24px 16px;
  }
  .boost-bottom .butthree a {
    font-size: 15px;
  }
  #orderService2.butthree {
    width: 100%;
  }
  .boost-bottom .butthree a {
    display: flex;
    gap: 6px;
    justify-content: center;
  }
  .like-block-titie {
    text-align: center;
  }
}
.google-stat canvas {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .flex-form .mail-input, .flex-form, .slide-left-form__flex {
    width: 100% !important;
  }
}