PageSourceSearch

https://tinywow.com/

html tinywow.com collected 2026-09-24 10:04:54 UTC 1,089,100 bytes, 30,725 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3    <head>
4    <meta charset="utf-8">
5        <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 5-6
5
6    <script defer src="https://www.googletagmanager.com/gtag/js?id=
6UA-2458138-50
vendor: 16 bytes, lines 6-7
6"></script>
7    
7<script>
8        
vendor: 152 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9        function gtag(){dataLayer.push(arguments);}
10        gtag('js', new Date());
11
12        gtag('config', '
12UA-2458138-50
vendor: 8 bytes, lines 12-13
12');
13    
13</script>
13
14    
15    <meta http-equiv="x-ua-compatible" content="ie=edge">
16    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1">
17    <!-- favicon -->
18    <link href="https://tinywow.com/v2/img/favicon.png" type="image/png" rel="icon">
19
20    <!-- CSRF Token -->
21    <meta name="csrf-token" content="1cajA5MeHlIbTiRYmR6hl6RfZk91y8fi1u0HxZnj">
22
23    
24    <title>
25                    Free AI Writing, PDF, Image, and other Online Tools - TinyWow
26            </title>
27
28    <link rel="canonical" href="https://tinywow.com">
29
30            <meta property="og:title" content="Free AI Writing, PDF, Image, and other Online Tools - TinyWow" />
31                <meta property="og:description" content="Free AI Writing, PDF, Image, and other Online Tools - TinyWow" />
32        <meta property="og:type" content="article" />
33    <meta property="og:site_name" content="TinyWow" />
34    <meta property="og:url" content="https://tinywow.com" />
35
36    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
37    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
38    <link rel="preconnect" href="https://fonts.googleapis.com">
39    <link rel="preconnect" href="https://fonts.gstatic.com">
40    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap">
41    <link rel="stylesheet" id="onload_link" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" media="all">
42    <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin>
43    <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
44
45    <!-- all css here -->
46    <style nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
47        /*!
48 * Bootstrap v4.6.0 (https://getbootstrap.com/)
49 * Copyright 2011-2021 The Bootstrap Authors
50 * Copyright 2011-2021 Twitter, Inc.
51 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
52 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
52code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col
52-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
52.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}
52.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>
52.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewB
52ox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
52.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
52.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
52.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
52.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>
52.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>
52.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewB
52ox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-b
52ottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
52.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}
52.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;
52background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
52.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
52.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>
52.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
52.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
52.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}
52.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
52.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
52.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;
52-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
52.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
52.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
52.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
52.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}
52.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
53
54        /*!
55 * Font Awesome Pro 5.5.0 by @fontawesome - https://fontawesome.com
56 * License - https://fontawesome.com/license (Commercial License)
57 */
58.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}
58.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-booth-curtain:before{content:"\f734"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}
58.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:bef
58ore{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-home:before{content:"\f015"}.fa-home-heart:before{content:"\f4c9"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}
58.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}
58.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}
58.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}
58.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skeleton:before{content:"\f620"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}
58.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}
58.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}
58.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/v2/webfonts/fa-brands-400.eot);src:url(/v2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-brands-400.woff2) format("woff2"),url(/v2/webfonts/fa-brands-400.woff) format("woff"),url(/v2/webfonts/fa-brands-400.ttf) format("truetype"),url(/v2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/v2/webfonts/fa-light-300.eot);src:url(/v2/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-light-300.woff2) format("woff2"),url(/v2/webfonts/fa-light-300.woff) format("woff"),url(/v2/webfonts/fa-light-300.ttf) format("truetype"),url(/v2/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;src:url(/v2/webfonts/fa-regular-400.eot);src:url(/v2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-regular-400.woff2) format("woff2"),url(/v2/webfonts/fa-regular-400.woff) format("woff"),url(/v2/webfonts/fa-regular-400.ttf) format("truetype"),url(/v2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;src:url(/v2/webfonts/fa-solid-900.eot);src:url(/v2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-solid-900.woff2) format("woff2"),url(/v2/webfonts/fa-solid-900.woff) format("woff"),url(/v2/webfonts/fa-solid-900.ttf) format("truetype"),url(/v2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
59
60        /*
61**margin 5px - 100px
62**padding 5px - 100px
63*/
64
65.mt_5{margin-top:5px}.mt_10{margin-top:10px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_35{margin-top:35px}.mt_40{margin-top:40px}.mt_45{margin-top:45px}.mt_50{margin-top:50px}.mt_55{margin-top:55px}.mt_60{margin-top:60px}.mt_65{margin-top:65px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_80{margin-top:80px}.mt_85{margin-top:85px}.mt_90{margin-top:90px}.mt_95{margin-top:95px}.mt_100{margin-top:100px}.mb_5{margin-bottom:5px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_65{margin-bottom:65px}.mb_70{margin-bottom:70px}.mb_75{margin-bottom:75px}.mb_80{margin-bottom:80px}.mb_85{margin-bottom:85px}.mb_90{margin-bottom:90px}.mb_95{margin-bottom:95px}.mb_100{margin-bottom:100px}.mr_5{margin-right:5px}.mr_10{margin-right:10px}.mr_15{margin-right:15px}.mr_20{margin-right:20px}.mr_25{margin-right:25px}.mr_30{margin-right:30px}.mr_35{margin-right:35px}.mr_40{margin-right:40px}.mr_45{margin-right:45px}.mr_50{margin-right:50px}.mr_55{margin-right:55px}.mr_60{margin-right:60px}.mr_65{margin-right:65px}.mr_70{margin-right:70px}.mr_75{margin-right:75px}.mr_80{margin-right:80px}.mr_85{margin-right:85px}.mr_90{margin-right:90px}.mr_95{margin-right:95px}.mr_100{margin-right:100px}.ml_5{margin-left:5px}.ml_10{margin-left:10px}.ml_15{margin-left:15px}.ml_20{margin-left:20px}.ml_25{margin-left:25px}.ml_30{margin-left:30px}.ml_35{margin-left:35px}.ml_40{margin-left:40px}.ml_45{margin-left:45px}.ml_50{margin-left:50px}.ml_55{margin-left:55px}.ml_60{margin-left:60px}.ml_65{margin-left:65px}.ml_70{margin-left:70px}.ml_75{margin-left:75px}.ml_80{margin-left:80px}.ml_85{margin-left:85px}.ml_90{margin-left:90px}.ml_95{margin-left:95px}.ml_100{margin-left:100px}.pt_5{padding-top:5px}.pt_10{padding-top:10px}.pt_15{padding-top:15px}.pt_20{padding-top:20px}.pt_25{padding-top:25px}.pt_30{padding-top:30px}.pt_35{padding-top:35px}.pt_40{padding-top:40px}.pt_45{padding-top:45px}.pt_50{padding-top:50px}.pt_55{padding-top:55px}.pt_60{padding-top:60px}.pt_65{padding-top:65px}.pt_70{padding-top:70px}.pt_75{padding-top:75px}.pt_80{padding-top:80px}.pt_85{padding-top:85px}.pt_90{padding-top:90px}.pt_95{padding-top:95px}.pt_100{padding-top:100px}.pb_5{padding-bottom:5px}.pb_10{padding-bottom:10px}.pb_15{padding-bottom:15px}.pb_20{padding-bottom:20px}.pb_25{padding-bottom:25px}.pb_30{padding-bottom:30px}.pb_35{padding-bottom:35px}.pb_40{padding-bottom:40px}.pb_45{padding-bottom:45px}.pb_50{padding-bottom:50px}.pb_55{padding-bottom:55px}.pb_60{padding-bottom:60px}.pb_65{padding-bottom:65px}.pb_70{padding-bottom:70px}.pb_75{padding-bottom:75px}.pb_80{padding-bottom:80px}.pb_85{padding-bottom:85px}.pb_90{padding-bottom:90px}.pb_95{padding-bottom:95px}.pb_100{padding-bottom:100px}.pr_5{padding-right:5px}.pr_10{padding-right:10px}.pr_15{padding-right:15px}.pr_20{padding-right:20px}.pr_25{padding-right:25px}.pr_30{padding-right:30px}.pr_35{padding-right:35px}.pr_40{padding-right:40px}.pr_45{padding-right:45px}.pr_50{padding-right:50px}.pr_55{padding-right:55px}.pr_60{padding-right:60px}.pr_65{padding-right:65px}.pr_70{padding-right:70px}.pr_75{padding-right:75px}.pr_80{padding-right:80px}.pr_85{padding-right:85px}.pr_90{padding-right:90px}.pr_95{padding-right:95px}.pr_100{padding-right:100px}.pl_5{padding-left:5px}.pl_10{padding-left:10px}.pl_15{padding-left:15px}.pl_20{padding-left:20px}.pl_25{padding-left:25px}.pl_30{padding-left:30px}.pl_35{padding-left:35px}.pl_40{padding-left:40px}.pl_45{padding-left:45px}.pl_50{padding-left:50px}.pl_55{padding-left:55px}.pl_60{padding-left:60px}.pl_65{padding-left:65px}.pl_70{padding-left:70px}.pl_75{padding-left:75px}.pl_80{padding-left:80px}.pl_85{padding-left:85px}.pl_90{padding-left:90px}.pl_95{padding-left:95px}.pl_100{padding-left:100px}
66.pt_130{
67	padding-top: 130px;
68}
69.pt_150{
70	padding-top: 150px;
71}
72.pb_150{
73	padding-bottom: 150px;
74}
75.pt_120{
76	padding-top: 120px;
77}
78.pb_120{
79	padding-bottom: 120px;
80}
81        /*======================
8201. Google fonts
83========================*/
84
85@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
86@font-face {
87    font-family: 'ChopinScript';
88    src: url('/v3/webfonts/ChopinScript.eot');
89    src: url('/v3/webfonts/ChopinScript.eot?#iefix') format('embedded-opentype'), url('/v3/webfonts/ChopinScript.woff2') format('woff2'), url('/v3/webfonts/ChopinScript.woff') format('woff'), url('/v3/webfonts/ChopinScript.ttf') format('truetype'), url('/v3/webfonts/ChopinScript.svg#ChopinScript') format('svg');
90    font-weight: 500;
91    font-style: normal;
92    font-display: swap;
93}
94
95
96/*======================
9702. Basic css
98========================*/
99
100:root {
101    --theme-color: #1A8FE3;
102}
103
104:root {
105    --neutral-100: #181D20;
106    --shadow-1: 3px 10px 40px rgba(24, 29, 32, .05);
107    --shadow-2: 3px 1px 32px rgba(24, 29, 32, .05);
108}
109
110
111html,
112body,
113div,
114span,
115h1,
116h2,
117h3,
118h4,
119h5,
120h6,
121p,
122a,
123strong,
124i,
125ol,
126ul,
127li,
128form,
129label,
130footer,
131header,
132menu,
133nav,
134section {
135    margin: 0;
136    padding: 0;
137}
138
139body {
140    font-family: 'Poppins', sans-serif;
141    background-color: #fff;
142    font-size: 16px;
143    line-height: 140%;
144    letter-spacing: 0.005em;
145    color: #707375;
146    font-weight: 400;
147    overflow-x: hidden;
148}
149
150ol,
151ul {
152    list-style: none;
153}
154
155a:hover {
156    text-decoration: none;
157}
158
159button:focus,
160a:focus,
161input:focus,
162textarea:focus {
163    outline: none;
164}
165
166a,
167button {
168    -webkit-transition: 0.3s;
169    -o-transition: 0.3s;
170    transition: 0.3s;
171}
172
173
174/* page loader  */
175
176#preloader {
177    position: fixed;
178    background: #fff;
179    top: 0;
180    left: 0;
181    right: 0;
182    bottom: 0;
183    z-index: 99999;
184    height: 100vh;
185    width: 100vw;
186    display: -webkit-box;
187    display: -ms-flexbox;
188    display: flex;
189    -webkit-box-align: center;
190    -ms-flex-align: center;
191    align-items: center;
192    -webkit-box-pack: center;
193    -ms-flex-pack: center;
194    justify-content: center;
195}
196
197.loader3 {
198    width: 50px;
199    height: 50px;
200    display: inline-block;
201    padding: 0;
202    text-align: left;
203}
204
205.loader3 span {
206    position: absolute;
207    display: inline-block;
208    width: 50px;
209    height: 50px;
210    border-radius: 100%;
211    background: var(--blue);
212    -webkit-animation: loader3 1.5s linear infinite;
213    animation: loader3 1.5s linear infinite;
214}
215
216.loader3 span:last-child {
217    animation-delay: -0.9s;
218    -webkit-animation-delay: -0.9s;
219}
220
221@keyframes loader3 {
222    0% {
223        -webkit-transform: scale(0, 0);
224        transform: scale(0, 0);
225        opacity: 0.8;
226    }
227    100% {
228        -webkit-transform: scale(1, 1);
229        transform: scale(1, 1);
230        opacity: 0;
231    }
232}
233
234@-webkit-keyframes loader3 {
235    0% {
236        -webkit-transform: scale(0, 0);
237        opacity: 0.8;
238    }
239    100% {
240        -webkit-transform: scale(1, 1);
241        opacity: 0;
242    }
243}
244
245#spinner {
246    position: fixed;
247    top: 0;
248    left: 0;
249    right: 0;
250    bottom: 0;
251    z-index: 99999;
252    height: 100vh;
253    width: 100vw;
254    display: -webkit-box;
255    display: -ms-flexbox;
256    display: flex;
257    -webkit-box-align: center;
258    -ms-flex-align: center;
259    align-items: center;
260    -webkit-box-pack: center;
261    -ms-flex-pack: center;
262    justify-content: center;
263}
264
265.spinner-bg {
266    position: fixed;
267    background: #181D20;
268    opacity: 0.4;
269    height: 100vh;
270    width: 100vw;
271}
272
273.spinner-wrapper {
274    position: fixed;
275    max-width: 100%;
276    z-index: 10001;
277    /* width: 162px;
278    height: 114px; */
279    background-color: #fff;
280    overflow: hidden;
281    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
282    border-radius: 8px;
283    padding: 24px;
284    flex-direction: column;
285    align-items: center;
286}
287
288.spinner-text {
289    font-weight: 500;
290    font-size: 12px;
291    letter-spacing: 0.005em;
292    color: #181D20;
293    margin-top: 1rem;
294}
295
296#spinner .spinner-border {
297    width: 4.6rem;
298    height: 4.6rem;
299}
300
301
302/*Hamburger-menu START CSS*/
303
304.hamburger-menu {
305    cursor: pointer;
306    display: none;
307    z-index: 999;
308    margin-left: auto;
309    width: 24px;
310    height: 24px;
311    position: relative;
312    overflow: visible;
313}
314
315.hamburger-menu span {
316    background: #525658;
317    width: 17px;
318    height: 1.5px;
319    display: block;
320    margin: 3.5px auto;
321    -webkit-transition: all 0.3s ease;
322    -o-transition: all 0.3s ease;
323    transition: all 0.3s ease;
324    border-radius: 5px;
325    position: relative;
326    left: 50%;
327    transform: translateX(-50%);
328}
329
330.hamburger-menu .line-top.current {
331    -webkit-transform: translateX(-50%) translateY(240%) rotate(135deg);
332    -ms-transform: translateX(-50%) translateY(240%) rotate(135deg);
333    transform: translateX(-50%) translateY(240%) rotate(135deg);
334}
335
336.hamburger-menu .line-center.current {
337    opacity: 0;
338}
339
340.hamburger-menu .line-bottom.current {
341    -webkit-transform: translateX(-50%) translateY(-350%) rotate(-135deg);
342    -ms-transform: translateX(-50%) translateY(-350%) rotate(-135deg);
343    transform: translateX(-50%) translateY(-350%) rotate(-135deg);
344    margin-top: -1px;
345}
346
347header {
348    background-color: #fff;
349    padding: 16px 0;
350}
351
352header.has-search {}
353
354header.has-search .header-tools {
355    margin-left: -55px;
356}
357
358@media (max-width: 1199px) {
359    header.has-search .header-tools {
360        margin-left: -40px;
361        margin-right: 6px;
362    }
363}
364
365@media (max-width: 992px) {
366    header.has-search .header-tools {
367        margin-left: 0;
368    }
369}
370
371
372/*sticky START CSS*/
373
374header.sticky {
375    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
376    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
377}
378
379main {
380    position: relative;
381}
382
383#menu {
384    text-align: center;
385}
386
387#menu>li {
388    display: inline-block;
389    padding: 0 18px;
390}
391
392#menu>li>a {
393    padding: 0;
394    font-size: 14px;
395    line-height: 1.5;
396    color: #828586;
397    position: relative;
398}
399
400#menu>li>a::before {
401    position: absolute;
402    content: '';
403    width: 0;
404    height: 2px;
405    top: 100%;
406    left: 50%;
407    -webkit-transform: translateX(-50%);
408    -ms-transform: translateX(-50%);
409    transform: translateX(-50%);
410    background: var(--theme-color);
411    border-radius: 99px;
412    -webkit-transition: 0.3s;
413    -o-transition: 0.3s;
414    transition: 0.3s;
415}
416
417#menu>li>a.active,
418#menu>li>a:hover {
419    color: var(--theme-color);
420}
421
422#menu>li>a.active:before,
423#menu>li>a:hover:before {
424    width: 8px;
425}
426
427#menu>li>a.active {
428    font-weight: 500;
429}
430
431.social_icon {
432    text-align: right;
433}
434
435.social_icon a {
436    background: #F6FBFE;
437    color: var(--theme-color);
438    width: 28px;
439    height: 28px;
440    text-align: center;
441    border-radius: 50%;
442    display: inline-block;
443    font-size: 13px;
444    line-height: 28px;
445}
446
447.social_icon a:hover {
448    background-color: var(--theme-color);
449    color: #fff;
450}
451
452.social_icon a:not(:last-child) {
453    margin-right: 11px;
454}
455
456.index .col,
457.index .col-1,
458.index .col-10,
459.index .col-11,
460.index .col-12,
461.index .col-2,
462.index .col-3,
463.index .col-4,
464.index .col-5,
465.index .col-6,
466.index .col-7,
467.index .col-8,
468.index .col-9,
469.index .col-auto,
470.index .col-lg,
471.index .col-lg-1,
472.index .col-lg-10,
473.index .col-lg-11,
474.index .col-lg-12,
475.index .col-lg-2,
476.index .col-lg-3,
477.index .col-lg-4,
478.index .col-lg-5,
479.index .col-lg-6,
480.index .col-lg-7,
481.index .col-lg-8,
482.index .col-lg-9,
483.index .col-lg-auto,
484.index .col-md,
485.index .col-md-1,
486.index .col-md-10,
487.index .col-md-11,
488.index .col-md-12,
489.index .col-md-2,
490.index .col-md-3,
491.index .col-md-4,
492.index .col-md-5,
493.index .col-md-6,
494.index .col-md-7,
495.index .col-md-8,
496.index .col-md-9,
497.index .col-md-auto,
498.index .col-sm,
499.index .col-sm-1,
500.index .col-sm-10,
501.index .col-sm-11,
502.index .col-sm-12,
503.index .col-sm-2,
504.index .col-sm-3,
505.index .col-sm-4,
506.index .col-sm-5,
507.index .col-sm-6,
508.index .col-sm-7,
509.index .col-sm-8,
510.index .col-sm-9,
511.index .col-sm-auto,
512.index .col-xl,
513.index .col-xl-1,
514.index .col-xl-10,
515.index .col-xl-11,
516.index .col-xl-12,
517.index .col-xl-2,
518.index .col-xl-3,
519.index .col-xl-4,
520.index .col-xl-5,
521.index .col-xl-6,
522.index .col-xl-7,
523.index .col-xl-8,
524.index .col-xl-9,
525.index .col-xl-auto {
526    padding-left: 24px;
527    padding-right: 24px;
528}
529
530.index .row {
531    margin-right: -24px;
532    margin-left: -24px;
533}
534
535.w-33 {
536    width: 33.33333% !important;
537}
538
539.index .container,
540.index .container-fluid,
541.index .container-lg,
542.index .container-md,
543.index .container-sm,
544.index .container-xl {
545    padding-left: 24px;
546    padding-right: 24px;
547}
548
549.gray {
550    color: #707375 !important;
551}
552
553.mt_8 {
554    margin-top: 8px;
555}
556
557.mt_24 {
558    margin-top: 24px;
559}
560
561.mt_32 {
562    margin-top: 32px;
563}
564
565.mt_40 {
566    margin-top: 40px;
567}
568
569.pt_40 {
570    padding-top: 40px;
571}
572
573.pt_156 {
574    padding-top: 156px;
575}
576
577.pb_8 {
578    padding-bottom: 8px;
579}
580
581.pb_195 {
582    padding-bottom: 195px;
583}
584
585.pl_16 {
586    padding-left: 16px !important;
587}
588
589.pr_24 {
590    padding-right: 24px;
591}
592
593.v_1 {
594    background-color: #FCE9ED;
595    color: #E54F6D;
596}
597
598.v_2 {
599    background-color: #EEE9FC;
600    color: #764FE5;
601}
602
603.v_3 {
604    background-color: #FFE5EA;
605    color: #FF3D62;
606}
607
608.v_4 {
609    background-color: #FDEFE7;
610    color: #F0874C;
611}
612
613.v_5 {
614    background-color: #EBE7FD;
615    color: #7961F2;
616}
617
618.v_6 {
619    background-color: #F6FCE9;
620    color: #93CA1C;
621}
622
623.v_7 {
624    background-color: #FCF4E9;
625    color: #E54F6D;
626}
627
628.v_8 {
629    background-color: #FCF4E9;
630    color: #E8AA54;
631}
632
633.v_9 {
634    background-color: #F3FCE9;
635    color: #6ECA1C;
636}
637
638.v_10 {
639    background-color: #1A8FE3;
640}
641
642.v_11 {
643    background-color: #764FE5;
644}
645
646.v_12 {
647    background-color: #E54F6D;
648}
649
650.v_13 {
651    background-color: #6ECA1C;
652}
653
654.v_14 {
655    background-color: #F0874C;
656}
657
658.v_15 {
659    background-color: #1A8FE3;
660}
661
662.b-b {
663    border-bottom: 1px solid #E3E3E4;
664}
665
666.color-green {
667    color: #3FA796;
668}
669
670.color-violet {
671    color: #6F56EC;
672}
673
674.icon_arrow.v1 {
675    color: #E24841;
676    background-color: transparent;
677}
678
679.icon_arrow.v2 {
680    color: #E2C740;
681    background-color: transparent;
682}
683
684.icon_arrow.v3 {
685    color: #FF7919;
686    background-color: transparent;
687}
688
689.icon_arrow.v4 {
690    color: #10D0D5;
691    background-color: transparent;
692}
693
694.icon_arrow.v5 {
695    color: #624BD8;
696    background-color: transparent;
697}
698
699.icon_arrow.v6 {
700    color: #3D99F5;
701    background-color: transparent;
702}
703
704.icon_arrow.v7 {
705    color: #79DC47;
706    background-color: transparent;
707}
708
709.icon_arrow.v8 {
710    color: #FF5975;
711    background-color: transparent;
712}
713
714.icon_arrow.v9 {
715    color: #E54F6D;
716    background-color: transparent;
717}
718
719.icon_arrow.v10 {
720    color: #764FE5;
721    background-color: transparent;
722}
723
724.icon_arrow.v11 {
725    color: #F0874C;
726    background-color: transparent;
727}
728
729.icon_arrow.v21,
730.icon_arrow.v20,
731.icon_arrow.v22 {
732    color: #FFF;
733    background-color: transparent;
734}
735
736
737/*home area*/
738
739.home_content {
740    max-width: 508px;
741}
742
743.home_area {
744    padding: 10px 0 40px;
745    background-size: cover;
746    background-repeat: no-repeat;
747    background-position: center center;
748}
749
750.home_area h1 {
751    font-weight: bold;
752    font-size: 56px;
753    line-height: 140%;
754    color: #181D20;
755}
756
757.home_area h1 span {
758    color: var(--theme-color);
759}
760
761.home_area p {
762    font-size: 18px;
763    margin-top: 30px;
764}
765
766.button {
767    display: inline-block;
768    border-radius: 7px;
769    border: none;
770    color: #fff;
771    font-weight: 600;
772    font-size: 16px;
773    background-color: var(--theme-color);
774    padding: 13px 40px;
775    text-align: center;
776}
777
778.button:hover {
779    background-color: #126daf;
780    color: #fff;
781}
782
783.button-outline {
784    background-color: transparent;
785    border: 1px solid #1A8FE3;
786    color: #1A8FE3;
787    padding-top: 12px;
788    padding-bottom: 12px;
789}
790
791.button-grey {
792    background-color: #F6F6F6;
793    border: 1px solid #F6F6F6;
794    color: #707375;
795}
796
797.button-grey:hover {
798    background-color: #F6F6F6;
799    border-color: #707375;
800    color: #707375;
801}
802
803.button-outline--grey {
804    background-color: transparent;
805    border: 1px solid #707375;
806    color: #707375;
807}
808
809.button-outline--grey:hover {
810    background-color: #F6F6F6;
811    border-color: #707375;
812    color: #707375;
813}
814
815.animate-text {
816    position: relative;
817    width: 312px;
818    height: 65px;
819    text-align: center;
820    overflow: hidden;
821    display: inline-block;
822    top: 18px;
823}
824
825.animate-text__cont {
826    position: relative;
827    margin: 0;
828    padding: 0;
829    display: flex;
830    flex-direction: column;
831    align-items: center;
832}
833
834.animate-text__item {
835    white-space: nowrap;
836    height: 65px;
837    opacity: 0;
838    line-height: 1;
839}
840
841.home_area--first .home_content {
842    max-width: 100%;
843    position: relative;
844    text-align: center;
845}
846
847.home_area--first .home_content::after {
848    position: absolute;
849    content: '';
850    width: 215px;
851    height: 260px;
852    top: -40px;
853    left: 0;
854    background-image: url('/v3/img/decorate/d-1.svg');
855    background-repeat: no-repeat;
856    background-size: contain;
857}
858
859.home_area--first .home_content::before {
860    position: absolute;
861    content: '';
862    width: 159px;
863    height: 212px;
864    top: -27px;
865    right: -21px;
866    background-image: url('/v3/img/decorate/d-2.svg');
867    background-repeat: no-repeat;
868    background-size: contain;
869}
870
871.home_area--first .mt_24 {
872    margin-top: 24px;
873}
874
875.tools__content {
876    padding: 16px;
877    cursor: pointer;
878    display: block;
879    border-radius: 12px 12px 0 0;
880}
881
882.tools__circle {
883    border-radius: 99px;
884    width: 48px;
885    height: 48px;
886}
887
888.tools__icons img {
889    width: 24px;
890    height: 24px;
891    position: absolute;
892    left: 12px;
893    top: 12px;
894}
895
896.tools__name {
897    color: #ffffff;
898    font-weight: 600;
899    font-size: 20px;
900    margin-top: 0 !important;
901    text-align: left;
902}
903
904.tools__descr {
905    font-weight: 400;
906    font-size: 12px;
907    color: #ffffff;
908}
909
910.tools__tag {
911    display: inline-block;
912    position: relative;
913    border-radius: 99px;
914    padding: 1px 8px;
915}
916
917.tools__tag span {
918    font-weight: 400;
919    font-size: 12px;
920    line-height: 1.4;
921    letter-spacing: 0.005em;
922    color: #FFFFFF;
923}
924
925.tools__footer {
926    border-radius: 0 0 12px 12px;
927    padding: 10px 16px 16px 16px;
928    background-color: #fff;
929}
930
931.tools__footer>div {
932    border-radius: 8px;
933    padding: 10px;
934}
935
936.search_group--search {
937    max-width: 600px;
938    width: 100%;
939    display: inline-flex;
940    justify-content: center;
941    position: relative;
942}
943
944.decorate {
945    position: absolute;
946}
947
948.home_area--first {
949    position: relative;
950    padding-top: 40px;
951    padding-bottom: 150px;
952}
953
954.tools__item {
955    min-width: 232px;
956    border-radius: 12px;
957}
958
959.tools::before {
960    position: absolute;
961    content: '';
962    background-image: url('/v3/img/decorate/d-3.svg');
963    background-repeat: no-repeat;
964    width: 40px;
965    height: 41px;
966    bottom: -17px;
967    left: -7px;
968    z-index: 10;
969}
970
971.tools .slick-slide {
972    margin-left: 10px;
973    margin-right: 10px;
974}
975
976.tools .slick-list {
977    margin-left: -10px;
978    margin-right: -10px;
979}
980
981.d-4 {
982    position: absolute;
983    width: 40px;
984    height: 41px;
985    bottom: -54px;
986    left: calc(720px - 436px);
987}
988
989.tools::after {
990    position: absolute;
991    content: '';
992    background-image: url('/v3/img/decorate/d-5.svg');
993    background-repeat: no-repeat;
994    width: 40px;
995    height: 41px;
996    top: -25px;
997    right: 52px;
998    z-index: 10;
999}
1000
1001.tools__span {
1002    font-size: 10px;
1003    line-height: 15px;
1004    color: #707375;
1005    white-space: nowrap;
1006}
1007
1008.tools__upcoming {
1009    font-weight: 600;
1010    font-size: 10px;
1011    line-height: 15px;
1012    white-space: nowrap;
1013}
1014
1015.filter {
1016    background-color: #ffffff;
1017    border-radius: 99px;
1018    padding: 12px 6px;
1019    display: inline-flex;
1020    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
1021}
1022
1023.filter__category {
1024    display: flex;
1025    align-items: center;
1026    border-radius: 99px;
1027    padding: 12px;
1028    cursor: pointer;
1029    margin-left: 6px;
1030    margin-right: 6px;
1031    white-space: nowrap;
1032    color: #525658;
1033}
1034
1035.filter__category.is-active {
1036    background-color: #1A8FE3;
1037    color: #FFFFFF;
1038}
1039
1040.filter__name {
1041    font-weight: 500;
1042    font-size: 14px;
1043    line-height: 1.5;
1044    margin-left: 8px;
1045}
1046
1047.statistic {
1048    margin-top: 80px;
1049    background-color: #EFF7FD;
1050    border-radius: 10px;
1051    padding: 24px 40px;
1052}
1053
1054.statistic__item {
1055    position: relative;
1056    align-items: center;
1057    justify-content: space-between;
1058}
1059
1060.statistic__item:not(:last-of-type)::after {
1061    content: '';
1062    border-right: 1px solid #C8C9CA;
1063    height: 20px;
1064    padding-left: 80px;
1065}
1066
1067.statistic__num {
1068    font-weight: 600;
1069    font-size: 48px;
1070    color: #1A8FE3;
1071    margin-right: 24px;
1072}
1073
1074.statistic__text {
1075    font-size: 16px;
1076    color: #525658;
1077    font-size: 16px;
1078    display: flex;
1079    flex-direction: column;
1080}
1081
1082.filter-container {
1083    margin-left: auto;
1084    margin-right: auto;
1085}
1086
1087.tools {
1088    position: relative;
1089}
1090
1091.tools_box h4 {
1092    font-weight: 600;
1093    font-size: 20px;
1094    color: #181D20;
1095    margin-top: 16px;
1096    margin-bottom: 8px;
1097    white-space: nowrap;
1098    -o-text-overflow: ellipsis;
1099    text-overflow: ellipsis;
1100    overflow: hidden;
1101}
1102
1103.index .tools_box h4 {
1104    margin-top: 0;
1105}
1106
1107.check-tools {
1108    border-radius: 40px;
1109}
1110
1111.check-tools .title {
1112    line-height: 1.25;
1113    padding: 0;
1114}
1115
1116.catalog-box .icon_box {
1117    width: 48px;
1118    height: 48px;
1119    margin-right: 10px;
1120}
1121
1122.catalog-box h4 {
1123    font-size: 16px;
1124    line-height: 1.4;
1125    letter-spacing: 0.005em;
1126    margin-bottom: 2px;
1127    margin-top: 0;
1128}
1129
1130.catalog-box__tag {
1131    font-weight: 400;
1132    font-size: 12px;
1133    line-height: 1.4;
1134    letter-spacing: 0.005em;
1135}
1136
1137.catalog-box .tools_box {
1138    position: relative;
1139    padding-right: 44px;
1140}
1141
1142.check-tools__actions .button {
1143    color: #1A8FE3;
1144    background-color: transparent;
1145    border: 1.5px solid #1A8FE3;
1146}
1147
1148.support-area {
1149    /*background: linear-gradient(87.56deg, #1A8FE3 1.79%, rgba(26, 143, 227, 0) 383.1%);*/
1150    background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%);
1151}
1152
1153.support-area__content .title {
1154    color: #FFFFFF;
1155    width: 588px;
1156}
1157
1158.support-area__content .descr {
1159    color: #EFEFEF;
1160    /*max-width: 459px;*/
1161}
1162
1163.support-area__actions .button {
1164    color: #1A8FE3;
1165    background-color: #ffffff;
1166}
1167
1168.present_area {
1169    overflow: hidden;
1170}
1171
1172.present-card {
1173    background-color: #FFFFFF;
1174    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
1175    border-radius: 12px;
1176    padding: 10px 10px 20px 10px;
1177    max-width: 392px;
1178    min-width: 392px;
1179    margin-left: 16px;
1180    margin-right: 16px;
1181}
1182
1183.present-card__bg {
1184    background-color: #d8e6ef;
1185    border-radius: 12px;
1186    height: 304px;
1187    position: relative;
1188    overflow: hidden;
1189}
1190
1191.bg-violet {
1192    background-color: #dee5f1;
1193}
1194
1195.bg-peach {
1196    background-color: #f2e0d8;
1197}
1198
1199.bg-pink {
1200    background-color: #f6defa;
1201}
1202
1203.present-card__bg img {
1204    top: 24px;
1205    left: 24px;
1206    border-radius: 8px;
1207    object-fit: contain;
1208    object-position: left bottom;
1209    position: absolute;
1210    width: 478px;
1211    height: 300px;
1212}
1213
1214.present-card__bg--doble img {
1215    object-fit: contain;
1216    width: 372px;
1217    height: 304px;
1218    object-position: center top;
1219    top: 0;
1220    left: 0;
1221}
1222
1223.present__box {
1224    margin-left: -16px;
1225}
1226
1227.present-cart__content {
1228    padding-left: 10px;
1229    padding-right: 10px;
1230}
1231
1232.present__button {
1233    background: #FFFFFF;
1234    border: 1px solid #E3E3E4;
1235    width: 56px;
1236    height: 56px;
1237    border-radius: 50%;
1238}
1239
1240.present__button--right {
1241    margin-left: 20px;
1242}
1243
1244.present__button path {
1245    stroke: #828586;
1246}
1247
1248.present__button.is-active {
1249    background-color: #1A8FE3;
1250    box-shadow: 0 10px 32px rgba(26, 143, 227, 0.24);
1251    border-color: #1A8FE3;
1252}
1253
1254.present__button.is-active path {
1255    stroke: #fff;
1256}
1257
1258.present-card__name {
1259    margin-top: 16px;
1260    font-weight: 600;
1261    font-size: 20px;
1262    line-height: 30px;
1263    color: #181D20;
1264}
1265
1266.present-card__descr {
1267    margin-top: 4px;
1268    font-size: 14px;
1269    letter-spacing: 0;
1270    overflow: hidden;
1271    text-overflow: ellipsis;
1272    display: -moz-box;
1273    -moz-box-orient: vertical;
1274    display: -webkit-box;
1275    -webkit-line-clamp: 2;
1276    -webkit-box-orient: vertical;
1277    line-clamp: 2;
1278    box-orient: vertical;
1279}
1280
1281.present-cart__actions {
1282    margin-top: 16px;
1283}
1284
1285.present-cart__link {
1286    position: relative;
1287    font-weight: 500;
1288    font-size: 14px;
1289    line-height: 20px;
1290    color: #1A8FE3;
1291}
1292
1293.present-cart__link:after {
1294    position: absolute;
1295    content: '';
1296    background-image: url('/v3/img/arrow-right.svg');
1297    background-repeat: no-repeat;
1298    width: 16px;
1299    height: 16px;
1300    top: 1.5px;
1301    right: -23px;
1302}
1303
1304.container-present {
1305    margin-right: 0;
1306    width: 100%;
1307    max-width: 100% !important;
1308    margin-left: calc((100vw - 1259px) / 2);
1309    padding-bottom: 82px;
1310}
1311
1312.container-present .slick-list {
1313    padding: 0 27% 0 0;
1314    height: 535px;
1315}
1316
1317.container-present .slick-track {
1318    margin-left: -16px;
1319    margin-right: -16px;
1320}
1321
1322.catalog-box .check-tools__actions {
1323    padding: 0 !important;
1324}
1325
1326.cnt {
1327    position: relative;
1328    height: 1px;
1329    width: 100%;
1330}
1331
1332.dashed {
1333    position: absolute;
1334    top: 0;
1335    left: 0;
1336    width: 100%;
1337    height: 100%;
1338    background-image: linear-gradient(to right, transparent 50%, #C8C9CA 50%);
1339    background-size: 10px 100%;
1340}
1341
1342.subname {
1343    font-weight: 600;
1344    font-size: 14px;
1345    letter-spacing: 0.005em;
1346    color: #181D20;
1347}
1348
1349.line {
1350    border-top: 1px solid #E3E3E4;
1351}
1352
1353.btn-action {
1354    padding: 14px;
1355    font-weight: 400;
1356    font-size: 14px;
1357    color: #707375;
1358    border: 1px solid #E3E3E4;
1359    border-radius: 8px;
1360    background: #FFFFFF;
1361    width: 100%;
1362    display: block;
1363    text-align: center;
1364    cursor: pointer;
1365}
1366
1367.btn-action--blue {
1368    color: #fff;
1369    border: 1px solid var( --theme-color);
1370    border-radius: 8px;
1371    background-color: var( --theme-color);
1372}
1373
1374.btn-action--light-blue {
1375    color: var( --theme-color);
1376    border: 1px solid var( --theme-color);
1377    background-color: #F6FBFE;
1378    margin-right: 16px;
1379}
1380
1381.btn-action--primary {
1382    color: var( --theme-color);
1383    border: 1.5px solid var( --theme-color);
1384    background-color: #FFF;
1385    font-weight: 600;
1386    font-size: 14px;
1387}
1388
1389.btn-action--primary:hover {
1390    color: #FFF;
1391    border-color: var( --theme-color);
1392    background-color: var( --theme-color);
1393}
1394
1395.btn-action--gray{
1396    border: 1px solid #E3E3E4;
1397    background: #EFEFEF;
1398    color: #A7A9AA;
1399}
1400
1401.btn-action--gray:hover {
1402    border-color: #A7A9AA;
1403}
1404
1405#subscribeModal .modal-dialog-centered {
1406    justify-content: center;
1407}
1408
1409#subscribeModal {
1410    padding-left: 17px !important;
1411    padding-right: 17px !important;
1412}
1413
1414.btn-action--blue:hover {
1415    color: #fff;
1416}
1417
1418.btn-action--white {
1419    color: var( --theme-color);
1420    border: 1px solid var( --theme-color);
1421    border-radius: 8px;
1422    background-color: #ffffff;
1423}
1424
1425.btn-action--white:hover {
1426    color: var( --theme-color);
1427}
1428
1429.is-disabled .btn-submit {
1430    color: #A7A9AA;
1431    background: #EFEFEF;
1432    border: 1px solid #E3E3E4;
1433}
1434
1435.is-disabled .outline-wrap {
1436    background: #F6F6F6;
1437}
1438
1439
1440/* .button-switch-mode */
1441
1442.button-switch-mode {
1443    display: inline-block;
1444    width: 24px;
1445    height: 24px;
1446    overflow: hidden;
1447    margin-left: 10px;
1448    vertical-align: middle;
1449    cursor: pointer;
1450    color: #525658;
1451}
1452
1453.button-switch-mode:hover {
1454    color: #828586;
1455}
1456
1457.switch-mode-icon,
1458.switch-mode svg {
1459    width: 100%;
1460    height: 100%;
1461    max-width: 100%;
1462}
1463
1464.switch-mode-icon_sun {
1465    display: none;
1466}
1467
1468.switch-mode-icon_moon {
1469    display: block;
1470}
1471
1472.menu2~.sticky-top-group .button-switch-mode {
1473    display: none;
1474}
1475
1476header a .img-fluid.logo-dark {
1477    display: none;
1478}
1479
1480footer a .img-fluid.logo-dark {
1481    display: none;
1482}
1483
1484
1485/* .header-tools */
1486
1487.header-tools {
1488    display: inline-flex;
1489    vertical-align: middle;
1490    align-items: center;
1491    margin-right: 10px;
1492    margin-left: 10px;
1493    padding-left: 10px;
1494    padding-right: 12px;
1495    border-right: 1px solid #E3E3E4;
1496}
1497
1498.header-tools .button {
1499    border-radius: 50%;
1500    border: 1px solid #E3E3E4;
1501    width: 40px;
1502    height: 40px;
1503    background-color: transparent;
1504    display: flex;
1505    align-items: center;
1506    justify-content: center;
1507    flex-shrink: 0;
1508    padding: 0;
1509}
1510
1511.header-tools .button img {
1512    width: 20px;
1513    height: 20px;
1514}
1515
1516.header-tools .button:hover {
1517    color: #828586;
1518    background: none;
1519}
1520
1521.header-tools .button svg {
1522    width: 100%;
1523    height: 100%;
1524}
1525
1526.button-share {
1527    margin-left: 10px;
1528}
1529
1530.button-files {
1531    padding: 0;
1532}
1533
1534.button-files img {
1535    margin-right: 4px;
1536}
1537
1538
1539/* btn-support */
1540
1541.btn-support {
1542    color: var( --theme-color);
1543    display: inline-block;
1544    border-radius: 10px;
1545    border: 1.2px solid var( --theme-color);
1546    font-weight: 500;
1547    font-size: 14px;
1548    background-color: transparent;
1549    padding: 11px 21px;
1550    text-align: center;
1551    line-height: 1.42;
1552    margin-left: 0;
1553}
1554
1555.btn-support:hover {
1556    color: var( --theme-color);
1557}
1558
1559@media (max-width: 1248px) {
1560    .btn-support {
1561        margin-left: -60px;
1562    }
1563}
1564
1565.button.button-sign-in {
1566    padding: 9px 36px;
1567    border: 1.2px solid var( --theme-color);
1568    font-weight: 600;
1569    font-size: 14px;
1570}
1571
1572.nav-link[aria-expanded='true'] {
1573    color: var( --theme-color) !important;
1574}
1575
1576.nav-link[aria-expanded='true']:after {
1577    transform: rotate(225deg);
1578    top: 12px;
1579}
1580
1581.menu2 li a {
1582    font-size: 16px;
1583    font-weight: 500;
1584    color: #525658;
1585    display: -webkit-inline-box;
1586    display: -ms-inline-flexbox;
1587    display: inline-flex;
1588    -webkit-box-align: center;
1589    -ms-flex-align: center;
1590    align-items: center;
1591    padding: 0;
1592}
1593
1594.menu2>li {
1595    padding: 4px 6px;
1596    border-radius: 8px;
1597    transition: 0.3s;
1598    margin-left: 15px;
1599    margin-right: 15px;
1600}
1601
1602.menu2 {
1603    margin-left: -15px;
1604    margin-right: -15px;
1605}
1606
1607.drop_menu.is-opened>a::after {
1608    transform: rotate(225deg);
1609    margin-top: 4px;
1610}
1611
1612.drop_menu.is-opened {
1613    background-color: #E3F1FB;
1614    transition: 0.3s;
1615}
1616
1617.logo-icon {
1618    margin-right: 8px;
1619}
1620
1621.category-tools {
1622    flex-direction: column;
1623    align-items: flex-start;
1624    padding-right: 24px;
1625}
1626
1627.menu2 li .main-item {
1628    border-radius: 8px;
1629    padding: 16px;
1630    display: flex;
1631    flex-direction: column;
1632    align-items: flex-start;
1633    justify-content: flex-end;
1634    height: 320px;
1635}
1636
1637.menu2 li .category-tools__item {
1638    padding: 8px;
1639    border-radius: 8px;
1640    margin-top: 8px;
1641}
1642
1643.menu2 li .category-tools__item:hover {
1644    background-color: #F6F6F6;
1645}
1646
1647.expand_menu-tools--text li .category-tools__item {
1648    padding: 5px 0;
1649    margin: 0;
1650}
1651
1652.expand_menu-tools--text li .category-tools__item:hover {
1653    background-color: #ffffff;
1654}
1655
1656.search_group {
1657    position: relative;
1658    margin-top: 40px;
1659}
1660
1661.search_group input {
1662    background: #FFFFFF;
1663    border-radius: 14px;
1664    border: none;
1665    font-size: 14px;
1666    line-height: 1.5;
1667    color: #525658;
1668    height: 64px;
1669    width: 100%;
1670    padding: 0 56px;
1671    background-image: url(/v3/img/search.svg);
1672    background-position: 22px center;
1673    background-size: 19px;
1674    background-repeat: no-repeat;
1675    -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
1676    box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
1677}
1678
1679.search_group .button {
1680    position: absolute;
1681    right: 8px;
1682    top: 50%;
1683    -webkit-transform: translateY(-50%);
1684    -ms-transform: translateY(-50%);
1685    transform: translateY(-50%);
1686    -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
1687    box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
1688}
1689
1690.search_group--search input {
1691    background: #FFFFFF;
1692    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
1693    border-radius: 99px;
1694    padding-left: 68px;
1695}
1696
1697.search_group--search .button {
1698    border-radius: 99px;
1699    right: 9.5px;
1700    padding: 12px 26.5px;
1701    font-weight: 500;
1702    font-size: 14px;
1703}
1704
1705.search {
1706    position: absolute;
1707    top: 19px;
1708    left: 24px;
1709    width: 25px;
1710    height: 25px;
1711}
1712
1713.tag_box {
1714    padding-top: 14px;
1715}
1716
1717.tag_box a {
1718    background: #C8E4F8;
1719    border-radius: 6px;
1720    display: inline-block;
1721    padding: 6px 12px;
1722    color: var(--theme-color);
1723    font-size: 12px;
1724    line-height: 1.5;
1725    margin-left: 6px;
1726    margin-top: 10px;
1727}
1728
1729.tag_box a:hover {
1730    background-color: var(--theme-color);
1731    color: #fff;
1732}
1733
1734.tag_box span {
1735    display: inline-block;
1736    font-weight: 500;
1737    font-size: 14px;
1738    line-height: 1.5;
1739    color: #181D20;
1740    margin-top: 10px;
1741}
1742
1743.sub_title {
1744    font-weight: 600;
1745    font-size: 16px;
1746    line-height: 140%;
1747    color: var(--theme-color);
1748}
1749
1750.title {
1751    font-weight: bold;
1752    font-size: 48px;
1753    line-height: 130%;
1754    color: #181D20;
1755    padding-top: 8px;
1756}
1757
1758.title_icon {
1759    display: inline-flex;
1760    align-items: center;
1761    justify-content: center;
1762    vertical-align: middle;
1763    width: 40px;
1764    height: 40px;
1765    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
1766    border-radius: 99px;
1767    margin-left: 28px;
1768    position: relative;
1769}
1770
1771.title_icon::before {
1772    content: "";
1773    width: 1px;
1774    height: 20px;
1775    background-color: #E3E3E4;
1776    position: absolute;
1777    left: -14px;
1778    top: 50%;
1779    transform: translateY(-50%);
1780}
1781
1782.title_icon .elect {
1783    background-color: #FFFFFF;
1784    position: static;
1785}
1786
1787@media (max-width: 992px) {
1788    .title_icon {
1789        display: none;
1790    }
1791}
1792
1793.step_box h4 {
1794    font-weight: 600;
1795    font-size: 24px;
1796    line-height: 130%;
1797    color: #181D20;
1798}
1799
1800.step_box p {
1801    max-width: 347px;
1802}
1803
1804.blue {
1805    color: var(--theme-color);
1806}
1807
1808.tools_box {
1809    background: #FFFFFF;
1810    border-radius: 12px;
1811    padding: 24px;
1812    overflow: hidden;
1813    height: 100%;
1814}
1815
1816.icon_box {
1817    width: 56px;
1818    height: 56px;
1819    border-radius: 8px;
1820    display: -webkit-inline-box;
1821    display: -ms-inline-flexbox;
1822    display: inline-flex;
1823    -webkit-box-align: center;
1824    -ms-flex-align: center;
1825    align-items: center;
1826    -webkit-box-pack: center;
1827    -ms-flex-pack: center;
1828    justify-content: center;
1829    padding: 5px;
1830    flex-shrink: 0;
1831}
1832
1833.tools_box p {
1834    font-size: 14px;
1835}
1836
1837.icon_box.v1,
1838.v1 {
1839    background: #FBE6E5;
1840}
1841
1842.icon_box.v2,
1843.v2 {
1844    background: #FEF9E2;
1845}
1846
1847.icon_box.v3,
1848.v3 {
1849    background: #FFEDE0;
1850}
1851
1852.icon_box.v4,
1853.v4 {
1854    background: #E3FCFD;
1855}
1856
1857.icon_box.v5,
1858.v5 {
1859    background: #E9E6F9;
1860}
1861
1862.icon_box.v6,
1863.v6 {
1864    background: #E2F0FE;
1865}
1866
1867.icon_box.v7,
1868.v7 {
1869    background: #ECFAE5;
1870}
1871
1872.icon_box.v8,
1873.v8 {
1874    background: #FFE0E6;
1875}
1876
1877.icon_box.v9,
1878.v9 {
1879    background: #FFE6E0;
1880}
1881
1882.icon_box.v10,
1883.v10 {
1884    background: #E2F6FD;
1885}
1886
1887.icon_box.v11,
1888.v11 {
1889    background: #E7E3FD;
1890}
1891
1892.icon_box.v12,
1893.v12 {
1894    background: #FBE5FB;
1895}
1896
1897.icon_box.v13,
1898.v13 {
1899    background: #FBE5E4;
1900}
1901
1902.icon_box.v14,
1903.v14 {
1904    background: #E2F0FD;
1905}
1906
1907.icon_box.v15,
1908.v15 {
1909    background: #FFF5E0;
1910}
1911
1912.icon_box.v16,
1913.v16 {
1914    background: #E2E3FE;
1915}
1916
1917.icon_box.v17,
1918.v17 {
1919    background: #E2FEE6;
1920}
1921
1922.icon_box.v18,
1923.v18 {
1924    background: #FAE2FE;
1925}
1926
1927.icon_box.v19,
1928.v19 {
1929    background: #FEF8E2;
1930}
1931
1932.icon_box.v20,
1933.v20 {
1934    background: #FEEBE2;
1935}
1936
1937.icon_box.v21,
1938.v21 {
1939    background: #E2EDFE;
1940}
1941
1942.icon_box.v22,
1943.v22 {
1944    background: #E1FDE5;
1945}
1946
1947.icon_box.v23,
1948.v23 {
1949    background: #E2FEFC;
1950}
1951
1952.icon_box.v24,
1953.v24 {
1954    background: #FEE2E2;
1955}
1956
1957.icon_box.v25,
1958.v25 {
1959    background: #E2F7FE;
1960}
1961
1962.icon_box.v26,
1963.v26 {
1964    background: #FEF3E2;
1965}
1966
1967.icon_box.v1 {
1968    color: #E24841;
1969}
1970
1971.icon_box.v2 {
1972    color: #E2C740;
1973}
1974
1975.icon_box.v3 {
1976    color: #FF7919;
1977}
1978
1979.icon_box.v4 {
1980    color: #10D0D5;
1981}
1982
1983.icon_box.v5 {
1984    color: #624BD8;
1985}
1986
1987.icon_box.v6 {
1988    color: #3D99F5;
1989}
1990
1991.icon_box.v7 {
1992    color: #79DC47;
1993}
1994
1995.icon_box.v8 {
1996    color: #FF5975;
1997}
1998
1999.icon_box.v21,
2000.icon_box.v20,
2001.icon_box.v22 {
2002    color: #FFF;
2003}
2004
2005.small_gutter {
2006    margin-left: -10px;
2007    margin-right: -10px;
2008}
2009
2010.small_gutter>div {
2011    padding-right: 10px;
2012    padding-left: 10px;
2013}
2014
2015.tools_area .button {
2016    padding: 17px 48px;
2017    -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2018    box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2019}
2020
2021.page_shadow {
2022    position: absolute;
2023    left: 0;
2024    top: 0;
2025    width: 100%;
2026    height: 100%;
2027    -o-object-fit: cover;
2028    object-fit: cover;
2029    z-index: -1;
2030}
2031
2032
2033/* .price_box */
2034.pricing_group {
2035    padding-left: 100px;
2036    padding-right: 100px;
2037}
2038
2039.price_box {
2040    background: #FFFFFF;
2041    border-radius: 12px;
2042    padding: 16px;
2043    max-width: 387px;
2044    height: 100%;
2045    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
2046}
2047
2048.price_box-header {
2049    border-bottom: 1px solid #E3E3E4;
2050    padding-bottom: 16px;
2051    margin-bottom: 16px;
2052}
2053
2054.price_box-header p {
2055    font-size: 10px;
2056    color: #525658;
2057}
2058
2059.price_box-note {
2060    color: #707375;
2061    font-size: 12px;
2062}
2063
2064.price_box-date {
2065    color: #525658;
2066}
2067
2068.price_box-value {
2069    color: #1A8FE3;
2070}
2071
2072.price_box h4 {
2073    font-weight: 500;
2074    font-size: 20px;
2075    line-height: 130%;
2076    color: #181D20;
2077    margin-bottom: 4px;
2078}
2079
2080.price_box h3 {
2081    font-weight: bold;
2082    font-size: 32px;
2083    line-height: 44px;
2084    color: #1A8FE3;
2085    margin-top: 10px;
2086}
2087
2088.price_box h3 sub {
2089    font-size: 14px;
2090    line-height: 20px;
2091    color: #828586;
2092    font-weight: 400;
2093    padding-left: 8px;
2094}
2095
2096.price_box-subtitle {
2097    color: #181D20;
2098    font-size: 16px;
2099    font-weight: 600;
2100    letter-spacing: 0.08px;
2101}
2102
2103.price_box ul {}
2104
2105.price_box ul li {
2106    color: #828586;
2107    font-size: 14px;
2108    font-weight: 400;
2109    line-height: 20px;
2110    letter-spacing: 0.07px;
2111    margin-top: 12px;
2112}
2113
2114.price_box-icon {
2115    width: 16px;
2116    height: 16px;
2117    background-color: #707375;
2118    color: #fff;
2119    border-radius: 100%;
2120    display: inline-flex;
2121    align-items: center;
2122    justify-content: center;
2123    margin-right: 8px;
2124}
2125
2126.price_box-icon svg {
2127    width: 12px;
2128    height: 12px;
2129}
2130
2131.price_box .button {
2132    border-radius: 8px;
2133    padding: 8px 20px;
2134    box-sizing: border-box;
2135    width: 100%;
2136    margin-bottom: 20px;
2137    font-size: 12px;
2138    border: 1px solid #1A8FE3;
2139    background-color: #FFF;
2140    color: #1A8FE3;
2141}
2142
2143.price_box .button.default {
2144    background-color: #EFEFEF;
2145    border: 1px solid #E3E3E4;
2146    color: #A7A9AA;
2147    pointer-events: none;
2148}
2149
2150.price_box .button.default:hover {
2151    background-color: #F6F6F6;
2152    color: #828586;
2153}
2154
2155.price_box.active {
2156    background-color: #1A8FE3;
2157    color: #fff;
2158}
2159
2160.price_box.active .price_box-header {
2161    border-bottom-color: #E3E3E4;
2162}
2163
2164.price_box.active .price_box-icon {
2165    background-color: #FFF;
2166    color: #1A8FE3;
2167}
2168
2169.price_box.active h4,
2170.price_box.active h3,
2171.price_box.active h3 sub,
2172.price_box.active .price_box-subtitle,
2173.dark-mode .price_box .price_box-subtitle,
2174.price_box.active .price_box-header p,
2175.price_box.active .price_box-note,
2176.price_box.active ul li {
2177    color: #fff;
2178}
2179
2180.price_box_button-icon {
2181    width: 20px;
2182    height: 20px;
2183    color: #57B286;
2184    display: inline-block;
2185    vertical-align: middle;
2186    margin-left: 4px;
2187    margin-top: -6px;
2188}
2189
2190.price_box_button-icon svg {
2191    width: 100%;
2192    height: 100%;
2193}
2194
2195.price_box.active .button:hover .price_box_button-icon {
2196    color: #08c332;
2197}
2198
2199.price_box .button-link {
2200    background: none;
2201    color: #D0726C;
2202    font-weight: 500;
2203    font-size: 10px;
2204    text-decoration: underline;
2205    text-transform: none;
2206    padding: 0;
2207}
2208
2209.price_box .button-link:hover {
2210    text-decoration: none;
2211}
2212
2213.price_box--short {
2214    max-width: 100%;
2215    display: flex;
2216    justify-content: space-between;
2217    align-items: center;
2218}
2219
2220.price_box--short .price_box-group {
2221    flex-grow: 1;
2222}
2223
2224.price_box--short .price_box-header {
2225    border: none;
2226    padding-bottom: 0;
2227    margin-bottom: 12px;
2228}
2229
2230.price_box--short h4 {
2231    font-weight: 600;
2232    font-size: 14px;
2233    line-height: 1.2;
2234    margin-bottom: 2px;
2235}
2236
2237.price_box--short h3 {
2238    font-size: 24px;
2239    line-height: 1.2;
2240}
2241
2242.price_box--short h3 sub {
2243    font-size: 10px;
2244    line-height: 15px;
2245    padding-left: 4px;
2246}
2247
2248.price_box--short .button {
2249    width: auto;
2250    font-size: 10px;
2251    text-transform: uppercase;
2252    padding: 10px 12px;
2253}
2254
2255.price_box-decor {
2256    width: 20px;
2257    height: 20px;
2258    border-radius: 100%;
2259    border: 3px solid #fff;
2260    flex-shrink: 0;
2261}
2262
2263.ai-tools__catalog {
2264    margin-top: 8px;
2265}
2266
2267.ai-tools {
2268    width: 295px;
2269    padding-top: 16px;
2270    padding-bottom: 26px;
2271    border-right: 1px solid #E3E3E4;
2272    flex-shrink: 0;
2273}
2274
2275.ai-all {
2276    padding: 16px 0 16px 20px;
2277    width: 100%;
2278}
2279
2280.ai-all__item .main-item {
2281    position: relative;
2282    overflow: hidden;
2283}
2284
2285.ai-featured .d-flex {
2286    align-items: flex-start;
2287}
2288
2289.menu2 li a .ai-all__image {
2290    width: 295px;
2291    height: 222px;
2292    object-fit: cover;
2293    border-radius: 8px;
2294    transform: rotate(-10deg);
2295    position: absolute;
2296    top: 18px;
2297    right: -34px;
2298    margin-right: 0;
2299}
2300
2301.menu2 li a:hover .ai-all__image {
2302    filter: none;
2303}
2304
2305.menu2 .ai-tools h4,
2306.menu2 .ai-all h4 {
2307    margin-left: 0;
2308    padding-left: 0;
2309}
2310
2311.ai-featured__box {
2312    margin-top: 8px;
2313    padding-bottom: 16px;
2314}
2315
2316.ai-featured__box>div {
2317    margin-left: -10px;
2318    margin-right: -10px;
2319}
2320
2321.ai-featured__content {
2322    margin-top: 16px;
2323    display: flex;
2324    align-items: center;
2325    width: 100%;
2326}
2327
2328.ai-other {
2329    padding-top: 16px;
2330}
2331
2332.ai-all__item,
2333.ai-all__item .mega_menu {
2334    margin-top: 0 !important;
2335}
2336
2337.ai-other>div {
2338    margin-left: -10px;
2339}
2340
2341.image-box-arrow {
2342    margin-left: auto;
2343}
2344
2345.menu2 .ai-all__item .main-item {
2346    height: 160px;
2347    margin: 0;
2348}
2349
2350.menu2 .expand_menu--image .category-tools__item {
2351    padding-left: 10px;
2352    padding-right: 10px;
2353    margin-left: 0;
2354}
2355
2356.menu2 .expand_menu--image .category-tools__item:hover {
2357    background-color: #ffffff;
2358}
2359
2360.menu2 .expand_menu--image .category-tools__item--big.is-active:hover {
2361    background-color: #f6f6f6;
2362}
2363
2364.nav-link[aria-expanded='true']:after .menu2 .expand_menu--image .ai-all__item {
2365    padding-left: 10px;
2366    padding-right: 10px;
2367    display: block !important;
2368    flex-shrink: 0;
2369}
2370
2371.category-tools__item--big {
2372    padding-bottom: 16px !important;
2373    padding-right: 42px !important;
2374}
2375
2376.subscribe-modal {
2377    padding: 24px;
2378    background: #FFFFFF;
2379    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
2380    border-radius: 12px;
2381    display: flex;
2382    align-items: center;
2383    flex-direction: column;
2384    max-width: 448px;
2385}
2386
2387.subscribe-modal__icon {
2388    background-color: var(--theme-color);
2389    border-radius: 99px;
2390    flex-shrink: 0;
2391    display: flex;
2392    align-items: center;
2393    justify-content: center;
2394    width: 96px;
2395    height: 96px;
2396}
2397
2398.subscribe-modal__title {
2399    font-weight: 700;
2400    font-size: 24px;
2401    line-height: 1.33;
2402    color: #181D20;
2403    margin-top: 24px;
2404}
2405
2406.subscribe-modal__descr {
2407    margin-top: 10px;
2408    line-height: 1.5;
2409    text-align: center;
2410}
2411
2412.subscribe-modal__field {
2413    margin-top: 24px;
2414}
2415
2416.subscribe-modal__field .form-control-field {
2417    height: 56px;
2418}
2419
2420.subscribe-modal__actions {
2421    display: flex;
2422}
2423
2424.subscribe-modal .modal-footer,
2425.subscribe-modal .modal-header {
2426    border: 0;
2427}
2428
2429.subscribe-modal .form-control-field {
2430    font-size: 14px;
2431}
2432
2433.subscribe-modal__close {
2434    position: absolute;
2435    top: 22px;
2436    right: 22px;
2437    padding: 0 !important;
2438    margin: 0 !important;
2439}
2440
2441@media (max-width: 1025px) {
2442    .pricing_group {
2443        padding-left: 0;
2444        padding-right: 0;
2445    }
2446}
2447
2448@media (min-width: 992px) {
2449    .price_box {
2450        position: relative;
2451    }
2452    .price_box .button {
2453        /*position: absolute;
2454        left: 24px;
2455        right: 24px;
2456        bottom: 24px;
2457        width: auto;*/
2458    }
2459    .price_box-header p {
2460        font-size: 14px;
2461    }
2462    .price_box--short h4 {
2463        font-size: 20px;
2464    }
2465    .price_box--short {
2466        padding-bottom: 24px;
2467    }
2468    .price_box--short .button {
2469        position: static;
2470        font-size: 14px;
2471    }
2472    .price_box-decor {
2473        width: 32px;
2474        height: 32px;
2475        border: 5px solid #fff;
2476    }
2477    .price_box .button-link {
2478        font-size: 14px;
2479    }
2480}
2481
2482@media (max-width: 575.98px) {
2483    .price_box.price_box--short h4 {
2484        font-size: 14px;
2485    }
2486    .details-popup--catalog .qr {
2487        width: 100%;
2488        height: auto;
2489    }
2490    .details-popup--catalog .details-popup__btn {
2491        height: 40px;
2492        width: 40px;
2493        display: flex;
2494        align-items: center;
2495        justify-content: center;
2496        border: 1.5px solid #1A8FE3;
2497        color: #1A8FE3;
2498    }
2499    .details-popup--catalog.details-popup .btn-action--blue {
2500        height: 40px;
2501        font-size: 12px;
2502    }
2503    .subscribe-modal {
2504        padding: 16px;
2505    }
2506    .subscribe-modal__icon {
2507        width: 72px;
2508        height: 72px;
2509    }
2510    .subscribe-modal__icon svg {
2511        width: 27px;
2512        height: 23px;
2513    }
2514    .subscribe-modal__icon img {
2515        width: 32px;
2516        height: 32px;
2517    }
2518    .subscribe-modal__title {
2519        font-size: 20px;
2520    }
2521    .subscribe-modal__descr {
2522        font-size: 12px;
2523    }
2524    .subscribe-modal__field .form-control-field {
2525        height: 48px;
2526    }
2527    .subscribe-modal__close {
2528        top: 16px;
2529        right: 16px;
2530    }
2531}
2532
2533
2534/*contact area*/
2535
2536.contact_area input,
2537.contact_area textarea {
2538    background: #FFFFFF;
2539    border: 1px solid #E3E3E4;
2540    border-radius: 10px;
2541    width: 100%;
2542    height: 48px;
2543    padding: 0 16px;
2544    font-size: 14px;
2545    margin-top: 15px;
2546    -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2547    box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2548}
2549
2550.contact_area label {
2551    font-weight: 500;
2552    font-size: 16px;
2553    line-height: 140%;
2554    color: #525658;
2555}
2556
2557.contact_area input::-webkit-input-placeholder,
2558.contact_area textarea::-webkit-input-placeholder {
2559    color: #C8C9CA;
2560    opacity: 1;
2561}
2562
2563.contact_area input::-moz-placeholder,
2564.contact_area textarea::-moz-placeholder {
2565    color: #C8C9CA;
2566    opacity: 1;
2567}
2568
2569.contact_area input:-ms-input-placeholder,
2570.contact_area textarea:-ms-input-placeholder {
2571    color: #C8C9CA;
2572    opacity: 1;
2573}
2574
2575.contact_area input::-ms-input-placeholder,
2576.contact_area textarea::-ms-input-placeholder {
2577    color: #C8C9CA;
2578    opacity: 1;
2579}
2580
2581.contact_area input::placeholder,
2582.contact_area textarea::placeholder {
2583    color: #C8C9CA;
2584    opacity: 1;
2585}
2586
2587.contact_area textarea {
2588    height: 137px;
2589    resize: none;
2590    padding-top: 14px;
2591    padding-bottom: 14px;
2592}
2593
2594.contact_area .button {
2595    -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2596    box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1);
2597    border-radius: 14px;
2598}
2599
2600.contact_area--section {
2601    padding-top: 50px;
2602    padding-bottom: 100px;
2603}
2604
2605@media (min-width: 960px) {
2606
2607    .contact_area--section {
2608        padding-top: 75px;
2609        padding-bottom: 150px;
2610    }
2611}
2612
2613.title_md {
2614    font-weight: bold;
2615    font-size: 32px;
2616    line-height: 1.5;
2617    color: #181D20;
2618    margin-top: 40px;
2619}
2620
2621.privacy_area p a {
2622    color: inherit;
2623}
2624
2625.privacy_area p a:hover,
2626.privacy_area p a.active {
2627    color: var(--blue);
2628}
2629
2630
2631/*compress area*/
2632
2633.title_lg {
2634    font-weight: bold;
2635    font-size: 40px;
2636    line-height: 140%;
2637    color: #181D20;
2638}
2639
2640.rating_box {
2641    display: -webkit-box;
2642    display: -ms-flexbox;
2643}
2644
2645
2646/* tools-menu */
2647
2648.tools-menu {
2649    display: flex;
2650    -webkit-box-align: center;
2651    -ms-flex-align: center;
2652    align-items: center;
2653    -webkit-box-pack: justify;
2654    -ms-flex-pack: justify;
2655    justify-content: space-between;
2656    background: #FFFFFF;
2657    border-radius: 12px;
2658    padding: 6px 24px 16px 24px;
2659    max-width: 480px;
2660    margin-top: 55px;
2661    -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03);
2662    box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03);
2663}
2664
2665.rating_box {
2666    display: -webkit-box;
2667    display: -ms-flexbox;
2668    display: flex;
2669    -webkit-box-align: center;
2670    -ms-flex-align: center;
2671    align-items: center;
2672    -webkit-box-pack: justify;
2673    -ms-flex-pack: justify;
2674    justify-content: space-between;
2675    background: #FFFFFF;
2676    border-radius: 12px;
2677    padding: 6px 24px 16px 24px;
2678    max-width: 480px;
2679    margin-top: 55px;
2680    -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03);
2681    box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03);
2682}
2683
2684.rating_box h5 {
2685    font-weight: 600;
2686    font-size: 18px;
2687    color: #707375;
2688}
2689
2690.rating_box h6 {
2691    font-weight: 500;
2692    font-size: 16px;
2693    line-height: 24px;
2694    color: #1A8FE3;
2695    border-left: 1px solid #E3E3E4;
2696    padding-left: 8px;
2697}
2698
2699.rating_box h6 span {
2700    font-size: 12px;
2701    color: #828586;
2702    font-weight: 400;
2703}
2704
2705.rating_wrap {
2706    display: -webkit-box;
2707    display: -ms-flexbox;
2708    display: flex;
2709    -webkit-box-align: center;
2710    -ms-flex-align: center;
2711    align-items: center;
2712}
2713
2714.star-rating {
2715    direction: rtl;
2716    display: inline-block;
2717    padding: 0 20px;
2718}
2719
2720.star-rating input[type=radio] {
2721    display: none
2722}
2723
2724.star-rating label {
2725    cursor: pointer;
2726}
2727
2728.star-rating label svg path {
2729    -webkit-transition: all .3s ease-in-out;
2730    -o-transition: all .3s ease-in-out;
2731    transition: all .3s ease-in-out
2732}
2733
2734.star-rating label:hover svg path,
2735.star-rating label:hover~label svg path,
2736.star-rating input[type=radio]:checked~label svg path {
2737    stroke: #f2b600;
2738    fill: #f2b600;
2739}
2740
2741.file-drop-area {
2742    position: relative;
2743    display: -webkit-box;
2744    display: -ms-flexbox;
2745    display: flex;
2746    -webkit-box-align: center;
2747    -ms-flex-align: center;
2748    align-items: center;
2749    width: 100%;
2750    max-width: 100%;
2751    -webkit-transition: 0.2s;
2752    -o-transition: 0.2s;
2753    transition: 0.2s;
2754    border-radius: 12px;
2755    padding: 2rem;
2756    -webkit-box-pack: center;
2757    -ms-flex-pack: center;
2758    justify-content: center;
2759    -webkit-box-orient: vertical;
2760    -webkit-box-direction: normal;
2761    -ms-flex-direction: column;
2762    flex-direction: column;
2763    margin-top: 4.5rem;
2764    height: 366px;
2765    background: #FFFFFF;
2766    border: 1px solid #EFEFEF;
2767}
2768
2769.file-drop-area.is-active {
2770    background-color: rgba(255, 255, 255, 0.05);
2771}
2772
2773.file-msg {
2774    font-size: small;
2775    font-weight: 300;
2776    line-height: 1.4;
2777    white-space: nowrap;
2778    overflow: hidden;
2779    -o-text-overflow: ellipsis;
2780    text-overflow: ellipsis;
2781}
2782
2783.file-input {
2784    position: absolute;
2785    left: 0;
2786    top: 0;
2787    height: 100%;
2788    width: 100%;
2789    cursor: pointer;
2790    opacity: 0;
2791}
2792
2793.file-input:focus {
2794    outline: none;
2795}
2796
2797.file-drop-area .social_icon {
2798    position: relative;
2799    z-index: 1;
2800}
2801
2802.file-drop-area .social_icon a {
2803    height: 32px;
2804    width: 32px;
2805    line-height: 32px;
2806}
2807
2808.file-drop-area .button {
2809    border-radius: 14px;
2810    display: -webkit-inline-box;
2811    display: -ms-inline-flexbox;
2812    display: inline-flex;
2813    -webkit-box-align: center;
2814    -ms-flex-align: center;
2815    align-items: center;
2816    -webkit-box-pack: center;
2817    -ms-flex-pack: center;
2818    justify-content: center;
2819    font-weight: 500;
2820    padding: 16px 24px;
2821}
2822
2823.file-drop-area .button img {
2824    margin-right: 8px;
2825}
2826
2827p.drag {
2828    font-size: 16px;
2829    line-height: 140%;
2830    color: #707375;
2831}
2832
2833.tools_area.v2 .tools_box {
2834    padding: 32px;
2835}
2836
2837.tools_area.v2 .icon_box {
2838    width: 72px;
2839    height: 72px;
2840}
2841
2842.tools_area.v2 .tools_box p {
2843    font-size: 16px;
2844}
2845
2846.step_item {
2847    position: relative;
2848    padding-left: 40px;
2849}
2850
2851.step_item h4 {
2852    font-weight: 600;
2853    font-size: 18px;
2854    color: #181D20;
2855}
2856
2857.step_item::after {
2858    position: absolute;
2859    content: '';
2860    left: 5px;
2861    height: 14px;
2862    width: 14px;
2863    top: 4px;
2864    border-radius: 50%;
2865    background-color: var(--blue);
2866    -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue);
2867    box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue);
2868}
2869
2870.step_item::before {
2871    position: absolute;
2872    content: '';
2873    top: 0;
2874    left: 11.5px;
2875    height: calc(100% + 30px);
2876    border-left: 2px dashed #71BAEE;
2877}
2878
2879.step_item:last-child::before {
2880    display: none;
2881}
2882
2883
2884/*footer area*/
2885
2886footer {
2887    font-size: 14px;
2888    line-height: 140%;
2889    color: #828586;
2890    background-color: #fff;
2891    padding-top: 10px;
2892}
2893
2894footer ul li {
2895    padding-top: 14px;
2896}
2897
2898footer a {
2899    color: inherit;
2900}
2901
2902footer a:hover,
2903footer a.active {
2904    color: var(--blue);
2905}
2906
2907footer h4 {
2908    font-weight: bold;
2909    font-size: 18px;
2910    line-height: 150%;
2911    color: #525658;
2912}
2913
2914.footer_bottom {
2915    background: #EFF7FD;
2916    padding: 14px 0 24px;
2917    font-weight: 500;
2918    margin-top: 80px;
2919}
2920
2921.copy_right {
2922    color: #707375;
2923}
2924
2925.footer_bottom p span {
2926    color: var(--blue);
2927}
2928
2929.footer_bottom p img {
2930    max-width: 114px;
2931    margin-right: 24px;
2932}
2933
2934
2935/*return-to-top START CSS*/
2936
2937.back-to-top {
2938    font-size: 24px;
2939    width: 45px;
2940    height: 45px;
2941    line-height: 45px;
2942    text-align: center;
2943    display: none;
2944    position: fixed;
2945    bottom: 30px;
2946    right: 20px;
2947    border-radius: 50%;
2948    background: var(--blue);
2949    z-index: 1000;
2950}
2951
2952.back-to-top i {
2953    color: #fff;
2954}
2955
2956.menu2 {
2957    display: -webkit-box;
2958    display: -ms-flexbox;
2959    display: flex;
2960    -webkit-box-align: center;
2961    -ms-flex-align: center;
2962    align-items: center;
2963    -webkit-box-pack: center;
2964    -ms-flex-pack: center;
2965    justify-content: center;
2966}
2967
2968.menu2>li {
2969    padding: 0 11px;
2970}
2971
2972.menu2 li a {
2973    font-size: 16px;
2974    line-height: 140%;
2975    color: #525658;
2976    display: -webkit-inline-box;
2977    display: -ms-inline-flexbox;
2978    display: inline-flex;
2979    -webkit-box-align: center;
2980    -ms-flex-align: center;
2981    align-items: center;
2982    padding: 0;
2983}
2984
2985.menu2 li a:hover {
2986    color: var(--blue);
2987}
2988
2989.menu2 li a img {
2990    width: 20px;
2991    height: 20px;
2992    margin-right: 8px;
2993}
2994
2995.menu2 li a:hover img {
2996    -webkit-filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%);
2997    filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%);
2998}
2999
3000.drop_menu {
3001    position: relative;
3002}
3003
3004.menu2>li>ul {
3005    background: #FFFFFF;
3006    border-radius: 10px 0 0 10px;
3007    padding: 8px 0 8px;
3008    position: absolute;
3009    top: 100%;
3010    left: 0;
3011    width: 250px;
3012    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
3013    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
3014    opacity: 0;
3015    visibility: hidden;
3016    -webkit-transition: 0.3s;
3017    -o-transition: 0.3s;
3018    transition: 0.3s;
3019}
3020
3021.menu2>li:hover>ul {
3022    opacity: 1;
3023    visibility: visible;
3024}
3025
3026.menu2>li>ul>li {
3027    padding: 8px 16px;
3028}
3029
3030.drop_menu>a::after {
3031    content: '';
3032    width: 7px;
3033    height: 7px;
3034    margin-left: 7px;
3035    margin-top: -4px;
3036    border-right: 1px solid #707375;
3037    border-bottom: 1px solid #707375;
3038    -webkit-transform: rotate(45deg);
3039    transform: rotate(45deg);
3040}
3041
3042.multilavel {
3043    position: relative;
3044}
3045
3046.multilavel>a {
3047    position: relative;
3048    display: -webkit-box !important;
3049    display: -ms-flexbox !important;
3050    display: flex !important;
3051}
3052
3053.multilavel>a::after {
3054    position: absolute;
3055    content: '';
3056    width: 7px;
3057    height: 7px;
3058    margin-left: 7px;
3059    border-right: 1px solid #707375;
3060    border-bottom: 1px solid #707375;
3061    -webkit-transform: rotate(45deg);
3062    transform: rotate(45deg);
3063    right: 0;
3064    top: 5px;
3065}
3066
3067.multilavel>ul {
3068    top: 0;
3069    left: 100%;
3070    position: absolute;
3071    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
3072    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
3073    border-radius: 0 10px 10px 0;
3074    padding: 8px 0 8px;
3075    background-color: #fff;
3076    width: 250px;
3077    visibility: hidden;
3078    opacity: 0;
3079    -webkit-transition: 0.3s;
3080    -o-transition: 0.3s;
3081    transition: 0.3s;
3082}
3083
3084.multilavel>ul>li {
3085    padding: 8px 16px;
3086}
3087
3088.multilavel:hover>ul {
3089    visibility: visible;
3090    opacity: 1;
3091}
3092
3093@media (min-width: 1025px) {
3094    .menu2>li {
3095        display: flex;
3096        align-items: center;
3097    }
3098}
3099
3100
3101/*****new*****/
3102
3103.mobile_menu .menu2 {
3104    margin-left: 0;
3105}
3106
3107.sticky-top-group {
3108    display: -webkit-box;
3109    display: -ms-flexbox;
3110    display: flex;
3111    -webkit-box-align: center;
3112    -ms-flex-align: center;
3113    align-items: center;
3114    -webkit-box-pack: end;
3115    -ms-flex-pack: end;
3116    justify-content: flex-end;
3117}
3118
3119.button-share-box {
3120    text-align: right;
3121    display: inline-block;
3122}
3123
3124.menu2~.sticky-top-group .button-share-box {
3125    display: none;
3126}
3127
3128.sticky-top-group .button {
3129    font-size: 12px;
3130    padding: 5px 16px;
3131    vertical-align: middle;
3132}
3133
3134.sticky-top-group .button-files {
3135    padding-top: 6px;
3136    padding-bottom: 6px;
3137}
3138
3139.sticky-top-group .button-share img {
3140    width: 12px;
3141    height: 12px;
3142    margin-right: 6px;
3143}
3144
3145.sticky-top-group .header-search {
3146    display: none;
3147}
3148
3149.header-tools+.hamburger-menu {
3150    margin-left: 10px;
3151}
3152
3153
3154/* logo */
3155
3156.logo {
3157    font-weight: 700;
3158    font-size: 16px;
3159    line-height: 24px;
3160    color: #1A8FE3;
3161    white-space: nowrap;
3162}
3163
3164.logo span {
3165    color: #181D20;
3166}
3167
3168
3169/* header-search */
3170
3171.header-search {
3172    display: inline-flex;
3173    vertical-align: middle;
3174    width: 217px;
3175    position: relative;
3176    height: 44px;
3177    margin-right: 8px;
3178}
3179
3180.header-search .header-search_button {
3181    display: none;
3182    background: none;
3183}
3184
3185.header-search_group {
3186    width: inherit;
3187    height: inherit;
3188}
3189
3190.header-search_form {
3191    height: inherit;
3192}
3193
3194.header-search .form-control {
3195    padding-left: 42px;
3196    background: #F6F6F6;
3197    border-radius: 10px;
3198    border: none;
3199    height: inherit;
3200    font-weight: 400;
3201    font-size: 10px;
3202}
3203
3204.header-search_form .button {
3205    padding: 11px 6px 10px 12px;
3206    background: none;
3207    position: absolute;
3208    top: 0;
3209    left: 0;
3210    width: 38px;
3211    height: inherit;
3212}
3213
3214.header-search .button img {
3215    width: 100%;
3216    height: 100%;
3217    display: block;
3218}
3219
3220.header-search .button:hover {
3221    background: none;
3222}
3223
3224.header-search_results {
3225    position: absolute;
3226    top: 100%;
3227    left: 0;
3228    width: 100%;
3229    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
3230    border-radius: 7px;
3231    padding-top: 1px;
3232    padding-bottom: 1px;
3233    padding-left: 10px;
3234    padding-right: 10px;
3235    background-color: #fff;
3236    margin-top: 8px;
3237    text-align: left;
3238}
3239
3240.header-search_results-list {
3241    color: #828586;
3242    font-size: 12px;
3243}
3244
3245.header-search_results-list li {
3246    border-bottom: 1px solid #E3E3E4;
3247    padding-top: 9px;
3248    padding-bottom: 9px;
3249    padding-left: 2px;
3250}
3251
3252.header-search_results-list a {
3253    color: inherit;
3254    white-space: nowrap;
3255    text-overflow: ellipsis;
3256    overflow: hidden;
3257    max-width: 100%;
3258    display: block;
3259}
3260
3261.header-search_results-list img {
3262    display: inline-block;
3263    vertical-align: middle;
3264    margin-right: 10px;
3265}
3266
3267.header-search_results-list strong {
3268    font-weight: 500;
3269    color: #181D20;
3270}
3271
3272.header-search_results-all a {
3273    font-weight: 500;
3274    font-size: 12px;
3275    line-height: 18px;
3276    padding-top: 8px;
3277    padding-bottom: 8px;
3278    display: block;
3279    text-align: center;
3280    color: #1A8FE3;
3281}
3282
3283.header-search_form .header-search_back,
3284.header-search_form .header-search_clear,
3285.header-search_popular,
3286.header-search_example {
3287    display: none;
3288}
3289
3290.header-search .tools_box {
3291    display: block;
3292}
3293
3294.tags-box {
3295    display: flex;
3296    align-items: center;
3297}
3298
3299.tags-box span {
3300    font-weight: 500;
3301    font-size: 14px;
3302    color: #181D20;
3303    margin-right: 8px;
3304    white-space: nowrap;
3305}
3306
3307.tag-item {
3308    color: var(--theme-color);
3309    font-weight: 500;
3310    font-size: 14px;
3311    padding: 8px 10px;
3312    border: 1px solid var(--theme-color);
3313    border-radius: 10px;
3314    display: inline-block;
3315    margin-left: 16px;
3316    white-space: nowrap;
3317}
3318
3319.tags-box--tools {
3320    margin-bottom: 48px;
3321}
3322
3323.tags-box--tools span {
3324    margin-left: 6px;
3325    margin-right: 10px !important;
3326    font-size: 16px;
3327}
3328
3329.tags-box__wrapper {
3330    margin: -6px;
3331    align-items: center;
3332}
3333
3334.tags-box--tools .tag-item {
3335    padding-top: 6px;
3336    padding-bottom: 6px;
3337    background-color: #E3F1FB;
3338    line-height: 1.3;
3339    margin: 6px;
3340}
3341
3342@media (max-width: 1199px) {
3343    .header-search {
3344        width: 150px;
3345    }
3346}
3347
3348@media (max-width: 992px) {
3349    .header-search {
3350        height: auto;
3351    }
3352    .header-search_group {
3353        position: relative;
3354        z-index: 5;
3355    }
3356    .header-search_results {
3357        position: fixed;
3358        top: 170px;
3359        bottom: 0;
3360        left: 0;
3361        width: 100%;
3362        z-index: 4;
3363        box-shadow: none;
3364        border-radius: 0;
3365        padding-top: 0;
3366        padding-left: 0;
3367        padding-right: 0;
3368        background-color: #fff;
3369    }
3370    .header-search_results-box {
3371        overflow-y: auto;
3372        height: 100%;
3373    }
3374    .header-search_results .tools_box {
3375        display: flex;
3376        align-items: center;
3377        margin-top: 16px;
3378        padding: 0 !important;
3379        width: 100%;
3380        border-radius: 0;
3381    }
3382    .header-search_results .tools_box .icon_box {
3383        width: 40px;
3384        height: 40px;
3385        flex-shrink: 0;
3386        margin-right: 10px;
3387        margin-bottom: 0;
3388    }
3389    .header-search_results .tools_box svg {
3390        width: 20px;
3391        height: 20px;
3392    }
3393    .header-search_results .tools_box h4 {
3394        color: #A7A9AA;
3395        margin-bottom: 0;
3396        font-size: 12px;
3397        margin-top: 0;
3398        line-height: 1.2;
3399    }
3400    .header-search_results .tools_box h4 strong {
3401        color: #181D20;
3402        font-weight: 600;
3403    }
3404    .header-search_results .catalog-box__tag {
3405        color: #707375;
3406    }
3407    .header-search_other {
3408        margin-top: 18px;
3409    }
3410    .header-search_other-title {
3411        text-align: center;
3412        text-transform: uppercase;
3413        font-weight: 500;
3414        font-size: 10px;
3415        line-height: 16px;
3416        position: relative;
3417    }
3418    .header-search_other-title:before {
3419        content: "";
3420        display: block;
3421        border-top: 1px solid #C8C9CA;
3422        position: absolute;
3423        left: 0;
3424        right: 0;
3425        top: 50%;
3426        transform: translateY(-50%);
3427        z-index: -1;
3428    }
3429    .header-search_other-title span {
3430        display: inline-block;
3431        background-color: #fff;
3432        padding-left: 8px;
3433        padding-right: 8px;
3434    }
3435}
3436
3437
3438/* header-user */
3439
3440.header-user {
3441    margin-left: 8px;
3442    position: relative;
3443    display: inline-block;
3444    vertical-align: middle;
3445}
3446
3447.header-user:hover .header-user_menu {
3448    display: block;
3449}
3450
3451.header-user_avatar {
3452    width: 40px;
3453    height: 40px;
3454    overflow: hidden;
3455    border-radius: 100%;
3456    font-weight: 600;
3457    font-size: 16px;
3458    color: #fff;
3459    display: flex;
3460    align-items: center;
3461    justify-content: center;
3462    background-color: #9747FF;
3463}
3464
3465.header-user_menu {
3466    position: absolute;
3467    top: 100%;
3468    right: 0;
3469    width: 224px;
3470    padding-top: 17px;
3471    margin-left: 5px;
3472    text-align: left;
3473    display: none;
3474}
3475
3476.header-user_menu::before {
3477    content: "";
3478    width: 0;
3479    height: 0;
3480    border-left: 6px solid transparent;
3481    border-right: 6px solid transparent;
3482    border-bottom: 10px solid #FFF;
3483    position: absolute;
3484    top: 8px;
3485    left: 50%;
3486    transform: translateX(-50%);
3487}
3488
3489.header-user_menu-box {
3490    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
3491    border-radius: 12px;
3492    background: #FFF;
3493    padding: 16px;
3494}
3495
3496.header-user_menu-list {
3497    margin-top: 16px;
3498}
3499
3500.header-user_menu-list li {
3501    border-bottom: 1px solid #E3E3E4;
3502    display: flex;
3503    justify-content: space-between;
3504}
3505
3506.header-user_menu-list li:first-child {
3507    border-top: 1px solid #E3E3E4;
3508}
3509
3510.header-user_menu-list a {
3511    padding-top: 12px;
3512    padding-bottom: 12px;
3513    color: #525658;
3514    font-weight: 400;
3515    font-size: 14px;
3516    line-height: 21px;
3517    display: block;
3518}
3519
3520.header-user_menu .switch-mode-tool {
3521    display: inline-flex;
3522    padding: 0;
3523    margin-top: 0;
3524    border: none;
3525}
3526
3527.header-user_menu .switch-mode-tool .form-check-input {
3528    width: 48px;
3529}
3530
3531.header-user_menu .switch-mode-tool .form-check-input::after {
3532    left: 2px;
3533    top: 2px;
3534    width: 20px;
3535    height: 20px;
3536}
3537
3538.header-user_menu-actions {
3539    margin-top: 16px;
3540}
3541
3542.header-user_menu-actions .btn {
3543    width: 100%;
3544    padding-top: 7px;
3545    padding-bottom: 7px;
3546    border-radius: 4px;
3547    font-weight: 500;
3548    font-size: 12px;
3549}
3550
3551.header-user_menu-actions .btn-support {}
3552
3553.header-user_menu-actions .btn-logout {
3554    border: 1px solid #E2464C;
3555    color: #E2464C;
3556    margin-top: 8px;
3557}
3558
3559
3560/* tools-menu */
3561
3562.tools-menu {
3563    display: flex;
3564    align-items: center;
3565    color: #525658;
3566    padding-right: 10px;
3567    margin-right: 4px;
3568    position: relative;
3569}
3570
3571.tools-menu.current {
3572    color: #1A8FE3;
3573}
3574
3575.tools-menu.current .tools-menu_icon-arrow {
3576    transform: rotate(180deg);
3577}
3578
3579.tools-menu::after {
3580    content: "";
3581    position: absolute;
3582    top: 50%;
3583    right: 0;
3584    transform: translateY(-50%);
3585    width: 1px;
3586    height: 12px;
3587    background-color: #E3E3E4;
3588}
3589
3590.tools-menu_icon-grid {
3591    width: 20px;
3592    height: 20px;
3593    transition: color .2s linear;
3594}
3595
3596.tools-menu_icon-arrow {
3597    width: 12px;
3598    height: 12px;
3599    margin-left: 6px;
3600    transition: transform, color .2s linear;
3601}
3602
3603.tools-menu svg {
3604    width: 100%;
3605    height: 100%;
3606    vertical-align: top;
3607}
3608
3609@media (min-width: 767px) {
3610    .tools-menu {
3611        margin-right: 12px;
3612    }
3613}
3614
3615@media (min-width: 992px) {
3616    .tools-menu {
3617        display: none;
3618    }
3619    .sticky-top-group .button-switch-mode {
3620        margin: 0 0 0 20px;
3621    }
3622    .sticky-top-group .header-search {
3623        display: inline-block;
3624        width: auto;
3625        height: auto;
3626    }
3627    .header-search .form-control {
3628        padding: 16.5px 16.5px 16px 46px;
3629        font-size: 10px;
3630        background-color: #F6F6F6;
3631        border-radius: 8px;
3632        border: none;
3633        outline: none;
3634        color: #707375;
3635    }
3636    .header-search_form .button {
3637        padding: 0 10px;
3638        top: 0;
3639        left: 3px;
3640    }
3641    .sticky-top-group .hamburger-menu {
3642        margin-left: 12px;
3643    }
3644    .modal-share .modal-title {
3645        font-size: 20px;
3646    }
3647    .modal-share .modal-header-text {
3648        font-size: 14px;
3649    }
3650    /* modal-choose-options */
3651    .modal-choose-options .modal-dialog {
3652        max-width: 616px;
3653    }
3654    .choose-options_label {
3655        min-height: 114px;
3656    }
3657}
3658
3659
3660/* .faq_item_box */
3661
3662.faq_item_box {}
3663
3664.faq_item_box .card {
3665    margin-top: 24px;
3666    border: none;
3667    border-radius: 12px;
3668    width: 100%;
3669}
3670
3671.faq_item_box .card-body {
3672    padding: 0;
3673}
3674
3675.faq_item_box .card-title {
3676    color: #707375;
3677    font-size: 18px;
3678    font-weight: 500;
3679    margin-bottom: 0;
3680    min-height: 20px;
3681    -webkit-transition: color .2s linear;
3682    -o-transition: color .2s linear;
3683    transition: color .2s linear;
3684    cursor: pointer;
3685    position: relative;
3686    padding: 24px 64px 24px 24px
3687}
3688
3689.faq_item_box .card-action {
3690    position: absolute;
3691    top: 50%;
3692    margin-top: -12px;
3693    right: 24px;
3694    width: 24px;
3695    height: 24px;
3696    overflow: hidden;
3697    display: block;
3698}
3699
3700.faq_item_box .card-action img {
3701    max-width: 100%;
3702}
3703
3704.faq_item_box .card-action-plus {}
3705
3706.faq_item_box .card-action-minus {
3707    display: none;
3708}
3709
3710.faq_item_box .card-content {
3711    padding: 0 24px 24px;
3712    display: none;
3713}
3714
3715.faq_item_box .card-text {
3716    color: #828586;
3717    font-size: 16px;
3718    font-weight: 400;
3719}
3720
3721.faq_item_box .card-title.is-active+.card-content {
3722    display: block;
3723}
3724
3725.faq_item_box .card-title.is-active {
3726    color: #1A8FE3;
3727}
3728
3729.faq_item_box .card-title.is-active .card-action-plus {
3730    display: none;
3731}
3732
3733.faq_item_box .card-title.is-active .card-action-minus {
3734    display: block;
3735}
3736
3737.modal-share {}
3738
3739.modal-share .modal-content {
3740    border-radius: 12px;
3741}
3742
3743.modal-share .modal-header {
3744    border: none;
3745    padding: 40px 40px 0;
3746    display: block;
3747}
3748
3749.modal-share.ctrl-modal .modal-header {
3750    text-align: left;
3751}
3752
3753.modal-share .modal-title {
3754    color: #181D20;
3755    font-weight: bold;
3756    font-size: 24px;
3757    margin-bottom: 8px;
3758}
3759
3760.modal-share .modal-header-text {
3761    color: #828586;
3762    font-size: 16px;
3763}
3764
3765.modal-share .modal-header .close {
3766    position: absolute;
3767    top: 24px;
3768    right: -8px;
3769}
3770
3771.modal-share .modal-body {
3772    padding: 8px 40px 40px;
3773}
3774
3775.modal-share .social_icon {
3776    text-align: left;
3777    display: -webkit-box;
3778    display: -ms-flexbox;
3779    display: flex;
3780    -webkit-box-pack: justify;
3781    -ms-flex-pack: justify;
3782    justify-content: space-between;
3783    -ms-flex-wrap: wrap;
3784    flex-wrap: wrap;
3785    margin-left: -8px;
3786    margin-right: -8px;
3787}
3788
3789.modal-share .social_icon a {
3790    width: 48px;
3791    height: 48px;
3792    background-color: #fff;
3793    border: 1px solid #E3E3E4;
3794    line-height: 46px;
3795    -ms-flex-negative: 0;
3796    flex-shrink: 0;
3797    margin-left: 8px;
3798    margin-right: 8px;
3799    margin-top: 16px;
3800}
3801
3802.modal-share .input-group {
3803    margin-top: 40px;
3804}
3805
3806.modal-share .form-control {
3807    padding: 13px 6px 11px 16px;
3808    font-size: 14px;
3809    border-radius: 8px 0 0 8px;
3810    border-color: #E3E3E4;
3811    border-right-width: 0;
3812    height: 44px;
3813}
3814
3815.modal-share .form-control:focus {
3816    outline: none;
3817    -webkit-box-shadow: none;
3818    box-shadow: none;
3819}
3820
3821.modal-share .input-group-append .btn {
3822    padding: 13px 8px 10px 6px;
3823    font-size: 12px;
3824    color: #1A8FE3;
3825    font-weight: 600;
3826    border-radius: 0 8px 8px 0;
3827    border-color: #E3E3E4;
3828    border-left-width: 0;
3829}
3830
3831.modal-share .input-group-append .btn:hover {
3832    background: none;
3833}
3834
3835
3836/* modal-files */
3837
3838.modal-files .modal-dialog {
3839    max-width: 723px;
3840}
3841
3842.modal-files .modal-header {
3843    border: none;
3844    padding: 40px 40px 0;
3845    -webkit-box-align: center;
3846    -ms-flex-align: center;
3847    align-items: center;
3848}
3849
3850.modal-files .modal-title {
3851    color: #181D20;
3852    font-weight: bold;
3853    font-size: 24px;
3854    margin-bottom: 8px;
3855}
3856
3857.modal-files .modal-header-text {
3858    color: #828586;
3859    font-size: 16px;
3860}
3861
3862.modal-files .button-delete-all {
3863    background-color: #D0726C;
3864    border-radius: 10px;
3865    padding: 10px 24px;
3866}
3867
3868.modal-files .modal-body {
3869    padding: 8px 40px 40px;
3870}
3871
3872
3873/* files */
3874
3875.files {}
3876
3877.files_group {
3878    border-top: 1px solid #E3E3E4;
3879    padding-top: 16px;
3880    padding-bottom: 16px;
3881}
3882
3883.files_group:first-child {
3884    border: none;
3885}
3886
3887.files_item {
3888    display: -webkit-box;
3889    display: -ms-flexbox;
3890    display: flex;
3891    -webkit-box-align: center;
3892    -ms-flex-align: center;
3893    align-items: center;
3894    -webkit-box-pack: justify;
3895    -ms-flex-pack: justify;
3896    justify-content: space-between;
3897    position: relative;
3898}
3899
3900.files_name {
3901    border: 1px solid #EFEFEF;
3902    -webkit-box-sizing: border-box;
3903    box-sizing: border-box;
3904    border-radius: 10px;
3905    width: 158px;
3906    -o-text-overflow: ellipsis;
3907    text-overflow: ellipsis;
3908    overflow: hidden;
3909    padding-top: 10px;
3910    padding-bottom: 10px;
3911    padding-left: 16px;
3912    font-size: 14px;
3913    font-weight: 400;
3914    white-space: nowrap;
3915    -ms-flex-negative: 0;
3916    flex-shrink: 0;
3917}
3918
3919.files_name svg {
3920    margin-right: 4px;
3921    vertical-align: -5px;
3922    width: 20px;
3923    height: 21px;
3924    color: #1A8FE3;
3925    flex-shrink: 0;
3926}
3927
3928.files_tools {
3929    display: -webkit-box;
3930    display: -ms-flexbox;
3931    display: flex;
3932    -webkit-box-align: center;
3933    -ms-flex-align: center;
3934    align-items: center;
3935}
3936
3937.files_tools-group {
3938    display: -webkit-box;
3939    display: -ms-flexbox;
3940    display: flex;
3941    -webkit-box-align: center;
3942    -ms-flex-align: center;
3943    align-items: center;
3944}
3945
3946.files_note {
3947    font-size: 12px;
3948    color: #A7A9AA;
3949    margin-right: 16px;
3950}
3951
3952.files_note-colored {
3953    color: #DDBE22;
3954}
3955
3956.button-tool {
3957    width: 40px;
3958    height: 40px;
3959    -webkit-box-sizing: border-box;
3960    box-sizing: border-box;
3961    text-align: center;
3962    line-height: 40px;
3963    padding: 0;
3964    background: #fff;
3965    font-size: 0;
3966}
3967
3968.button-tool_menu {
3969    display: none;
3970    background-color: #EFF7FD;
3971    width: 32px;
3972    height: 32px;
3973    line-height: 32px;
3974}
3975
3976.button-tool_menu:hover {
3977    background-color: #EFF7FD;
3978}
3979
3980.button-tool_download {
3981    -webkit-box-ordinal-group: 3;
3982    -ms-flex-order: 2;
3983    order: 2;
3984}
3985
3986.button-tool_icon {
3987    width: 24px;
3988    height: 24px;
3989    fill: none;
3990    transition: fill .2s linear;
3991}
3992
3993.button-tool_delete {
3994    color: #D0726C;
3995}
3996
3997.button-tool_delete:hover {
3998    background-color: #F9EEED;
3999    color: #D0726C;
4000}
4001
4002.button-tool_delete:hover .button-tool_icon {
4003    fill: #D0726C;
4004}
4005
4006.button-tool_download {
4007    color: #1A8FE3;
4008}
4009
4010.button-tool_download:hover {
4011    background-color: rgb(26 143 227 / 10%);
4012    color: #1A8FE3;
4013}
4014
4015.button-tool_menu {
4016    background: none;
4017}
4018
4019.button-tool_menu .button-tool_icon {
4020    width: 16px;
4021    height: 16px;
4022}
4023
4024.button-tool_menu {
4025    color: #1A8FE3;
4026}
4027
4028.button-tool_menu:hover {
4029    color: #1A8FE3;
4030}
4031
4032.button-select {
4033    margin-left: 8px;
4034    font-size: 14px;
4035    padding: 9px 24px;
4036    border-radius: 10px;
4037}
4038
4039.files_tree {
4040    position: relative;
4041}
4042
4043.files_tree:before {
4044    content: "";
4045    display: block;
4046    height: calc(100% - 22px);
4047    background-color: #E3E3E4;
4048    position: absolute;
4049    top: -4px;
4050    left: 14.4px;
4051    width: 1px;
4052}
4053
4054.files_tree .files_item {
4055    padding-left: 40px;
4056    margin-top: 12px;
4057}
4058
4059.files_tree .files_item:before {
4060    content: "";
4061    display: block;
4062    width: 14px;
4063    height: 28px;
4064    background-image: url("/v3/img/arrow-tree.svg");
4065    background-repeat: no-repeat;
4066    background-position: 0 0;
4067    position: absolute;
4068    top: 0;
4069    left: 14px;
4070}
4071
4072.files_tree .files_name {
4073    width: 117px;
4074}
4075
4076
4077/* modal-choose-options */
4078
4079.modal-choose-options .modal-dialog {
4080    max-width: 892px;
4081}
4082
4083.modal-choose-options .modal-content {
4084    border-radius: 12px;
4085}
4086
4087.modal-choose-options .modal-header {
4088    border: none;
4089    padding: 40px 40px 0;
4090    display: block;
4091}
4092
4093.modal-choose-options .modal-title {
4094    color: #181D20;
4095    font-weight: bold;
4096    font-size: 24px;
4097    margin-bottom: 8px;
4098}
4099
4100.modal-choose-options .modal-header-text {
4101    color: #828586;
4102    font-size: 16px;
4103}
4104
4105.modal-choose-options .button-delete-all {
4106    background-color: #D0726C;
4107    border-radius: 10px;
4108    padding: 10px 24px;
4109}
4110
4111.modal-choose-options .modal-body {
4112    padding: 8px 40px 40px;
4113}
4114
4115
4116/* choose-options */
4117
4118.choose-options {}
4119
4120.choose-options_group {
4121    display: flex;
4122    flex-wrap: wrap;
4123    align-items: stretch;
4124    margin-left: -7px;
4125    margin-right: -7px;
4126}
4127
4128.choose-options_item {
4129    position: relative;
4130    overflow: hidden;
4131    width: 260px;
4132    min-height: 114px;
4133    margin-left: 7px;
4134    margin-right: 7px;
4135    margin-top: 16px;
4136}
4137
4138.choose-options_input {
4139    position: absolute;
4140    bottom: 100%;
4141    right: 100%;
4142}
4143
4144.choose-options_input:checked~.choose-options_label {
4145    border-color: #1A8FE3;
4146    background-color: #F6FBFE;
4147}
4148
4149.choose-options_label {
4150    border: 1px solid #EFEFEF;
4151    box-sizing: border-box;
4152    border-radius: 10px;
4153    display: block;
4154    width: inherit;
4155    height: 100%;
4156    padding: 12px;
4157    cursor: pointer;
4158}
4159
4160.choose-options_name {
4161    color: #181D20;
4162    font-weight: 500;
4163    font-size: 14px;
4164    line-height: 140%;
4165    margin-bottom: 8px;
4166}
4167
4168.choose-options_text {
4169    font-size: 12px;
4170    line-height: 18px;
4171    letter-spacing: 0.005em;
4172    color: #707375;
4173}
4174
4175.choose-options_note {
4176    font-style: italic;
4177    font-size: 12px;
4178    line-height: 18px;
4179    color: #525658;
4180    text-align: center;
4181    margin-top: 32px;
4182}
4183
4184.choose-options_note a {
4185    color: #D0726C;
4186    text-decoration: none;
4187}
4188
4189.choose-options_note a:hover {
4190    text-decoration: underline;
4191}
4192
4193.choose-options_button {
4194    display: block;
4195    width: 100%;
4196    margin-top: 16px;
4197    border-radius: 14px;
4198    padding-top: 16px;
4199    padding-bottom: 16px;
4200}
4201
4202.choose-options_button:disabled {
4203    background: #C8C9CA;
4204}
4205
4206.counter {
4207    font-weight: 400;
4208    font-size: 12px;
4209    line-height: 18px;
4210    letter-spacing: 0.005em;
4211    color: #A7A9AA;
4212    margin-left: 7px;
4213    cursor: context-menu;
4214    margin-bottom: 8px;
4215}
4216
4217@media (max-width: 1199px) {
4218    .header-tools {
4219        margin-right: 6px;
4220        margin-left: 6px;
4221        padding-left: 6px;
4222        padding-right: 6px;
4223        min-width: 96px;
4224    }
4225    .header-tools .button {
4226        width: 22px;
4227        height: 22px;
4228    }
4229    .btn-support {
4230        margin-left: -55px;
4231    }
4232    .button-switch-mode {
4233        /*margin-left: -57px;
4234margin-right: 56px;*/
4235    }
4236    .btn-support {
4237        font-size: 12px;
4238    }
4239    .button-sign-in {
4240        font-size: 12px;
4241        padding: 5px 18px 4px;
4242    }
4243    .menu2 li a {
4244        padding-top: 7px;
4245    }
4246}
4247
4248@media (max-width: 992px) {
4249    .sticky-top-group .button-share-box {
4250        display: none;
4251    }
4252    .sticky-top-group .button {
4253        font-size: 12px;
4254        padding: 5px 16px;
4255        vertical-align: middle;
4256    }
4257    .sticky-top-group .button-files {
4258        padding-top: 7px;
4259        padding-bottom: 7px;
4260    }
4261    .sticky-top-group .button-share img {
4262        width: 12px;
4263        height: 12px;
4264        margin-right: 6px;
4265    }
4266    .menu2~.sticky-top-group .button-share-box {
4267        display: block;
4268    }
4269    .menu2 .sticky-top-group .button-switch-mode {
4270        display: none;
4271    }
4272    .sticky-top-group .button-share {
4273        display: none;
4274    }
4275    .sticky-top-group .button-switch-mode {
4276        margin: 0 0 0 20px;
4277    }
4278    .sticky-top-group .header-search {
4279        display: inline-block;
4280        width: auto;
4281        height: auto;
4282    }
4283    .header-search .form-control {
4284        padding: 16.5px 16.5px 16px 46px;
4285        font-size: 10px;
4286        background-color: #F6F6F6;
4287        border-radius: 8px;
4288        border: none;
4289        outline: none;
4290        color: #707375;
4291    }
4292    .header-search_form .button {
4293        padding: 14px 10px 10px;
4294        top: 0;
4295        left: 6px;
4296    }
4297    .sticky-top-group .hamburger-menu {
4298        margin-left: 12px;
4299    }
4300    .modal-share.ctrl-modal .modal-header {
4301        text-align: left;
4302    }
4303    .modal-share .modal-title {
4304        font-size: 20px;
4305    }
4306    .modal-share .modal-header-text {
4307        font-size: 14px;
4308    }
4309    /* modal-choose-options */
4310    .modal-choose-options .modal-dialog {
4311        max-width: 616px;
4312    }
4313    .choose-options_label {
4314        min-height: 114px;
4315    }
4316}
4317
4318@media (max-width: 767px) {
4319    .modal-share .modal-header,
4320    .modal-choose-options .modal-header {
4321        padding: 24px 24px 0;
4322    }
4323    .modal-share .modal-body,
4324    .modal-choose-options .modal-body {
4325        padding: 8px 24px 24px;
4326    }
4327    .modal-share.ctrl-modal .modal-body {
4328        padding-left: 16px;
4329        padding-right: 16px;
4330    }
4331    .modal-share .social_icon {
4332        -webkit-box-pack: center;
4333        -ms-flex-pack: center;
4334        justify-content: center;
4335        margin-left: 0;
4336        margin-right: 0;
4337    }
4338    .modal-share .modal-title,
4339    .modal-choose-options .modal-title {
4340        font-size: 18px;
4341    }
4342    .modal-share .modal-header-text,
4343    .modal-choose-options .modal-header-text {
4344        font-size: 12px;
4345    }
4346    .modal-share .input-group {
4347        margin-top: 24px;
4348    }
4349    .modal-share .form-control {
4350        height: 40px;
4351    }
4352    .modal-share .input-group-append .btn {
4353        padding: 10px 8px 10px 6px;
4354    }
4355    .faq_item_box .card {
4356        margin-top: 16px;
4357    }
4358    .faq_item_box .card-title {
4359        font-size: 12px;
4360        padding: 16px 40px 16px 12px;
4361    }
4362    .faq_item_box .card-action {
4363        width: 18px;
4364        height: 18px;
4365        margin-top: -9px;
4366        right: 12px;
4367    }
4368    .faq_item_box .card-text {
4369        font-size: 10px;
4370    }
4371    .faq_item_box .card-content {
4372        padding: 0 12px 16px 12px;
4373    }
4374    .sticky-top-group .button-files {
4375        font-size: 0;
4376        padding-left: 6px;
4377        padding-right: 6px;
4378        padding-top: 4px;
4379        padding-bottom: 4px;
4380    }
4381    .button-files img {
4382        margin-right: 0;
4383    }
4384    .sticky-top-group .button-share {
4385        margin-left: 4px;
4386    }
4387    .sticky-top-group .header-search_group {
4388        position: fixed;
4389        top: 0;
4390        left: 0;
4391        width: 100%;
4392        height: 100%;
4393        background-color: #fff;
4394        padding-left: 0;
4395        padding-right: 0;
4396        display: none;
4397        z-index: 1000;
4398    }
4399    .header-search_group.is-active {
4400        display: block;
4401    }
4402    .sticky-top-group .header-search_form {
4403        height: 69px;
4404        position: relative;
4405    }
4406    .sticky-top-group .header-search .form-control {
4407        border: none;
4408        padding-top: 18px;
4409        padding-bottom: 18px;
4410        border-radius: 0;
4411        border-bottom: 1px solid #E3E3E4;
4412        padding-left: 61px;
4413        padding-right: 50px;
4414        font-size: 14px;
4415    }
4416    .sticky-top-group .header-search .form-control:focus {
4417        outline: none;
4418        box-shadow: none;
4419    }
4420    .header-search_results {
4421        display: none;
4422    }
4423    .sticky-top-group .header-search_results--mobile {
4424        position: absolute;
4425        top: 70px;
4426        height: calc(100vh - 70px);
4427        overflow-y: auto;
4428        box-shadow: none;
4429        padding-left: 24px;
4430        padding-right: 24px;
4431        padding-bottom: 16px;
4432        margin-top: 0;
4433    }
4434    .sticky-top-group .header-search_form .header-search_back,
4435    .sticky-top-group .header-search_form .header-search_clear {
4436        position: absolute;
4437        top: 50%;
4438        transform: translateY(-50%);
4439        padding: 10px;
4440        width: 41px;
4441        height: 41px;
4442        display: block;
4443    }
4444    .sticky-top-group .header-search_submit {
4445        display: none;
4446    }
4447    .sticky-top-group .header-search_form .header-search_back {
4448        left: 14px;
4449    }
4450    .sticky-top-group .header-search_form .header-search_clear {
4451        transform: translateY(-50%) rotate(45deg);
4452        right: 14px;
4453        left: auto;
4454        width: 35px;
4455        height: 35px;
4456    }
4457    .sticky-top-group .header-search_example {
4458        display: flex;
4459        max-width: 100%;
4460        overflow-x: auto;
4461        margin-left: 24px;
4462        margin-right: 12px;
4463        margin-top: 16px;
4464        padding-bottom: 14px;
4465    }
4466    .sticky-top-group .header-search .tools_box {
4467        border: 1px solid #E3E3E4;
4468        padding: 8px;
4469        flex-shrink: 0;
4470        min-width: fit-content;
4471        border-radius: 6px;
4472        height: auto;
4473    }
4474    .header-search_example .tools_box {
4475        margin-right: 12px;
4476    }
4477    .header-search_example .tools_box .icon_box {
4478        width: 24px;
4479        height: 24px;
4480        margin-right: 8px;
4481    }
4482    .header-search_example .tools_box h4 {
4483        color: #707375;
4484        font-weight: 500;
4485        font-size: 12px;
4486        line-height: 18px;
4487        margin-top: 3px;
4488    }
4489    .header-search_popular {
4490        margin-top: 10px;
4491        padding-left: 24px;
4492        padding-right: 24px;
4493        height: calc(100vh - 150px);
4494        overflow-y: auto;
4495        padding-bottom: 16px;
4496        display: block;
4497    }
4498    .header-search_popular h6 {
4499        font-weight: 600;
4500        font-size: 16px;
4501        line-height: 24px;
4502        color: #181D20;
4503    }
4504    .header-search_popular .tools_box,
4505    .header-search_results .tools_box {
4506        margin-top: 16px;
4507    }
4508    .header-search_results .tools_box h4 {
4509        color: #828586;
4510        font-weight: 500;
4511    }
4512    .header-search_results .tools_box h4 span {
4513        color: #181D20;
4514        font-weight: 600;
4515    }
4516    /* .modal-choose-options */
4517    .choose-options_group {
4518        display: block;
4519        margin-left: 0;
4520        margin-right: 0;
4521    }
4522    .choose-options_item {
4523        width: auto;
4524        margin-left: 0;
4525        margin-right: 0;
4526    }
4527    .choose-options_note {
4528        margin-top: 24px;
4529        max-width: 250px;
4530        margin-left: auto;
4531        margin-right: auto;
4532    }
4533    .choose-options_button {
4534        padding-top: 10px;
4535        padding-bottom: 10px;
4536        border-radius: 12px;
4537        margin-top: 8px;
4538    }
4539    /* .modal-files*/
4540    .modal-files .modal-header {
4541        padding: 24px 24px 0;
4542        display: block;
4543    }
4544    .modal-files .modal-title {
4545        font-size: 18px;
4546    }
4547    .modal-files .modal-header-text {
4548        font-size: 12px;
4549    }
4550    .modal-files .button-delete-all {
4551        padding: 10px 24px;
4552        display: block;
4553        margin-top: 16px;
4554    }
4555    .modal-files .modal-body {
4556        padding: 14px 24px 24px;
4557    }
4558    .button-tool_menu {
4559        display: block;
4560    }
4561    .files_tools-group.is-active {
4562        display: block;
4563    }
4564    .files_tools-group {
4565        display: none;
4566        position: absolute;
4567        bottom: 100%;
4568        left: 50%;
4569        -webkit-transform: translateX(-50%);
4570        -ms-transform: translateX(-50%);
4571        transform: translateX(-50%);
4572        width: 150px;
4573        background: #FFF;
4574        -webkit-box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05);
4575        box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05);
4576        border-radius: 10px;
4577        padding-left: 8px;
4578        padding-right: 8px;
4579    }
4580    .files_tree .files_item {
4581        padding-left: 36px;
4582    }
4583    .files_name {
4584        width: 140px;
4585        font-size: 12px;
4586    }
4587    .files_tree .files_name {
4588        width: 105px;
4589    }
4590    .files_note {
4591        margin-right: 0;
4592        font-size: 10px;
4593        padding-top: 8px;
4594        padding-bottom: 8px;
4595        line-height: 1.5;
4596    }
4597    .button-select {
4598        padding: 7px 16px;
4599        font-size: 12px;
4600    }
4601    .button-tool_download,
4602    .button-tool_delete {
4603        display: block;
4604        background: none;
4605        font-weight: 500;
4606        font-size: 10px;
4607        width: auto;
4608        height: auto;
4609        padding-top: 8px;
4610        padding-bottom: 8px;
4611        border-top: 1px solid #EFEFEF;
4612        text-align: left;
4613        line-height: 1.2;
4614        border-radius: 0;
4615    }
4616    .button.button-tool_download,
4617    .button.button-tool_delete {
4618        font-size: 10px;
4619    }
4620    .button-tool_download {
4621        color: #1A8FE3;
4622    }
4623    .button-tool_delete {
4624        color: #D0726C;
4625    }
4626    .button-tool_download:hover,
4627    .button-tool_delete:hover {
4628        background: none;
4629    }
4630    .button-tool_download:hover {
4631        color: #1A8FE3;
4632    }
4633    .button-tool_delete:hover {
4634        color: #D0726C;
4635    }
4636    .button-tool_download .button-tool_icon,
4637    .button-tool_delete .button-tool_icon {
4638        margin-right: 4px;
4639        vertical-align: -3px;
4640        width: 16px;
4641        height: 16px;
4642    }
4643}
4644
4645@media (max-width: 375px) {
4646    .sticky-top-group .button-share {
4647        padding-left: 13px;
4648        padding-right: 13px;
4649    }
4650    .sticky-top-group .button-switch-mode {
4651        margin-left: 12px;
4652    }
4653    .sticky-top-group .hamburger-menu {
4654        margin-left: 12px;
4655    }
4656    .modal-files .modal-body {
4657        padding-left: 10px;
4658        padding-right: 10px;
4659    }
4660    .modal-files .modal-header {
4661        padding-left: 10px;
4662        padding-right: 10px;
4663    }
4664}
4665
4666
4667/****** dark-mode ******/
4668
4669.dark-mode {
4670    color: #EFEFEF;
4671    background-color: #1F2A33;
4672}
4673
4674.dark-mode main {
4675    background-color: #1F2A33;
4676}
4677
4678.dark-mode header {
4679    background-color: #1A252E;
4680}
4681
4682.dark-mode .logo {
4683    display: flex;
4684    align-items: center;
4685}
4686
4687.dark-mode header .img-fluid.logo-normal {
4688    display: none;
4689}
4690
4691.dark-mode header .img-fluid.logo-dark {
4692    display: block;
4693}
4694
4695.dark-mode .logo span {
4696    color: #EFEFEF;
4697}
4698
4699.dark-mode .menu2 li a {
4700    color: #fff;
4701}
4702
4703.dark-mode .drop_menu>a::after {
4704    border-right-color: #fff;
4705    border-bottom-color: #fff;
4706}
4707
4708.dark-mode .menu2>li>ul {
4709    background-color: #223544;
4710    border-radius: 10px;
4711}
4712
4713.dark-mode .multilavel>ul {
4714    background-color: #223544;
4715}
4716
4717.dark-mode .header-tools .button {
4718    background: #223544;
4719    border-color: #828586;
4720}
4721
4722.dark-mode .header-tools .button img {
4723    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4724    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4725}
4726
4727.dark-mode .button-files {
4728    border: none;
4729}
4730
4731.dark-mode .switch-mode-icon_sun {
4732    display: block;
4733}
4734
4735.dark-mode .switch-mode-icon_moon {
4736    display: none;
4737}
4738
4739.dark-mode .header-search .form-control {
4740    background-color: #223544;
4741    color: #fff;
4742}
4743
4744.dark-mode .header-search .form-control::placeholder {
4745    color: #EFEFEF;
4746}
4747
4748.dark-mode .header-search .button img {
4749    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4750    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4751}
4752
4753.dark-mode .header-search_results {
4754    background-color: #1A252E;
4755}
4756
4757.dark-mode .header-search_results-list a {
4758    color: #EFEFEF;
4759}
4760
4761.dark-mode .header-search_results-list a img {
4762    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4763    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%);
4764}
4765
4766.dark-mode .header-search_results-list li {
4767    border-bottom-color: #828586;
4768}
4769
4770.dark-mode .header-user_menu-box {
4771    background-color: #1A252E;
4772}
4773
4774.dark-mode .header-user_menu::before {
4775    border-bottom-color: #1A252E;
4776}
4777
4778.dark-mode .user-bar_name {
4779    color: #fff;
4780}
4781
4782.dark-mode .user-bar_plan {
4783    color: #EFEFEF;
4784}
4785
4786.dark-mode .header-user_menu-list li {
4787    border-bottom-color: #828586;
4788}
4789
4790.dark-mode .header-user_menu-list li:first-child {
4791    border-top-color: #828586;
4792}
4793
4794.dark-mode .header-user_menu-list a {
4795    color: #fff;
4796}
4797
4798.dark-mode .expand_menu-box {
4799    background-color: #1A262F;
4800}
4801
4802.dark-mode .switch-mode-tool .form-check-input {
4803    background: #273744;
4804}
4805
4806.dark-mode .switch-mode-tool .form-check-input::after {
4807    background-color: #7a8289;
4808}
4809
4810.dark-mode .expand_menu-box .category-tools__item h4,
4811.dark-mode .expand_menu-box .category-tools__item a {
4812    color: #fff;
4813}
4814
4815.dark-mode .expand_menu-box .category-tools__descr,
4816.dark-mode .expand_menu-name-categiry,
4817.dark-mode .expand_menu .mega_menu li a {
4818    color: #EFEFEF;
4819}
4820
4821.dark-mode .expand_menu .gray {
4822    color: #EFEFEF !important;
4823}
4824
4825.dark-mode .drop_menu.is-opened,
4826.dark-mode .menu2 li .category-tools__item:hover {
4827    background-color: #223544;
4828}
4829
4830.dark-mode .tags-box--tools span {
4831    color: #fff;
4832}
4833
4834.dark-mode .tags-box--tools .tag-item {
4835    background-color: #223544;
4836}
4837
4838.dark-mode .home_area h1 {
4839    color: #fff;
4840}
4841
4842.dark-mode .home_area {
4843    background: #1A252E;
4844}
4845
4846.dark-mode .home_area .gray,
4847.dark-mode .present_area .gray {
4848    color: #EFEFEF !important;
4849}
4850
4851.dark-mode .search_group input {
4852    background-color: #223544;
4853    color: #EFEFEF;
4854}
4855
4856.dark-mode .search_group input::-webkit-input-placeholder {
4857    color: #EFEFEF;
4858}
4859
4860.dark-mode .search_group input::-moz-placeholder {
4861    color: #EFEFEF;
4862}
4863
4864.dark-mode .search_group input:-ms-input-placeholder {
4865    color: #EFEFEF;
4866}
4867
4868.dark-mode .search_group input::-ms-input-placeholder {
4869    color: #EFEFEF;
4870}
4871
4872.dark-mode .search_group input::placeholder {
4873    color: #EFEFEF;
4874}
4875
4876.dark-mode .tools__span {
4877    color: #EFEFEF;
4878}
4879
4880.dark-mode .tools__footer {
4881    background-color: #223544;
4882}
4883
4884.dark-mode .tag_box a {
4885    background-color: #1F2A33;
4886    color: #1A8FE3;
4887}
4888
4889.dark-mode .title,
4890.dark-mode .step_box h4 {
4891    color: #fff;
4892}
4893
4894.dark-mode .tools_box {
4895    background-color: #1A252E;
4896}
4897
4898.dark-mode .elect {
4899    background-color: #525658;
4900    color: #828586;
4901}
4902
4903.dark-mode .tools_box .icon_box {
4904    background-color: #415461;
4905}
4906
4907.dark-mode .tools__item.color-violet .tools__footer>div {
4908    background-color: #423D5C;
4909}
4910
4911.dark-mode .color-violet {
4912    color: #B1A3F5;
4913}
4914
4915.dark-mode .tools__item.color-orange .tools__footer>div {
4916    background-color: #5C483D;
4917}
4918
4919.dark-mode .color-orange {
4920    color: #F99058;
4921}
4922
4923.dark-mode .tools__item.color-purple .tools__footer>div {
4924    background-color: #65434C;
4925}
4926
4927.dark-mode .color-purple {
4928    color: #EB6689;
4929}
4930
4931.dark-mode .tools__item.color-blue .tools__footer>div {
4932    background-color: #3D4A5C;
4933}
4934
4935.dark-mode .color-blue {
4936    color: #66A0EA;
4937}
4938
4939.dark-mode .tools__item.color-green .tools__footer>div {
4940    background-color: #3D595C;
4941}
4942
4943.dark-mode .color-green {
4944    color: #77D0D9;
4945}
4946
4947.dark-mode .tools_box h4 {
4948    color: #fff;
4949}
4950
4951.dark-mode .icon_box.v_1 {
4952    color: #EF94A7;
4953}
4954
4955.dark-mode .icon_box.v_2 {
4956    color: #AC94EF;
4957}
4958
4959.dark-mode .icon_box.v_3 {
4960    color: #FF8FA4;
4961}
4962
4963.dark-mode .icon_box.v_4 {
4964    color: #F6BA97;
4965}
4966
4967.dark-mode .icon_box.v_5 {
4968    color: #B7AAF8;
4969}
4970
4971.dark-mode .icon_box.v_6 {
4972    color: #B7E750;
4973}
4974
4975.dark-mode .icon_box.v_8 {
4976    color: #F2CE9C;
4977}
4978
4979.dark-mode .icon_box.v_9 {
4980    color: #98E750;
4981}
4982
4983.dark-mode .icon_box.v1 {
4984    background-color: #45515E;
4985}
4986
4987.dark-mode .icon_box.v2 {
4988    background-color: #46545F;
4989}
4990
4991.dark-mode .icon_box.v3 {
4992    background-color: #46525D;
4993}
4994
4995.dark-mode .icon_box.v4 {
4996    background-color: #415461;
4997}
4998
4999.dark-mode .icon_box.v5 {
5000    background-color: #425161;
5001}
5002
5003.dark-mode .icon_box.v6 {
5004    background-color: #415262;
5005}
5006
5007.dark-mode .icon_box.v7 {
5008    background-color: #43545E;
5009}
5010
5011.dark-mode .icon_box.v8 {
5012    background-color: #46505E;
5013}
5014
5015.dark-mode .icon_box.v9 {
5016    background-color: #46515D;
5017}
5018
5019.dark-mode .icon_box.v10 {
5020    background-color: #46515D;
5021}
5022
5023.dark-mode .icon_box.v11 {
5024    background-color: #46505E;
5025}
5026
5027.dark-mode .icon_box.v12 {
5028    background-color: #425161;
5029}
5030
5031.dark-mode .icon_box.v13 {
5032    background-color: #43545E;
5033}
5034
5035.dark-mode .icon_box.v14 {
5036    background-color: #415261;
5037}
5038
5039.dark-mode .icon_box.v15 {
5040    background-color: #46535D;
5041}
5042
5043.dark-mode .icon_box.v5 img {
5044    -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%);
5045    filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%);
5046}
5047
5048.dark-mode .tools_area .button {
5049    -webkit-box-shadow: 0 16px 18px rgb(26 143 227 / 10%);
5050    box-shadow: 0 16px 18px rgb(26 143 227 / 10%);
5051}
5052
5053.dark-mode .statistic {
5054    background-color: #273744;
5055}
5056
5057.dark-mode .statistic__text {
5058    color: #F6F6F6;
5059}
5060
5061.dark-mode .tools_area.check-tools {
5062    background-color: #273744;
5063}
5064
5065.dark-mode .check-tools .gray {
5066    color: #EFEFEF !important;
5067}
5068
5069.dark-mode .filter {
5070    background-color: #212D36;
5071    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
5072}
5073
5074.dark-mode .filter__category {
5075    color: #F6F6F6;
5076}
5077
5078.dark-mode .present__button {
5079    background: #223544;
5080    border-color: #828586;
5081}
5082
5083.dark-mode .present__button path {
5084    stroke: #EFEFEF;
5085}
5086
5087.dark-mode .present__button.is-active {
5088    background: #1A8FE3;
5089    border-color: #1A8FE3;
5090}
5091
5092.dark-mode .present-card {
5093    background-color: #223544;
5094}
5095
5096.dark-mode .present-card__name {
5097    color: #FFFFFF;
5098}
5099
5100.dark-mode .present-card__bg {
5101    /*background-color: #496B83;*/
5102}
5103
5104.dark-mode .price_box {
5105    background-color: #223544;
5106    border-color: #707375;
5107}
5108
5109.dark-mode .price_box h4 {
5110    color: #E3E3E4;
5111}
5112
5113.dark-mode .price_box h3 span {
5114    color: #E3E3E4;
5115}
5116
5117.dark-mode .price_box ul li {
5118    color: #EFEFEF;
5119}
5120
5121.dark-mode .price_box ul li::before {
5122    background-image: url(/v3/img/check-dark.svg);
5123}
5124
5125.dark-mode .price_box .button.default {
5126    background-color: #404A54;
5127}
5128
5129.dark-mode .contact_area {
5130    position: relative;
5131}
5132
5133.dark-mode .contact_area label {
5134    color: #F6F6F6;
5135}
5136
5137.dark-mode .contact_area input,
5138.dark-mode .contact_area textarea {
5139    background-color: #223749;
5140    border: 1px solid #828586;
5141    color: #C8C9CA;
5142}
5143
5144.dark-mode .contact_area:before {
5145    content: "";
5146    width: 1200px;
5147    height: 1200px;
5148    position: absolute;
5149    bottom: -230px;
5150    right: -360px;
5151    opacity: .3;
5152    border-radius: 100%;
5153    background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5154    background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5155}
5156
5157.dark-mode .contact_area input::-webkit-input-placeholder,
5158.dark-mode .contact_area textarea::-webkit-input-placeholder {
5159    color: #C8C9CA;
5160}
5161
5162.dark-mode .contact_area input::-moz-placeholder,
5163.dark-mode .contact_area textarea::-moz-placeholder {
5164    color: #C8C9CA;
5165}
5166
5167.dark-mode .contact_area input:-ms-input-placeholder,
5168.dark-mode .contact_area textarea:-ms-input-placeholder {
5169    color: #C8C9CA;
5170}
5171
5172.dark-mode .contact_area input::-ms-input-placeholder,
5173.dark-mode .contact_area textarea::-ms-input-placeholder {
5174    color: #C8C9CA;
5175}
5176
5177.dark-mode .contact_area input::placeholder,
5178.dark-mode .contact_area textarea::placeholder {
5179    color: #C8C9CA;
5180}
5181
5182.dark-mode .support-area {
5183    background: linear-gradient(87.56deg, #273744 1.79%, rgba(26, 143, 227, 0) 383.1%);
5184}
5185
5186.dark-mode footer {
5187    background-color: #1A2630;
5188    color: #E3E3E4;
5189}
5190
5191.dark-mode footer a .img-fluid {
5192    display: none;
5193}
5194
5195.dark-mode footer a .img-fluid.logo-dark,
5196.dark-mode footer a .img-fluid.logo-icon {
5197    display: inline-block;
5198    vertical-align: middle;
5199}
5200
5201.dark-mode footer h4 {
5202    color: #E3E3E4;
5203}
5204
5205.dark-mode footer {}
5206
5207.dark-mode .footer_bottom {
5208    background-color: #1A2630;
5209    color: #E3E3E4;
5210    padding: 0;
5211}
5212
5213.dark-mode .footer_bottom .container {
5214    padding: 14px 0 24px;
5215    border-top: 1px solid #828586;
5216}
5217
5218.dark-mode .footer_bottom p span {
5219    color: #1A8FE3;
5220}
5221
5222.dark-mode .social_icon a {
5223    background-color: #364C5E;
5224}
5225
5226.dark-mode footer a.active {
5227    color: #71BAEE;
5228}
5229
5230.dark-mode .copy_right {
5231    color: #EFEFEF;
5232}
5233
5234.dark-mode .footer_bottom p img {
5235    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%);
5236    filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%);
5237}
5238
5239.dark-mode .compress_area,
5240.dark-mode .compress_area .container {
5241    position: relative;
5242}
5243
5244.dark-mode .compress_area:before {
5245    content: "";
5246    width: 1200px;
5247    height: 1200px;
5248    position: absolute;
5249    top: 40px;
5250    right: -260px;
5251    opacity: .3;
5252    border-radius: 100%;
5253    background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5254    background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5255}
5256
5257.dark-mode .title_lg {
5258    color: #FFFFFF;
5259}
5260
5261.dark-mode .rating_box {
5262    background-color: #223544;
5263}
5264
5265.dark-mode .rating_box h5 {
5266    color: #EFEFEF;
5267}
5268
5269.dark-mode .star-rating svg {
5270    stroke: #C8C9CA;
5271}
5272
5273.dark-mode .rating_box h6 span {
5274    color: #E3E3E4;
5275}
5276
5277.dark-mode .file-drop-area {
5278    background-color: #223544;
5279    border-color: #707375;
5280}
5281
5282.dark-mode .file-drop-area .social_icon a {
5283    background-color: #1F2A33;
5284}
5285
5286.dark-mode .file-drop-area p.drag {
5287    color: #C8C9CA;
5288}
5289
5290.dark-mode .step_item h4 {
5291    color: #fff;
5292}
5293
5294.dark-mode .step_item::after {
5295    -webkit-box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue);
5296    box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue);
5297}
5298
5299.dark-mode .faq_item_box .card {
5300    background-color: #223544;
5301    color: #EFEFEF;
5302}
5303
5304.dark-mode .faq_item_box .card-action img {
5305    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%);
5306    filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%);
5307}
5308
5309.dark-mode .faq_item_box .card-title,
5310.dark-mode .faq_item_box .card-text {
5311    color: #EFEFEF;
5312}
5313
5314.dark-mode .faq_item_box .card-title.is-active {
5315    color: #1A8FE3;
5316}
5317
5318.dark-mode .modal-content {
5319    background-color: #1A252F;
5320}
5321
5322.dark-mode .modal-title {
5323    color: #fff;
5324}
5325
5326.dark-mode .modal-header-text {
5327    color: #E3E3E4;
5328}
5329
5330.dark-mode .modal-share .social_icon a {
5331    border-color: #828586;
5332}
5333
5334.dark-mode .modal-share .form-control {
5335    background-color: #1A252F;
5336    border-color: #828586;
5337    color: #C8C9CA;
5338}
5339
5340.dark-mode .modal-share .form-control::-webkit-input-placeholder {
5341    color: #C8C9CA;
5342}
5343
5344.dark-mode .modal-share .form-control::-moz-placeholder {
5345    color: #C8C9CA;
5346}
5347
5348.dark-mode .modal-share .form-control:-ms-input-placeholder {
5349    color: #C8C9CA;
5350}
5351
5352.dark-mode .modal-share .form-control::-ms-input-placeholder {
5353    color: #C8C9CA;
5354}
5355
5356.dark-mode .modal-share .form-control::placeholder {
5357    color: #C8C9CA;
5358}
5359
5360.dark-mode .modal-share .input-group-append .btn {
5361    border-color: #828586;
5362}
5363
5364.dark-mode .modal-files .modal-title {
5365    color: #fff;
5366}
5367
5368.dark-mode .modal-files .modal-header-text {
5369    color: #E3E3E4;
5370}
5371
5372.dark-mode .button-tool {
5373    background-color: #1A252F;
5374}
5375
5376.dark-mode .mobile_menu {
5377    background-color: #1A252F;
5378}
5379
5380.dark-mode .mobile_menu .menu2>li>a {
5381    background-color: #223544;
5382    border-color: #1A2833;
5383}
5384
5385.dark-mode .pricing_area {
5386    position: relative;
5387}
5388
5389.dark-mode .pricing_area:before {
5390    content: "";
5391    width: 1200px;
5392    height: 1200px;
5393    position: absolute;
5394    top: -90px;
5395    right: -260px;
5396    opacity: .3;
5397    border-radius: 100%;
5398    background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5399    background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%);
5400}
5401
5402.dark-mode .title_md {
5403    color: #fff;
5404}
5405
5406.dark-mode .choose-options_name {
5407    color: #fff;
5408}
5409
5410.dark-mode .choose-options_text {
5411    color: #E3E3E4;
5412}
5413
5414.dark-mode .choose-options_note {
5415    color: #E3E3E4;
5416}
5417
5418.dark-mode .choose-options_input:checked~.choose-options_label {
5419    background-color: #223544;
5420    border-color: #707375;
5421}
5422
5423.dark-mode .billing_box {
5424    background-color: #223544;
5425    color: #E3E3E4;
5426}
5427
5428.dark-mode .cards-list_item {
5429    border-bottom-color: #707375;
5430}
5431
5432.dark-mode .cards-list_text {
5433    color: #E3E3E4;
5434}
5435
5436.dark-mode .cards-list_text span {
5437    color: #fff;
5438}
5439
5440.dark-mode .title-section span {
5441    background-color: #1F2A33;
5442    color: #E3E3E4;
5443}
5444
5445.dark-mode .billing-history_message {
5446    color: #E3E3E4;
5447    border-color: #707375;
5448}
5449
5450.dark-mode .billing-history .table tbody th,
5451.dark-mode .billing-history .table td {
5452    color: #E3E3E4;
5453}
5454
5455.dark-mode .billing-history .table .thead-light th {
5456    background-color: #2d465a;
5457    color: #E3E3E4;
5458}
5459
5460.dark-mode .billing-history .table th,
5461.dark-mode .billing-history .table td {
5462    border-color: #707375;
5463}
5464
5465.dark-mode .billing_box .btn-outline-secondary {
5466    color: #E3E3E4;
5467    border-color: #707375;
5468}
5469
5470.dark-mode .billing-history {
5471    border-radius: 3px 3px 0 0;
5472}
5473
5474.dark-mode .price_box-header p,
5475.dark-mode .price_box-note {
5476    color: #E3E3E4;
5477}
5478
5479.dark-mode .price_box-date {
5480    color: #cbcbcb;
5481}
5482
5483.dark-mode .price_box.active {
5484    background-color: #1A8FE3;
5485}
5486
5487.dark-mode .chart-creators_box,
5488.dark-mode .collage-maker_box,
5489.dark-mode .splitter-image_box,
5490.dark-mode .compress-result {
5491    background-color: #223544;
5492    border-color: #707375;
5493}
5494
5495.dark-mode .chart-creators_tabs .list-group {
5496    background-color: #1F2A33;
5497    color: #C8C9CA;
5498}
5499
5500.dark-mode .tab-content .form-group>.form-control,
5501.dark-mode .tab-content .dropdown .btn-secondary {
5502    background-color: #1A252E;
5503    border-color: #828586;
5504    color: #C8C9CA;
5505}
5506
5507.dark-mode .tab-content .form-group>.form-control::placeholder {
5508    color: #C8C9CA;
5509}
5510
5511.dark-mode .tab-content .dropdown-menu {
5512    background-color: #1A252E;
5513}
5514
5515.dark-mode .tab-content .dropdown-item {
5516    color: #C8C9CA;
5517}
5518
5519.dark-mode .tab-content .form-group>label,
5520.dark-mode .chart-creators_tabs .list-group-item,
5521.dark-mode .compress-result_file,
5522.dark-mode .share h3 {
5523    color: #fff;
5524}
5525
5526.dark-mode .tab-content .dropdown-item:focus,
5527.dark-mode .tab-content .dropdown-item:hover {
5528    background-color: #1a8fe3;
5529}
5530
5531.dark-mode .tools-button {
5532    background-color: #1A252E;
5533    color: #C8C9CA;
5534}
5535
5536.dark-mode .chart-creators_table .table .thead-light th,
5537.dark-mode .chart-creators_table .table th,
5538.dark-mode .pick-color .form-control,
5539.dark-mode .collage-maker_border .input-group .form-control,
5540.dark-mode .chart-creators_tabs .pick-color .form-control {
5541    background-color: #1A252E;
5542    color: #C8C9CA;
5543}
5544
5545.dark-mode .collage-maker_border p {
5546    color: #fff;
5547}
5548
5549.dark-mode .collage-grid_item {
5550    background-color: #1A252E;
5551    border-color: #707375;
5552}
5553
5554.dark-mode .collage-grid {
5555    border-color: #707375;
5556}
5557
5558.dark-mode .splitter-image_bar-item p,
5559.dark-mode .compress-result .get-update h3 {
5560    color: #fff;
5561}
5562
5563.dark-mode .splitter-image_bar .button,
5564.dark-mode .splitter-image .form-control {
5565    background-color: #1A252E;
5566    color: #C8C9CA;
5567    border-color: #707375;
5568}
5569
5570.dark-mode .compress-result_file-icon--pdf,
5571.dark-mode .compress-result_file-icon--image {
5572    background-color: #1A252E;
5573}
5574
5575.dark-mode .compress-result .get-update {
5576    background-color: transparent;
5577    color: #fff;
5578    border-color: #E3E3E4;
5579}
5580
5581.dark-mode .builder-container,
5582.dark-mode .builder-box {
5583    background-color: #1A252E;
5584}
5585
5586.dark-mode .builder-container h2 {
5587    color: #EFEFEF;
5588}
5589
5590.dark-mode .blog-builder_area .rating_box h5 {
5591    color: #EFEFEF;
5592}
5593
5594.dark-mode .page-with-buider-step,
5595.dark-mode .page-with-buider-step .builder-wrapper {
5596    background: #1F2A33;
5597}
5598
5599.dark-mode .builder-wrapper__title,
5600.dark-mode .steps__name,
5601.dark-mode .builder-title,
5602.dark-mode .outlines__body p,
5603.dark-mode .heading-titles__item,
5604.dark-mode .article-item__text p {
5605    color: #EFEFEF;
5606}
5607
5608.dark-mode .article-item__head {
5609    background: transparent;
5610}
5611
5612@media (max-width: 992px) {
5613    .dark-mode .mobile_menu .menu2>li>a {
5614        background-color: #223544;
5615    }
5616    .dark-mode .mobile_menu li a::after {
5617        border-right-color: #fff;
5618        border-bottom-color: #fff;
5619    }
5620    /* .dark-mode .menu2 .mega_menu>
5620li>a,
5621    .dark-mode .menu2 .mega_menu>li.multilavel ul,
5622    .dark-mode .menu2 .mega_menu>li.multilavel a {
5623        background-color: #2A4255;
5624        color: #fff;
5625    } */
5626    .dark-mode .header-search {
5627        background-color: #1A252E;
5628    }
5629    .dark-mode .mobile_menu .menu2>li>a {
5630        background: #1A252E;
5631        color: #fff;
5632    }
5633    .dark-mode .category-tools__item h4 {
5634        color: #fff;
5635    }
5636    .dark-mode .expand_menu .mega_menu li .expand_menu__link-all,
5637    .dark-mode .nav-link[aria-expanded='true']:after {
5638        color: #1A8FE3;
5639    }
5640    .dark-mode .category-tools__item--big.is-active,
5641    .dark-mode .menu2 .expand_menu--image .category-tools__item--big.is-active:hover {
5642        background-color: #1A252E;
5643    }
5644    .dark-mode .menu2 li .category-tools__item:hover {
5645        background-color: #1A252E;
5646    }
5647    .dark-mode .menu2 .icon_box,
5648    .dark-mode .main-item {
5649        background-color: #415461;
5650    }
5651    .dark-mode .mobile_menu__actions {
5652        background-color: #1A252E;
5653    }
5654    .dark-mode .ai-all__item .v_12 {
5655        background: #524884;
5656    }
5657    .dark-mode .ai-all__item .v_11 {
5658        background: #847948;
5659    }
5660    .dark-mode .ai-all__item .v_14 {
5661        background: #846148;
5662    }
5663    .dark-mode .hamburger-menu span {
5664        background-color: #F6F6F6;
5665    }
5666}
5667
5668
5669/*new css*/
5670
5671.convert_header {
5672    background-color: #fff;
5673    position: sticky;
5674    top: 0;
5675    z-index: 1000;
5676}
5677
5678.convert_wrapper {
5679    background: #FAFAFA;
5680}
5681
5682.top_header {
5683    padding: 10px 0;
5684    border-bottom: 1px solid #EFEFEF;
5685}
5686
5687.top_header h4,
5688.top_header h4 input {
5689    font-weight: 500;
5690    font-size: 16px;
5691    color: #181D20;
5692    line-height: 1.2;
5693}
5694
5695.top_header .button {
5696    font-size: 14px;
5697    line-height: 1.4;
5698    font-weight: 500;
5699    display: -webkit-box;
5700    display: -ms-flexbox;
5701    display: flex;
5702    -webkit-box-align: center;
5703    -ms-flex-align: center;
5704    align-items: center;
5705    -webkit-box-pack: center;
5706    -ms-flex-pack: center;
5707    justify-content: center;
5708    padding: 10px 16px;
5709}
5710
5711.top_header .button img {
5712    margin-right: 5px;
5713}
5714
5715.top_header .dropdown-toggle {
5716    width: 40px;
5717    height: 40px;
5718    border: 1px solid #E3E3E4;
5719    border-radius: 10px;
5720    display: -webkit-inline-box;
5721    display: -ms-inline-flexbox;
5722    display: inline-flex;
5723    -webkit-box-align: center;
5724    -ms-flex-align: center;
5725    align-items: center;
5726    -webkit-box-pack: center;
5727    -ms-flex-pack: center;
5728    justify-content: center;
5729}
5730
5731.convert_header .dropdown-toggle::after {
5732    display: none;
5733}
5734
5735.top_header .button-switch-mode {
5736    margin-right: 15px;
5737}
5738
5739.convert_header .dropdown-menu {
5740    border-radius: 10px;
5741    min-width: 120px;
5742    padding: 8px 0;
5743    margin-top: 0;
5744}
5745
5746.convert_header .dropdown-menu a.dropdown-item {
5747    font-size: 14px;
5748    line-height: 140%;
5749    letter-spacing: 0.005em;
5750    color: #828586;
5751    padding: 8px 16px;
5752}
5753
5754.convert_header .dropdown-menu a img {
5755    margin-right: 5px;
5756}
5757
5758.menu_wrap .dropdown-menu {
5759    left: 50% !important;
5760    -webkit-transform: translateX(-50%) !important;
5761    -ms-transform: translateX(-50%) !important;
5762    transform: translateX(-50%) !important;
5763    top: 100% !important;
5764}
5765
5766.menu_wrap .sign_menu {
5767    min-width: 200px;
5768    padding: 16px;
5769}
5770
5771.menu_wrap .sign_menu .button {
5772    font-size: 12px;
5773    font-weight: 500;
5774    padding: 7px 12px;
5775    width: 100%;
5776}
5777
5778
5779/*range  css*/
5780
5781.slider-box {
5782    background: #ffffff;
5783    padding: 11px 12px;
5784    border-radius: 12px;
5785    border: 1px solid #E3E3E4;
5786    width: 100%;
5787    max-width: 228px;
5788}
5789
5790.slider-box button {
5791    background-color: transparent;
5792    padding: 0;
5793    border: none;
5794}
5795
5796.range_box {
5797    width: 100%;
5798    margin-left: 12px;
5799    margin-right: 12px;
5800    position: relative;
5801}
5802
5803.range_box .range {
5804    width: 100%;
5805    height: 1px;
5806    background-color: #C8C9CA;
5807}
5808
5809.slider-box h4 {
5810    font-weight: 500;
5811    font-size: 12px;
5812    line-height: 1.2;
5813    color: #707375;
5814}
5815
5816.handle {
5817    height: 7px;
5818    width: 7px;
5819    border-radius: 50%;
5820    border: 1px solid #C8C9CA;
5821    position: absolute;
5822    top: 50%;
5823    -webkit-transform: translateY(-50%);
5824    -ms-transform: translateY(-50%);
5825    transform: translateY(-50%);
5826    left: 70%;
5827    background-color: #fff;
5828    cursor: pointer;
5829}
5830
5831
5832/*.menu*/
5833
5834.bottom_menu {
5835    display: -webkit-box;
5836    display: -ms-flexbox;
5837    display: flex;
5838    -webkit-box-pack: justify;
5839    -ms-flex-pack: justify;
5840    justify-content: space-between;
5841    padding-right: 15px;
5842}
5843
5844.menu_wrap>ul {
5845    display: -webkit-box;
5846    display: -ms-flexbox;
5847    display: flex;
5848}
5849
5850.menu_wrap>ul>li>a {
5851    display: -webkit-box;
5852    display: -ms-flexbox;
5853    display: flex;
5854    -webkit-box-align: center;
5855    -ms-flex-align: center;
5856    align-items: center;
5857    -webkit-box-pack: center;
5858    -ms-flex-pack: center;
5859    justify-content: center;
5860    text-align: center;
5861    -webkit-box-orient: vertical;
5862    -webkit-box-direction: normal;
5863    -ms-flex-direction: column;
5864    flex-direction: column;
5865    font-weight: 500;
5866    font-size: 12px;
5867    line-height: 1.2;
5868    color: #707375;
5869    height: 72px;
5870    width: 72px;
5871    -webkit-transition: 0.3s;
5872    -o-transition: 0.3s;
5873    transition: 0.3s;
5874}
5875
5876.menu_wrap>ul>li>a:hover,
5877.menu_wrap>ul li a.active {
5878    color: #fff;
5879    background-color: var(--theme-color);
5880}
5881
5882.menu_wrap>ul>li>a img {
5883    margin-bottom: 2px;
5884}
5885
5886.menu_wrap>ul>li>a:hover img,
5887.menu_wrap>ul>li>a.active img {
5888    -webkit-filter: brightness(200%);
5889    filter: brightness(200%);
5890}
5891
5892.button.outline_btn {
5893    font-size: 14px;
5894    line-height: 1.1;
5895    padding: 13px 16px;
5896    background-color: transparent;
5897    border: 1px solid var(--theme-color);
5898    color: var(--theme-color);
5899    font-weight: 500;
5900}
5901
5902.button.outline_btn:hover {
5903    background-color: var(--theme-color);
5904    color: #fff;
5905}
5906
5907.divider {
5908    width: 100%;
5909    height: 1px;
5910    background-color: #EFEFEF;
5911    margin-top: 8px;
5912    margin-bottom: 8px;
5913}
5914
5915.delete {
5916    position: absolute;
5917    right: 8px;
5918    top: 50%;
5919    -webkit-transform: translateY(-50%);
5920    -ms-transform: translateY(-50%);
5921    transform: translateY(-50%);
5922    cursor: pointer;
5923}
5924
5925.tooltip .tooltip-inner {
5926    background: rgba(24, 29, 32, 0.72);
5927    font-size: 12px;
5928    font-weight: 500;
5929    line-height: 1.2;
5930    padding: 10px 16px;
5931}
5932
5933.tooltip .arrow::before {
5934    border-bottom-color: rgba(24, 29, 32, 0.72);
5935}
5936
5937.sidebar {
5938    position: fixed;
5939    top: 132px;
5940    left: 0;
5941    width: 258px;
5942    background: #FFFFFF;
5943    -webkit-transition: 0.3s;
5944    -o-transition: 0.3s;
5945    transition: 0.3s;
5946    height: calc(100vh - 132px);
5947    overflow: auto;
5948    padding: 16px 24px;
5949    overflow-x: hidden;
5950    z-index: 2;
5951}
5952
5953.sidebar.small_width {
5954    width: 72px;
5955    overflow: hidden;
5956}
5957
5958.sidebar.small_width ul,
5959.sidebar.small_width .pager,
5960.sidebar.small_width .add_wrap {
5961    display: none !important;
5962}
5963
5964.add_wrap {
5965    border-top: 1px solid #E3E3E4;
5966    margin-top: 15px;
5967    padding-top: 15px;
5968    text-align: center;
5969}
5970
5971.add_wrap a {
5972    border: 1.5px solid #1A8FE3;
5973    height: 20px;
5974    width: 20px;
5975    border-radius: 4px;
5976    color: #1A8FE3;
5977    display: inline-flex;
5978    align-items: center;
5979    justify-content: center;
5980    font-weight: 500;
5981    font-size: 17px;
5982}
5983
5984.add_wrap a:hover {
5985    background-color: #1A8FE3;
5986    color: #fff;
5987}
5988
5989.pdf_content {
5990    padding-left: 288px;
5991    padding-top: 12px;
5992    padding-bottom: 20px;
5993    padding-right: calc((100% - 1130px) / 2 + 15px);
5994    -webkit-transition: 0.3s;
5995    -o-transition: 0.3s;
5996    transition: 0.3s;
5997}
5998
5999.pdf_content.lg_content {
6000    padding-left: 152px;
6001}
6002
6003.toggle_btn {
6004    width: 24px;
6005    height: 24px;
6006    border: 1px solid #E3E3E4;
6007    border-radius: 4px;
6008    padding: 4px;
6009    cursor: pointer;
6010    display: -webkit-inline-box;
6011    display: -ms-inline-flexbox;
6012    display: inline-flex;
6013    -webkit-box-align: center;
6014    -ms-flex-align: center;
6015    align-items: center;
6016    -webkit-box-pack: center;
6017    -ms-flex-pack: center;
6018    justify-content: center;
6019    -webkit-transition: 0.3s;
6020    -o-transition: 0.3s;
6021    transition: 0.3s;
6022}
6023
6024.toggle_btn img {
6025    -webkit-transition: 0.3s;
6026    -o-transition: 0.3s;
6027    transition: 0.3s;
6028}
6029
6030.toggle_btn:hover {
6031    background-color: #e6e6e6;
6032}
6033
6034.toggle_btn.rotate img {
6035    -webkit-transform: rotate(180deg);
6036    -ms-transform: rotate(180deg);
6037    transform: rotate(180deg);
6038}
6039
6040.pager h4 {
6041    font-weight: 600;
6042    font-size: 16px;
6043    line-height: 1.5;
6044    color: #181D20;
6045}
6046
6047.pager span.active {
6048    width: 46px;
6049    height: 24px;
6050    border: 1px solid #E3E3E4;
6051    border-radius: 4px;
6052    display: -webkit-inline-box;
6053    display: -ms-inline-flexbox;
6054    display: inline-flex;
6055    -webkit-box-align: center;
6056    -ms-flex-align: center;
6057    align-items: center;
6058    -webkit-box-pack: center;
6059    -ms-flex-pack: center;
6060    justify-content: center;
6061    font-size: 14px;
6062    line-height: 1;
6063    color: #707375;
6064    font-weight: 400;
6065    margin-right: 10px;
6066}
6067
6068.page_count {
6069    font-weight: 500;
6070    font-size: 14px;
6071    line-height: 1;
6072    color: #707375;
6073    display: -webkit-box;
6074    display: -ms-flexbox;
6075    display: flex;
6076    -webkit-box-align: center;
6077    -ms-flex-align: center;
6078    align-items: center;
6079}
6080
6081.page_number {
6082    display: inline-block;
6083    margin-left: 5px;
6084}
6085
6086.sidebar ul.nav-pills {
6087    border-bottom: none;
6088}
6089
6090.sidebar ul li {
6091    margin-top: 24px;
6092    text-align: center;
6093    width: 100%;
6094}
6095
6096.sidebar ul li span {
6097    font-weight: 500;
6098    font-size: 12px;
6099    line-height: 1.3;
6100    color: #707375;
6101}
6102
6103.sidebar ul li a {
6104    font-weight: 600;
6105    font-size: 16px;
6106    line-height: 1.2;
6107    color: #707375;
6108    padding: 0;
6109    border: none !important;
6110    border-radius: 0;
6111}
6112
6113.sidebar ul>li>a>canvas {
6114    border: 1px solid #E3E3E4;
6115    margin-bottom: 12px;
6116}
6117
6118.sidebar ul li a.nav-link.active {
6119    color: var(--theme-color) !important;
6120    background-color: transparent;
6121}
6122
6123.sidebar ul li a.nav-link.active+div span {
6124    color: var(--theme-color) !important;
6125}
6126
6127.sidebar ul li a.active canvas {
6128    border-color: var(--theme-color);
6129}
6130
6131.pdf_content .page {
6132    border: 1px solid #E3E3E4;
6133    margin-top: 20px;
6134}
6135
6136#signature .modal-content,
6137#switch .modal-content {
6138    border-radius: 12px;
6139    border: none;
6140}
6141
6142#signature .modal-content .modal-body {
6143    padding: 40px;
6144}
6145
6146#signature .modal-content .modal-body h4,
6147#switch .modal-content .modal-body h4 {
6148    font-weight: bold;
6149    font-size: 24px;
6150    line-height: 140%;
6151    letter-spacing: 0.005em;
6152    color: #181D20;
6153}
6154
6155.modal_sub {
6156    font-size: 16px;
6157    line-height: 140%;
6158    letter-spacing: 0.005em;
6159    color: #828586;
6160    margin-top: 8px;
6161}
6162
6163#signature .modal-content .modal-body ul li {
6164    width: 33.33%;
6165}
6166
6167#signature .modal-content .modal-body ul li a {
6168    font-size: 16px;
6169    line-height: 140%;
6170    letter-spacing: 0.005em;
6171    color: #828586;
6172    text-align: center;
6173    padding: 0 5px 8px;
6174    border-bottom: 2px solid #F6F6F6;
6175    border-radius: 0;
6176    background-color: transparent;
6177}
6178
6179#signature .modal-content .modal-body ul li a.active {
6180    border-color: var(--theme-color);
6181    color: var(--theme-color);
6182}
6183
6184.input_box {
6185    height: 40px;
6186    border: 1px solid #EFEFEF;
6187    border-radius: 10px;
6188    font-size: 12px;
6189    padding: 0 16px;
6190    width: 100%;
6191    color: #707375;
6192}
6193
6194.input_box::-webkit-input-placeholder {
6195    color: #A7A9AA;
6196    opacity: 1;
6197}
6198
6199.input_box::-moz-placeholder {
6200    color: #A7A9AA;
6201    opacity: 1;
6202}
6203
6204.input_box:-ms-input-placeholder {
6205    color: #A7A9AA;
6206    opacity: 1;
6207}
6208
6209.input_box::-ms-input-placeholder {
6210    color: #A7A9AA;
6211    opacity: 1;
6212}
6213
6214.input_box::placeholder {
6215    color: #A7A9AA;
6216    opacity: 1;
6217}
6218
6219.signature_text {
6220    font-weight: 500;
6221    font-size: 64px;
6222    line-height: 1.1;
6223    color: #181D20;
6224    font-family: 'ChopinScript';
6225    text-align: center;
6226    margin: 53px 0;
6227}
6228
6229.signature_text.default {
6230    color: #A7A9AA;
6231}
6232
6233#signature .button {
6234    line-height: 140%;
6235    padding: 17px 20px;
6236    border-radius: 14px;
6237}
6238
6239#signature .button.disabled {
6240    background: #C8C9CA;
6241    pointer-events: none;
6242}
6243
6244.label_text {
6245    font-weight: 500;
6246    font-size: 12px;
6247    line-height: 18px;
6248    color: #707375;
6249    display: inline-block;
6250}
6251
6252.clear_btn {
6253    background: #D0726C;
6254    border-radius: 8px;
6255    font-weight: 600;
6256    font-size: 10px;
6257    line-height: 1.2;
6258    color: #FFFFFF;
6259    padding: 5px 16px;
6260    border: none;
6261    -webkit-transition: 0.3s;
6262    -o-transition: 0.3s;
6263    transition: 0.3s;
6264}
6265
6266.clear_btn:hover {
6267    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset;
6268    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset;
6269}
6270
6271textarea.input_box {
6272    resize: none;
6273    height: 163px;
6274    padding: 10px 16px;
6275}
6276
6277.more_text {
6278    font-size: 12px;
6279    line-height: 1.3;
6280    letter-spacing: 0.005em;
6281    color: #525658;
6282    text-align: center;
6283    margin-top: 25px;
6284    margin-bottom: 15px;
6285}
6286
6287.more_text a {
6288    color: #D0726C;
6289    font-weight: 500;
6290    -webkit-transition: 0.3s;
6291    -o-transition: 0.3s;
6292    transition: 0.3s;
6293}
6294
6295.more_text a:hover {
6296    text-decoration: underline;
6297}
6298
6299
6300/*image upload width preview*/
6301
6302.avatar-upload {
6303    border: 1px solid #EFEFEF;
6304    border-radius: 10px;
6305    height: 163px;
6306    width: 100%;
6307    margin-top: 15px;
6308    overflow: hidden;
6309    position: relative;
6310}
6311
6312.avatar-upload .avatar-edit {
6313    position: absolute;
6314    top: 50%;
6315    left: 50%;
6316    -webkit-transform: translate(-50%, -50%);
6317    -ms-transform: translate(-50%, -50%);
6318    transform: translate(-50%, -50%);
6319    z-index: 1;
6320}
6321
6322.avatar-upload .avatar-edit input {
6323    display: none;
6324}
6325
6326.avatar-upload .avatar-edit input+label {
6327    padding: 12px 24px;
6328    border: 1px solid #83C2F0;
6329    border-radius: 10px;
6330    font-weight: 600;
6331    font-size: 12px;
6332    line-height: 1.3;
6333    text-align: center;
6334    letter-spacing: 0.005em;
6335    color: #71BAEE;
6336    cursor: pointer;
6337    -webkit-transition: 0.3s;
6338    -o-transition: 0.3s;
6339    transition: 0.3s;
6340}
6341
6342.avatar-upload .avatar-edit input+label:hover {
6343    background-color: #71BAEE;
6344    color: #fff;
6345}
6346
6347.avatar-upload .avatar-preview {
6348    width: 100%;
6349    height: 100%;
6350    position: relative;
6351}
6352
6353.avatar-upload .avatar-preview>div {
6354    width: 100%;
6355    height: 100%;
6356    background-size: cover;
6357    background-repeat: no-repeat;
6358    background-position: center;
6359}
6360
6361
6362/*switch modal*/
6363
6364#switch .modal-body {
6365    padding: 40px;
6366}
6367
6368#switch .modal-dialog {
6369    max-width: 892px;
6370    margin: 1.75rem auto;
6371}
6372
6373#switch .row {
6374    margin-right: -8px;
6375    margin-left: -8px;
6376}
6377
6378#switch .row>div {
6379    padding-left: 8px;
6380    padding-right: 8px;
6381}
6382
6383.switch_radio_box {
6384    margin-top: 24px;
6385}
6386
6387.switch_radio_box input {
6388    display: none;
6389}
6390
6391.switch_radio_box label {
6392    background: #FFFFFF;
6393    border: 1px solid #EFEFEF;
6394    border-radius: 10px;
6395    padding: 12px;
6396    cursor: pointer;
6397    width: 100%;
6398}
6399
6400.switch_radio_box label .span1 {
6401    font-weight: 500;
6402    font-size: 14px;
6403    line-height: 130%;
6404    letter-spacing: 0.005em;
6405    color: #181D20;
6406    display: block;
6407}
6408
6409.switch_radio_box label .span2 {
6410    font-size: 12px;
6411    letter-spacing: 0.005em;
6412    color: #707375;
6413    padding-top: 8px;
6414    display: inline-block;
6415}
6416
6417.switch_radio_box input:checked+label {
6418    background-color: #F6FBFE;
6419    border-color: #1A8FE3;
6420}
6421
6422.switch_btn p {
6423    font-size: 12px;
6424    line-height: 1.4;
6425    letter-spacing: 0.005em;
6426    color: #525658;
6427    text-align: center;
6428    margin-top: 32px;
6429    font-style: italic;
6430}
6431
6432.switch_btn p a {
6433    color: #D0726C;
6434}
6435
6436.switch_btn button {
6437    width: 100%;
6438    border: none;
6439    background: #1A8FE3;
6440    border-radius: 14px;
6441    font-weight: 600;
6442    font-size: 16px;
6443    line-height: 140%;
6444    text-align: center;
6445    letter-spacing: 0.005em;
6446    color: #FFFFFF;
6447    padding: 17px;
6448    margin-top: 16px;
6449}
6450
6451.range_right_content {
6452    display: -webkit-box;
6453    display: -ms-flexbox;
6454    display: flex;
6455    -webkit-box-align: center;
6456    -ms-flex-align: center;
6457    align-items: center;
6458    width: 100%;
6459    -webkit-box-pack: end;
6460    -ms-flex-pack: end;
6461    justify-content: flex-end;
6462}
6463
6464
6465/*color area satrt*/
6466
6467.color_wrapper {
6468    padding-top: 40px;
6469    padding-bottom: 70px;
6470}
6471
6472.color_main_wrapper {
6473    background-color: #FFFFFF;
6474    -webkit-box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03);
6475    box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03);
6476    border-radius: 12px;
6477    padding: 24px;
6478}
6479
6480.color_box_wrapper {
6481    display: -webkit-box;
6482    display: -ms-flexbox;
6483    display: flex;
6484    -webkit-box-align: center;
6485    -ms-flex-align: center;
6486    align-items: center;
6487    -webkit-box-pack: justify;
6488    -ms-flex-pack: justify;
6489    justify-content: space-between;
6490    padding-top: 16px;
6491}
6492
6493.color_heading h4 {
6494    font-weight: 600;
6495    font-size: 24px;
6496    line-height: 1.2;
6497    color: #2D2A3C;
6498}
6499
6500.color_box {
6501    height: 40px;
6502    width: 40px;
6503    border-radius: 50%;
6504}
6505
6506.color_box1 {
6507    background-color: #F25E4C;
6508}
6509
6510.color_box2 {
6511    background-color: #4C3F91;
6512}
6513
6514.color_box3 {
6515    background-color: #7F2CCB;
6516}
6517
6518.color_box4 {
6519    background-color: #CE8147;
6520}
6521
6522.color_box5 {
6523    background-color: #414361;
6524}
6525
6526.color_box6 {
6527    background-color: #36494E;
6528}
6529
6530.color_box7 {
6531    background-color: #606D5D;
6532}
6533
6534.color_box8 {
6535    background-color: #70695A;
6536}
6537
6538.color_box9 {
6539    background-color: #5F5566;
6540}
6541
6542.color_box10 {
6543    background-color: #4C3549;
6544}
6545
6546.color_box11 {
6547    background-color: #895B1E;
6548}
6549
6550.color_box12 {
6551    background-color: #994636;
6552}
6553
6554.color_box13 {
6555    background-color: #333333;
6556}
6557
6558.color_box14 {
6559    background-color: #80A1D4;
6560}
6561
6562.color_box15 {
6563    background-color: #468189;
6564}
6565
6566.color_box16 {
6567    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522;
6568    background: radial-gradient(50% 50% at 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522;
6569}
6570
6571.color_box17 {
6572    background: -o-radial-gradient(50% 50%, 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB;
6573    background: radial-gradient(50% 50% at 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB;
6574}
6575
6576.color_box18 {
6577    background-color: #7D387D;
6578}
6579
6580.color_box19 {
6581    background: conic-gradient(from 180deg at 50% 50%, #F8F991 -54.38deg, rgba(61, 49, 91, 0.924948) 33.75deg, #444B6E 118.12deg, #708B75 178.12deg, #F8F991 305.62deg, rgba(61, 49, 91, 0.924948) 393.75deg), #C4C4C4;
6582}
6583
6584.color_box20 {
6585    background: conic-gradient(from 180deg at 50% 50%, #0000FD -54.38deg, rgba(128, 21, 232, 0.924948) 33.75deg, #28E4FF 118.12deg, rgba(221, 17, 86, 0.44) 178.12deg, #0000FD 305.62deg, rgba(128, 21, 232, 0.924948) 393.75deg), #C4C4C4;
6586}
6587
6588.color_box21 {
6589    background: -o-linear-gradient(315deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4;
6590    background: linear-gradient(135deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4;
6591}
6592
6593.color_box22 {
6594    background: -webkit-gradient(linear, left top, left bottom, from(#EF2F88), to(#8843F2)), #C4C4C4;
6595    background: -o-linear-gradient(top, #EF2F88 0%, #8843F2 100%), #C4C4C4;
6596    background: linear-gradient(180deg, #EF2F88 0%, #8843F2 100%), #C4C4C4;
6597}
6598
6599.color_box23 {
6600    background: -webkit-gradient(linear, left top, left bottom, from(#B92B27), to(#1565C0)), #C4C4C4;
6601    background: -o-linear-gradient(top, #B92B27 0%, #1565C0 100%), #C4C4C4;
6602    background: linear-gradient(180deg, #B92B27 0%, #1565C0 100%), #C4C4C4;
6603}
6604
6605.color_box24 {
6606    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #8360C3), color-stop(131.53%, #2EBF91)), #C4C4C4;
6607    background: -o-linear-gradient(top, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4;
6608    background: linear-gradient(180deg, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4;
6609}
6610
6611.color_box25 {
6612    background: -o-linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4;
6613    background: linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4;
6614}
6615
6616.color_box26 {
6617    background: -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4;
6618    background: -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4
6618C4C4;
6619    background: linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4;
6620}
6621
6622.color_box27 {
6623    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD452), color-stop(131.53%, #2EBF91)), -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4;
6624    background: -o-linear-gradient(top, #FFD452 -45.13%, #2EBF91 131.53%), -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4C4C4;
6625    background: linear-gradient(180deg, #FFD452 -45.13%, #2EBF91 131.53%), linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4;
6626}
6627
6628.color_box28 {
6629    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #654EA3), color-stop(131.53%, #EAAFC8)), -webkit-gradient(linear, left bottom, left top, from(#EF744D), to(#EF744D)), #C4C4C4;
6630    background: -o-linear-gradient(top, #654EA3 -45.13%, #EAAFC8 131.53%), -o-linear-gradient(bottom, #EF744D, #EF744D), #C4C4C4;
6631    background: linear-gradient(180deg, #654EA3 -45.13%, #EAAFC8 131.53%), linear-gradient(0deg, #EF744D, #EF744D), #C4C4C4;
6632}
6633
6634.color_box29 {
6635    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.32%, #00B4DB), color-stop(121.46%, #0083B0)), #C4C4C4;
6636    background: -o-linear-gradient(top, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4;
6637    background: linear-gradient(180deg, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4;
6638}
6639
6640.color_box30 {
6641    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFFDE4), color-stop(131.53%, #005AA7)), #C4C4C4;
6642    background: -o-linear-gradient(top, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4;
6643    background: linear-gradient(180deg, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4;
6644}
6645
6646.color_box31 {
6647    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4;
6648    background: -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4;
6649    background: linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4;
6650}
6651
6652.color_box32 {
6653    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4;
6654    background: -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4;
6655    background: linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4;
6656}
6657
6658.color_box33 {
6659    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FF5858), color-stop(131.53%, #FFC8C8)), #C4C4C4;
6660    background: -o-linear-gradient(top, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4;
6661    background: linear-gradient(180deg, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4;
6662}
6663
6664.color_box34 {
6665    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F187FB), color-stop(131.53%, #439CFB)), #C4C4C4;
6666    background: -o-linear-gradient(top, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4;
6667    background: linear-gradient(180deg, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4;
6668}
6669
6670.color_box35 {
6671    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #6E78FF), color-stop(47.8%, #95F9C3), color-stop(131.53%, #61F4DE)), #C4C4C4;
6672    background: -o-linear-gradient(top, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4;
6673    background: linear-gradient(180deg, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4;
6674}
6675
6676.color_box36 {
6677    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #40E0D0), color-stop(45.96%, #FF8C00), color-stop(131.53%, #FF0080)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4;
6678    background: -o-linear-gradient(top, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4;
6679    background: linear-gradient(180deg, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4;
6680}
6681
6682.color_box37 {
6683    background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #108DC7), color-stop(108.76%, #EF8E38)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4;
6684    background: -o-linear-gradient(top, #108DC7 -12.51%, #EF8E38 108.76%), -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4;
6685    background: linear-gradient(180deg, #108DC7 -12.51%, #EF8E38 108.76%), linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4;
6686}
6687
6688.color_box38 {
6689    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #00B09B), color-stop(131.53%, #96C93D));
6690    background: -o-linear-gradient(top, #00B09B -45.13%, #96C93D 131.53%);
6691    background: linear-gradient(180deg, #00B09B -45.13%, #96C93D 131.53%);
6692}
6693
6694.color_box39 {
6695    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F6C4ED), color-stop(131.53%, #F1E1C2));
6696    background: -o-linear-gradient(top, #F6C4ED -45.13%, #F1E1C2 131.53%);
6697    background: linear-gradient(180deg, #F6C4ED -45.13%, #F1E1C2 131.53%);
6698}
6699
6700.color_box40 {
6701    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #ED71AD), color-stop(131.53%, #7277F1));
6702    background: -o-linear-gradient(top, #ED71AD -45.13%, #7277F1 131.53%);
6703    background: linear-gradient(180deg, #ED71AD -45.13%, #7277F1 131.53%);
6704}
6705
6706.color_box41 {
6707    background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #00C3FF), color-stop(108.76%, #FFFF1C));
6708    background: -o-linear-gradient(top, #00C3FF -12.51%, #FFFF1C 108.76%);
6709    background: linear-gradient(180deg, #00C3FF -12.51%, #FFFF1C 108.76%);
6710}
6711
6712.color_box42 {
6713    background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #BE93C5), color-stop(108.76%, #7BC6CC));
6714    background: -o-linear-gradient(top, #BE93C5 -12.51%, #7BC6CC 108.76%);
6715    background: linear-gradient(180deg, #BE93C5 -12.51%, #7BC6CC 108.76%);
6716}
6717
6718.color_box43 {
6719    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD89B), color-stop(131.53%, #19547B));
6720    background: -o-linear-gradient(top, #FFD89B -45.13%, #19547B 131.53%);
6721    background: linear-gradient(180deg, #FFD89B -45.13%, #19547B 131.53%);
6722}
6723
6724.color_box44 {
6725    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FCEABB), color-stop(131.52%, #F8B500), color-stop(131.53%, #F1E1C2));
6726    background: -o-linear-gradient(top, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%);
6727    background: linear-gradient(180deg, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%);
6728}
6729
6730.color_box45 {
6731    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #000428), color-stop(131.53%, #004E92));
6732    background: -o-linear-gradient(top, #000428 -45.13%, #004E92 131.53%);
6733    background: linear-gradient(180deg, #000428 -45.13%, #004E92 131.53%);
6734}
6735
6736.color_box46 {
6737    background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #FF5F6D), color-stop(108.76%, #FFC371));
6738    background: -o-linear-gradient(top, #FF5F6D -12.51%, #FFC371 108.76%);
6739    background: linear-gradient(180deg, #FF5F6D -12.51%, #FFC371 108.76%);
6740}
6741
6742.color_box47 {
6743    background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #E0EAFC), color-stop(108.76%, #CFDEF3));
6744    background: -o-linear-gradient(top, #E0EAFC -12.51%, #CFDEF3 108.76%);
6745    background: linear-gradient(180deg, #E0EAFC -12.51%, #CFDEF3 108.76%);
6746}
6747
6748.color_box48 {
6749    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #4CA1AF), color-stop(131.53%, #C4E0E5));
6750    background: -o-linear-gradient(top, #4CA1AF -45.13%, #C4E0E5 131.53%);
6751    background: linear-gradient(180deg, #4CA1AF -45.13%, #C4E0E5 131.53%);
6752}
6753
6754.color_box49 {
6755    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #403A3E), color-stop(131.53%, #BE5869));
6756    background: -o-linear-gradient(top, #403A3E -45.13%, #BE5869 131.53%);
6757    background: linear-gradient(180deg, #403A3E -45.13%, #BE5869 131.53%);
6758}
6759
6760.color_box50 {
6761    background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #5A3F37), color-stop(131.53%, #2C7744));
6762    background: -o-linear-gradient(top, #5A3F37 -45.13%, #2C7744 131.53%);
6763    background: linear-gradient(180deg, #5A3F37 -45.13%, #2C7744 131.53%);
6764}
6765
6766.color_box51 {
6767    background-color: #5A7403;
6768}
6769
6770.color_box52 {
6771    background-color: #474689;
6772}
6773
6774.color_box53 {
6775    background-color: #1C69FF;
6776}
6777
6778.color_box54 {
6779    background-color: #FBF20C;
6780}
6781
6782.color_box55 {
6783    background-color: #C00475;
6784}
6785
6786.color_btn {
6787    padding-top: 24px;
6788    margin-top: 24px;
6789    border-top: 1px solid #B9B8BC;
6790}
6791
6792.color_btn a {
6793    display: inline-block;
6794    padding: 18px;
6795    width: 100%;
6796    background: -webkit-gradient(linear, left top, left bottom, from(#FC7E81), to(#FC696D));
6797    background: -o-linear-gradient(top, #FC7E81 0%, #FC696D 100%);
6798    background: linear-gradient(180deg, #FC7E81 0%, #FC696D 100%);
6799    border-radius: 12px;
6800    text-align: center;
6801    font-weight: 600;
6802    font-size: 14px;
6803    line-height: 1.2;
6804    color: #FFFFFF;
6805}
6806
6807.color_img_wrapper {
6808    display: -webkit-box;
6809    display: -ms-flexbox;
6810    display: flex;
6811    -webkit-box-align: center;
6812    -ms-flex-align: center;
6813    align-items: center;
6814    -ms-flex-wrap: wrap;
6815    flex-wrap: wrap;
6816}
6817
6818.color_img1 {
6819    margin-top: 0;
6820}
6821
6822.color_img {
6823    -ms-flex-preferred-size: 20%;
6824    flex-basis: 20%;
6825    max-width: 20%;
6826    margin-top: 24px;
6827    text-align: center;
6828}
6829
6830.color_img img {
6831    height: 160px;
6832    width: 160px;
6833    border-radius: 50%;
6834    -o-object-fit: cover;
6835    object-fit: cover;
6836}
6837
6838.tools_area {
6839    background-color: #EFF7FD;
6840    padding-top: 60px;
6841    padding-bottom: 60px;
6842}
6843
6844.tools_box {
6845    padding: 16px;
6846}
6847
6848.tools_box .icon_box {
6849    float: left;
6850    margin-right: 12px;
6851    margin-bottom: 12px;
6852}
6853
6854.tools_box p {
6855    clear: both;
6856}
6857
6858@media (min-width: 992px) {
6859    .tools_area {
6860        padding-top: 100px;
6861        padding-bottom: 80px;
6862    }
6863    .tools_area .col-lg-2 {
6864        flex: 0 0 20%;
6865        max-width: 20%;
6866    }
6867}
6868
6869.tools_box__small {
6870    padding: 8px;
6871}
6872
6873.tools_box__small .icon_box {
6874    margin-right: 12px;
6875    margin-bottom: 0;
6876    width: 48px;
6877    height: 48px;
6878    padding: 12px;
6879}
6880
6881.tools_box__small h4 {
6882    font-size: 16px;
6883}
6884
6885.icon_box.v16 {
6886    background: #E24841;
6887}
6888
6889.icon_box.v17 {
6890    background: #F8D32B;
6891}
6892
6893.icon_box.v18 {
6894    background: #79DC47;
6895}
6896
6897.icon_box.v19 {
6898    background: #624BD8;
6899}
6900
6901.icon_box.v20 {
6902    background: #3295F1;
6903}
6904
6905.icon_box.v21 {
6906    background: #FF7919;
6907}
6908
6909.icon_box.v22 {
6910    background: #FF244E;
6911}
6912
6913.tools_editor {
6914    background: #FFF;
6915    border-radius: 14px;
6916    padding: 40px 24px 32px 24px;
6917    display: flex;
6918    justify-content: space-between;
6919    align-items: center;
6920    flex-direction: column;
6921    height: 100%;
6922}
6923
6924.tools_editor_group {
6925    max-width: 316px;
6926}
6927
6928.tools_editor h3 {
6929    color: #181D20;
6930    font-size: 24px;
6931    font-weight: 700;
6932    margin-bottom: 8px;
6933}
6934
6935.tools_editor p {
6936    font-size: 12px;
6937}
6938
6939.tools_editor_buttons {}
6940
6941.tools_editor .button {
6942    font-weight: 600;
6943    font-size: 12px;
6944    line-height: 18px;
6945    color: #1A8FE3;
6946    box-shadow: none;
6947    margin-top: 24px;
6948}
6949
6950.tools_editor .button-create {
6951    background-color: #F6FBFE;
6952    border: 1px solid #1A8FE3;
6953    border-radius: 10px;
6954    padding: 15px 16px;
6955}
6956
6957.tools_editor .button-upload {
6958    padding: 0;
6959    background-color: transparent;
6960    text-decoration: underline;
6961    margin-left: 16px;
6962}
6963
6964.tools_editor_image {
6965    flex-shrink: 0;
6966    margin-top: 20px;
6967}
6968
6969.tools_editor__image .tools_editor_image {
6970    filter: blur(2px);
6971}
6972
6973.tools_editor__image .tools_editor_group {
6974    filter: blur(2px);
6975}
6976
6977@media (min-width: 768px) {
6978    .tools_editor {
6979        flex-direction: row;
6980    }
6981    .tools_editor_image {
6982        width: 235px;
6983        margin-left: 10px;
6984    }
6985    .tools_editor_image {
6986        margin-top: -16px;
6987    }
6988    .tools_editor__image .tools_editor_image {
6989        margin-top: -20px;
6990        margin-right: -14px;
6991        margin-bottom: -10px;
6992    }
6993}
6994
6995@media (min-width: 992px) {
6996    .tools_editor_image {
6997        width: 180px;
6998    }
6999}
7000
7001@media (min-width: 1200px) {
7002    .tools_editor_image {
7003        width: 235px;
7004    }
7005}
7006
7007.dark-mode .tools_area {
7008    background-color: inherit;
7009}
7010
7011.dark-mode .tools_editor {
7012    background-color: #223544;
7013}
7014
7015.dark-mode .tools_editor .button-create {
7016    background-color: #404A54;
7017    border-color: #50677A;
7018    color: #71BAEE;
7019}
7020
7021.dark-mode .tools_editor .button {
7022    box-shadow: none;
7023}
7024
7025.dark-mode .tools_editor h3 {
7026    color: #fff;
7027}
7028
7029.button-gray {
7030    border: 1px solid #707375;
7031    border-radius: 14px;
7032    background-color: #fff;
7033    color: #707375;
7034}
7035
7036.button-gray:hover {
7037    background-color: #f3f7f9;
7038    color: #707375;
7039}
7040
7041.file-drop-area .button-gray {
7042    position: relative;
7043    z-index: 5;
7044    cursor: pointer;
7045}
7046
7047.file-drop-area_note {
7048    font-weight: 500;
7049    font-size: 14px;
7050    text-align: center;
7051    color: #D0726C;
7052}
7053
7054
7055/* modal-browse-templates */
7056
7057.modal-browse-templates .modal-dialog {
7058    margin: 0;
7059}
7060
7061.modal-browse-templates .modal-dialog-centered {
7062    align-items: flex-end;
7063    min-height: calc(100%);
7064}
7065
7066.modal-browse-templates .modal-content {
7067    border-radius: 12px 12px 0 0;
7068}
7069
7070.modal-browse-templates .modal-header {
7071    border: none;
7072    padding: 36px 16px 0;
7073    display: block;
7074}
7075
7076.modal-browse-templates .modal-title {
7077    color: #181D20;
7078    font-weight: bold;
7079    font-size: 16px;
7080    margin-bottom: 8px;
7081}
7082
7083.modal-browse-templates .modal-header-text {
7084    color: #828586;
7085    font-size: 12px;
7086}
7087
7088.modal-browse-templates .modal-body {
7089    padding: 8px 16px 0;
7090}
7091
7092@media (min-width: 768px) {
7093    .modal-browse-templates .modal-dialog-centered {
7094        min-height: calc(100% - 3.5rem);
7095    }
7096    .modal-browse-templates .modal-title {
7097        font-size: 24px;
7098    }
7099    .modal-browse-templates .modal-header-text {
7100        font-size: 16px;
7101    }
7102    .modal-browse-templates .modal-header {
7103        padding: 40px 40px 0;
7104    }
7105    .modal-browse-templates .modal-body {
7106        padding: 8px 40px 40px;
7107    }
7108    .modal-browse-templates .modal-content {
7109        border-radius: 12px;
7110    }
7111    .modal-browse-templates .modal-dialog {
7112        max-width: 610px;
7113        margin: 1.75rem auto;
7114    }
7115    .modal-browse-templates .modal-dialog-centered {
7116        align-items: center;
7117        justify-content: center;
7118    }
7119}
7120
7121@media (min-width: 992px) {}
7122
7123@media (min-width: 1200px) {
7124    .modal-browse-templates .modal-dialog {
7125        max-width: 1128px;
7126    }
7127}
7128
7129.tools-button {
7130    background: #FFFFFF;
7131    border: 1px solid #E3E3E4;
7132    border-radius: 8px;
7133    color: #707375;
7134    padding-left: 9px;
7135    padding-right: 9px;
7136    padding-top: 9px;
7137    padding-bottom: 8px;
7138    margin-left: 8px;
7139    height: auto;
7140    width: auto;
7141}
7142
7143.tools-button:hover {
7144    color: #007bff;
7145    border-color: #007bff;
7146    background: #FFFFFF;
7147}
7148
7149.tools-button.dropdown-toggle::after {
7150    display: none;
7151}
7152
7153.tools-button--add {
7154    color: #57B286;
7155    border-color: #57B286;
7156}
7157
7158.tools-button--delete {
7159    color: #D0726C;
7160    border-color: #D0726C;
7161}
7162
7163
7164/* text-settings */
7165
7166.text-settings {
7167    position: relative;
7168}
7169
7170.modal-text-settings {}
7171
7172.modal-text-settings .modal-dialog {
7173    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7174    margin-left: 0;
7175    margin-right: 0;
7176    margin-bottom: 0;
7177}
7178
7179.modal-text-settings .modal-dialog-centered {
7180    align-items: flex-end;
7181    min-height: calc(100%);
7182}
7183
7184.modal-text-settings .modal-content {
7185    border-radius: 16px 16px 0 0;
7186    border: none;
7187}
7188
7189.modal-text-settings .modal-header {
7190    border: none;
7191    padding-bottom: 0;
7192}
7193
7194.modal-text-settings .modal-title {
7195    font-weight: 600;
7196    font-size: 16px;
7197    line-height: 24px;
7198    color: #181D20;
7199}
7200
7201@media (min-width: 768px) {
7202    .modal-text-settings {
7203        position: absolute;
7204        top: 0;
7205        left: -287px;
7206        width: 360px;
7207        overflow: visible;
7208        box-sizing: border-box;
7209        min-height: 400px;
7210    }
7211    .modal-open .modal-text-settings {
7212        overflow: visible;
7213    }
7214    .modal-text-settings .modal-header {
7215        display: none;
7216    }
7217    .memes-edit_form .form-control {
7218        padding: 14px;
7219        font-size: 14px;
7220        height: 48px;
7221    }
7222    .modal-text-settings .modal-dialog {
7223        width: 100%;
7224        margin-top: 60px;
7225        box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7226    }
7227    .modal-text-settings .modal-dialog-centered {
7228        align-items: flex-start;
7229        min-height: auto;
7230    }
7231    .modal-text-settings .modal-content {
7232        border-radius: 12px;
7233    }
7234    .is-show-text-setting {
7235        overflow-y: auto;
7236        padding-right: 0 !important;
7237    }
7238    .is-show-text-setting .modal-backdrop {
7239        display: none;
7240    }
7241    .tools-button {
7242        padding-left: 13px;
7243        padding-right: 13px;
7244        padding-top: 12px;
7245        padding-bottom: 11px;
7246    }
7247    /*.memes-edit_tools .dropdown-menu {
7248position: absolute !important;
7249left: auto !important;
7250right: 0;
7251bottom: auto;
7252margin-top: 8px;
7253margin-right: 7px;
7254padding: 16px;
7255border-radius: 12px;
7256width: 360px;
7257}*/
7258}
7259
7260@media (min-width: 992px) {}
7261
7262@media (min-width: 1200px) {}
7263
7264
7265/* .memes-edit_tools-form */
7266
7267.memes-edit_tools-form .mcfontpicker {
7268    border: 1px solid #E3E3E4;
7269    border-radius: 8px;
7270    height: 36px;
7271    position: relative;
7272}
7273
7274.memes-edit_tools-form .mcfontpicker:before {
7275    content: "";
7276    position: absolute;
7277    top: 14px;
7278    right: 14px;
7279    width: 6px;
7280    height: 6px;
7281    border-right: 1px solid #707375;
7282    border-bottom: 1px solid #707375;
7283    transform: rotate(45deg);
7284    z-index: 3;
7285}
7286
7287.memes-edit_tools-form .mcfontpicker__search {
7288    height: 34px;
7289    border: none;
7290    border-radius: 8px;
7291    font-size: 12px;
7292    padding: 9px;
7293    padding-right: 30px;
7294    color: #707375;
7295    font-family: inherit;
7296    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
7297}
7298
7299.memes-edit_tools-form .mcfontpicker__search:focus {
7300    outline: 0;
7301    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
7302}
7303
7304.memes-edit_tools-form label {
7305    font-weight: 500;
7306    font-size: 12px;
7307    color: #707375;
7308    display: block;
7309    margin-bottom: 12px;
7310}
7311
7312.memes-edit_tools-form .form-control {
7313    height: 36px;
7314    border-color: #E3E3E4;
7315    border-radius: 8px;
7316    font-size: 12px;
7317    padding: 9px;
7318}
7319
7320.memes-edit_tools-form .memes-edit_tools {
7321    margin-left: 0;
7322}
7323
7324.memes-edit_tools {
7325    margin-left: -10px;
7326    display: flex;
7327}
7328
7329.memes-edit_tools-form .memes-edit_tools {
7330    margin-left: 0;
7331}
7332
7333.memes-edit_tools-form .tools-button {
7334    border-color: transparent;
7335    padding: 6px;
7336    margin-left: 1px;
7337}
7338
7339.memes-edit_tools-form .tools-button:hover,
7340.memes-edit_tools-form .tools-button.is-active {
7341    border-color: #1A8FE3;
7342    color: #1A8FE3;
7343    background-color: #F6FBFE;
7344}
7345
7346.memes-edit_tools-form .memes-edit_button {
7347    padding-top: 8px;
7348    padding-bottom: 8px;
7349    padding-left: 10px;
7350    padding-right: 10px;
7351    font-size: 12px;
7352    min-width: inherit;
7353    display: block;
7354    font-weight: 500;
7355    height: 40px;
7356}
7357
7358
7359/* before-after */
7360
7361.before-after {}
7362
7363.before-after_note {
7364    max-width: 280px;
7365}
7366
7367.before-after_comparison {
7368    max-width: 806px;
7369    margin-left: auto;
7370    margin-right: auto;
7371}
7372
7373.before-after_comparison img {
7374    border-radius: 10px;
7375}
7376
7377.before-after_comparison .ba-slider {
7378    overflow: visible;
7379}
7380
7381.before-after_comparison .handle {
7382    width: 1px;
7383    margin-left: -.5px;
7384    background: #E3E3E4;
7385    height: 100%;
7386    transform: none;
7387    border: none;
7388}
7389
7390.before-after_comparison .handle::after {
7391    content: "";
7392    background-image: url(/v3/img/handle-before-after.svg);
7393    background-repeat: no-repeat;
7394    background-size: 80% auto;
7395    background-position: 50%;
7396    width: 40px;
7397    height: 40px;
7398    margin: -20px 0 0 -20px;
7399    background-color: #FFF;
7400    border: none;
7401    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7402}
7403
7404.before-after_tool {
7405    margin-top: 32px;
7406}
7407
7408.before-after_item {
7409    flex-grow: 1;
7410    padding: 16px;
7411    background: #FFFFFF;
7412    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7413    border-radius: 12px;
7414    box-sizing: border-box;
7415    margin-bottom: 24px;
7416}
7417
7418.before-after_item--before {}
7419
7420.before-after_item-header {
7421    margin-bottom: 16px;
7422    text-align: left;
7423}
7424
7425.before-after_item-title {
7426    font-weight: 600;
7427    font-size: 16px;
7428    line-height: 130%;
7429    color: #57B286;
7430}
7431
7432.before-after_item--before .before-after_item-title {
7433    color: #D0726C;
7434}
7435
7436.before-after_item-note {
7437    margin-top: 8px;
7438    font-size: 12px;
7439}
7440
7441.before-after_item-patterns {
7442    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7443    background-color: #fff;
7444    border-radius: 12px;
7445    padding: 11px;
7446    box-sizing: border-box;
7447    max-width: 414px;
7448    display: flex;
7449    flex-wrap: wrap;
7450}
7451
7452.before-after_item-patterns img {
7453    border-radius: 100%;
7454    margin-left: 5px;
7455    margin-right: 5px;
7456    margin-top: 5px;
7457    margin-bottom: 5px;
7458    width: 60px;
7459}
7460
7461.before-after_item-group {}
7462
7463.before-after_advantage {
7464    display: flex;
7465    align-items: center;
7466    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7467    border-radius: 12px;
7468    padding: 10px;
7469    margin-top: 16px;
7470    background-color: #fff;
7471}
7472
7473.before-after_advantage:first-child {}
7474
7475.before-after_advantage img {
7476    border-radius: 100%;
7477    flex-shrink: 0;
7478    width: 32px;
7479    height: 32px;
7480}
7481
7482.before-after_advantage span {
7483    margin-left: 8px;
7484    font-weight: 500;
7485    font-size: 12px;
7486    color: #181D20;
7487}
7488
7489.dark-mode .before-after_item {
7490    background-color: #223544;
7491}
7492
7493.dark-mode .before-after_item-patterns,
7494.dark-mode .before-after_advantage {
7495    background-color: #1F2A33;
7496}
7497
7498.dark-mode .before-after_advantage span {
7499    color: #EFEFEF;
7500}
7501
7502.dark-mode .subscribe-modal__title {
7503    color: #EFEFEF;
7504}
7505
7506.dark-mode .subscribe-modal__descr {
7507    color: #fff !important;
7508}
7509
7510.dark-mode .btn-action--light-blue {
7511    background-color: transparent;
7512}
7513
7514.dark-mode .switch-mode-tool--green .switch-name.is-selected {
7515    color: #FFFFFF;
7516}
7517
7518.dark-mode .switch-mode-tool .form-check-input {
7519    background-color: #1CAB48;
7520}
7521
7522.dark-mode .switch-mode-tool .form-check-input::after {
7523    background-color: #ffffff;
7524}
7525
7526@media (min-width: 768px) {
7527    .before-after {
7528        text-align: center;
7529    }
7530    .before-after_note {
7531        max-width: 400px;
7532        margin-left: auto;
7533        margin-right: auto;
7534    }
7535    .before-after_comparison img {
7536        border-radius: 12px;
7537    }
7538    .before-after_comparison .handle::after {
7539        width: 56px;
7540        height: 56px;
7541        margin: -28px 0 0 -28px;
7542    }
7543    .before-after_tool {
7544        display: flex;
7545        justify-content: center;
7546    }
7547    .before-after_item {
7548        flex-grow: 1;
7549        margin-left: 12px;
7550        margin-right: 12px;
7551        max-width: 545px;
7552        margin-bottom: 0;
7553    }
7554    .before-after_item--before {
7555        max-width: 376px;
7556    }
7557    .before-after_tool {
7558        margin-top: 40px;
7559    }
7560    .before-after_item {
7561        padding: 24px;
7562    }
7563    .before-after_item-header {
7564        margin-bottom: 24px;
7565    }
7566    .before-after_item-title {
7567        font-size: 20px;
7568    }
7569    .before-after_item-note {
7570        font-size: 16px;
7571    }
7572    .before-after_item-patterns {
7573        padding: 5px;
7574    }
7575    .before-after_advantage {
7576        margin-top: 24px;
7577        padding: 16px;
7578    }
7579    .before-after_advantage img {
7580        width: 48px;
7581        height: 48px;
7582    }
7583    .before-after_advantage span {
7584        margin-left: 10px;
7585        font-size: 16px;
7586    }
7587}
7588
7589@media (min-width: 992px) {
7590    .before-after_item-group {
7591        display: flex;
7592        justify-content: space-between;
7593    }
7594    .before-after_advantage {
7595        margin-left: 24px;
7596    }
7597    .before-after_advantage:first-child {
7598        margin-left: 0;
7599    }
7600    .before-after_item-patterns img {
7601        width: 88px;
7602    }
7603    .before-after_item-title {
7604        font-size: 24px;
7605    }
7606}
7607
7608
7609/* .get update */
7610
7611.get-update {
7612    background: #1A8FE3;
7613    border-radius: 14px;
7614    padding: 42px 32px;
7615    background-image: url(/v3/img/bg-get-update.svg);
7616    background-repeat: no-repeat;
7617    background-position: 100% 100%;
7618    box-shadow: 0 20px 20px rgb(26 143 227 / 32%);
7619    color: #fff;
7620    height: 100%;
7621}
7622
7623.get-update h3 {
7624    font-weight: 700;
7625    font-size: 24px;
7626}
7627
7628.get-update p {
7629    margin-top: 12px;
7630    font-size: 12px;
7631    max-width: 390px;
7632}
7633
7634.get-update_form {}
7635
7636.get-update .form-control {
7637    border-radius: 6px;
7638    height: 40px;
7639    width: 100%;
7640}
7641
7642.get-update .form-control::placeholder {
7643    color: #C8C9CA;
7644}
7645
7646.get-update .button {
7647    background: #FFFFFF;
7648    border-radius: 6px;
7649    font-size: 12px;
7650    color: #181D20;
7651    padding: 9px 20px;
7652    height: 40px;
7653}
7654
7655
7656/* .compress-result */
7657
7658.compress-result {
7659    background: #FFFFFF;
7660    border: 1px solid #EFEFEF;
7661    box-sizing: border-box;
7662    border-radius: 12px;
7663    padding: 24px;
7664    text-align: center;
7665}
7666
7667.compress-result_title {
7668    font-size: 24px;
7669    font-weight: 600;
7670    padding-top: 0;
7671}
7672
7673.compress-result_action {
7674    margin-top: 16px;
7675    border-bottom: 1px solid #E3E3E4;
7676    padding-bottom: 56px;
7677}
7678
7679.compress-result_action-group {}
7680
7681.compress-result_file {
7682    border: 1px solid #E3E3E4;
7683    box-sizing: border-box;
7684    border-radius: 8px;
7685    padding-left: 10px;
7686    padding-top: 10px;
7687    padding-bottom: 10px;
7688    max-width: 100%;
7689    overflow: hidden;
7690    white-space: nowrap;
7691    text-overflow: ellipsis;
7692    font-weight: 500;
7693    font-size: 14px;
7694    color: #181D20;
7695}
7696
7697.compress-result_file-icon {
7698    width: 40px;
7699    height: 40px;
7700    border-radius: 8px;
7701    margin-right: 8px;
7702    display: inline-flex;
7703    justify-content: center;
7704    align-items: center;
7705    flex-shrink: 0;
7706    vertical-align: middle;
7707}
7708
7709.compress-result_file-icon--pdf {
7710    background: #FEF6F6;
7711}
7712
7713.compress-result_file-icon--image {
7714    background: #F5FFFA;
7715}
7716
7717.compress-result_link {
7718    margin-top: 8px;
7719}
7720
7721.compress-result_link .form-control {
7722    resize: none;
7723    background: #F6F6F6;
7724    border-color: #E3E3E4;
7725    border-radius: 8px;
7726    padding: 10px;
7727    font-weight: 500;
7728    font-size: 14px;
7729    color: #707375;
7730    min-height: 114px;
7731}
7732
7733.compress-result_tools {}
7734
7735.compress-result_tools-item {
7736    position: relative;
7737}
7738
7739.compress-result_tools {
7740    padding-top: 24px;
7741}
7742
7743.compress-result_tools .button {
7744    margin-top: 8px;
7745    width: 100%;
7746    font-weight: 500;
7747    border-radius: 6px;
7748}
7749
7750.compress-result_button-download::after {
7751    content: '';
7752    width: 8px;
7753    height: 8px;
7754    margin-left: 10px;
7755    margin-top: -4px;
7756    border-right: 2px solid #fff;
7757    border-bottom: 2px solid #fff;
7758    -webkit-transform: rotate(45deg);
7759    transform: rotate(45deg);
7760    display: inline-block;
7761    vertical-align: middle;
7762}
7763
7764.compress-result_button-send {
7765    background-color: #FFF;
7766    border: 1px solid #1A8FE3;
7767    color: #1A8FE3;
7768}
7769
7770.compress-result_list-tools {}
7771
7772.compress-result_list-tools li {
7773    border-top: 1px solid #E3E3E4;
7774}
7775
7776.compress-result_list-tools li:first-child {
7777    border-top-width: 0;
7778}
7779
7780.compress-result_list-tools .item,
7781.compress-result_list-tools a {
7782    display: flex;
7783    align-items: center;
7784    padding-top: 10px;
7785    padding-bottom: 10px;
7786    color: #707375;
7787    font-size: 16px;
7788    cursor: pointer;
7789}
7790
7791.compress-result_list-tools .icon {
7792    margin-right: 10px;
7793    width: 32px;
7794    height: 32px;
7795    background-color: #F5FBFA;
7796    border-radius: 100%;
7797    display: flex;
7798    align-items: center;
7799    justify-content: center;
7800    color: #1a8fe3;
7801}
7802
7803.compress-result_list-tools .icon svg {
7804    width: 16px;
7805    height: 16px;
7806}
7807
7808.compress-result_list-tools .icon_box {
7809    width: 32px;
7810    height: 32px;
7811    margin-right: 10px;
7812    border-radius: 6px;
7813}
7814
7815.compress-result_button-link {
7816    font-weight: 500;
7817    font-size: 16px;
7818    text-decoration-line: underline;
7819    color: #707375;
7820    display: inline-block;
7821    margin-top: 16px;
7822    background: none;
7823    width: auto;
7824    padding: 0;
7825}
7826
7827.compress-result_button-link:hover {
7828    text-decoration: none;
7829    background: none;
7830    color: #707375;
7831}
7832
7833.compress-result .get-update {
7834    background: #F6F6F6;
7835    border: 1px solid #E3E3E4;
7836    border-radius: 8px;
7837    box-shadow: none;
7838    color: #707375;
7839    padding: 12px;
7840    text-align: left;
7841}
7842
7843.compress-result .get-update h3 {
7844    color: #181D20;
7845    font-weight: 600;
7846    font-size: 20px;
7847}
7848
7849.compress-result .get-update p {
7850    margin-top: 4px;
7851}
7852
7853.compress-result .get-update .form-control {
7854    height: 48px;
7855    font-size: 12px;
7856}
7857
7858.compress-result .get-update .button {
7859    height: 48px;
7860    min-width: 48px;
7861    background: #1A8FE3;
7862    color: #FFFFFF;
7863    font-weight: 600;
7864    font-size: 12px;
7865    padding: 10px;
7866    margin-left: -10px;
7867}
7868
7869.compress-result .get-update .button span {
7870    display: none;
7871}
7872
7873
7874/* .share */
7875
7876.share {
7877    border: 1px solid #E3E3E4;
7878    border-radius: 8px;
7879    padding: 12px;
7880    height: 100%;
7881    box-sizing: border-box;
7882    text-align: left;
7883}
7884
7885.share h3 {
7886    color: #181D20;
7887    font-weight: 600;
7888    font-size: 20px;
7889    margin-bottom: 4px;
7890}
7891
7892.share p {
7893    font-size: 12px;
7894}
7895
7896.share .social_icon {
7897    text-align: left;
7898    margin-right: -16px;
7899    margin-top: 8px;
7900}
7901
7902.share .social_icon a {
7903    width: 40px;
7904    height: 40px;
7905    border: 1px solid #E3E3E4;
7906    line-height: 38px;
7907    background-color: #fff;
7908    margin-right: 12px;
7909    margin-top: 8px;
7910}
7911
7912.modal-result-tools {}
7913
7914.modal-result-tools .modal-dialog {
7915    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
7916    margin-left: 0;
7917    margin-right: 0;
7918    margin-bottom: 0;
7919}
7920
7921.modal-result-tools .modal-dialog-centered {
7922    align-items: flex-end;
7923    min-height: calc(100%);
7924    margin: auto;
7925}
7926
7927.modal-result-tools .modal-content {
7928    border-radius: 16px 16px 0 0;
7929    border: none;
7930}
7931
7932.modal-result-tools .modal-header {
7933    border: none;
7934    padding-bottom: 0;
7935}
7936
7937.modal-result-tools .close {
7938    position: absolute;
7939    top: -5px;
7940    left: 0;
7941    right: 0;
7942    font-size: 0;
7943    margin: 0;
7944    text-align: center;
7945}
7946
7947.modal-result-tools .close::before {
7948    content: "";
7949    background: #E3E3E4;
7950    border-radius: 99px;
7951    width: 32px;
7952    height: 4px;
7953    display: inline-block;
7954}
7955
7956.modal-result-tools .modal-title {
7957    font-weight: 600;
7958    font-size: 16px;
7959    line-height: 24px;
7960    color: #181D20;
7961}
7962
7963@media (min-width: 768px) {
7964    .compress-result {
7965        padding: 24px;
7966    }
7967    .compress-result_action-group {
7968        width: 272px;
7969        margin-left: auto;
7970        margin-right: auto;
7971    }
7972    .compress-result .get-update {
7973        padding: 24px;
7974    }
7975    .compress-result .get-update .button {
7976        margin-left: 0;
7977        width: 100%;
7978    }
7979    .compress-result .get-update .button span {
7980        display: block;
7981    }
7982    .compress-result .get-update .button img {
7983        display: none;
7984    }
7985    .share {
7986        padding: 24px;
7987    }
7988    .share .social_icon a {
7989        width: 48px;
7990        height: 48px;
7991        line-height: 46px;
7992    }
7993    .compress-result_list-tools {
7994        margin-left: -4px;
7995        margin-right: -4px;
7996        margin-top: -13px;
7997        margin-bottom: -13px;
7998    }
7999    .modal-result-tools {
8000        position: absolute;
8001        top: 0;
8002        left: 0;
8003        width: 100%;
8004        overflow: visible;
8005        box-sizing: content-box;
8006        min-height: 400px;
8007    }
8008    .modal-open .modal-result-tools {
8009        overflow: visible;
8010    }
8011    .modal-result-tools .modal-header {
8012        display: none;
8013    }
8014    .modal-result-tools .modal-dialog {
8015        width: 100%;
8016        margin-top: 60px;
8017        box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
8018    }
8019    .modal-result-tools .modal-dialog-centered {
8020        align-items: flex-start;
8021        min-height: auto;
8022    }
8023    .modal-result-tools .modal-content {
8024        border-radius: 12px;
8025    }
8026    .is-show-result-tools {
8027        overflow-y: auto;
8028        padding-right: 0 !important;
8029    }
8030    .is-show-result-tools .modal-backdrop {
8031        display: none;
8032    }
8033}
8034
8035@media (min-width: 1025px) {
8036    .share .social_icon a {
8037        margin-right: 15px;
8038    }
8039}
8040
8041
8042/* .expand_menu */
8043
8044.expand_menu-box {
8045    padding-top: 24px;
8046    padding-bottom: 20px;
8047    background: #FFF;
8048    box-shadow: inset 3px 15px 40px rgba(24, 29, 32, .05), 3px 15px 40px rgba(24, 29, 32, .05);
8049    border-radius: 0 0 10px 10px;
8050}
8051
8052.expand_menu-tools {
8053    margin-bottom: 16px;
8054}
8055
8056.expand_menu .tools_box {
8057    flex-basis: calc(100% / 5);
8058    flex-shrink: 0;
8059    margin: 10px 16px;
8060    border: 1px solid #E3E3E4;
8061    border-radius: 5px;
8062    padding: 8px;
8063}
8064
8065.expand_menu .tools_box .icon_box {
8066    width: 32px;
8067    height: 32px;
8068    margin-bottom: 0;
8069    margin-right: 10px;
8070    padding: 8px;
8071}
8072
8073.expand_menu .tools_box h4 {
8074    font-weight: 600;
8075    font-size: 14px;
8076    padding-bottom: 0;
8077    margin-top: 9px;
8078    margin-bottom: 0;
8079}
8080
8081.expand_menu_title {
8082    font-weight: 600;
8083    font-size: 16px;
8084    line-height: 140%;
8085    color: #181D20;
8086    min-height: 22px;
8087    margin-left: 16px;
8088    margin-right: 16px;
8089}
8090
8091.expand_menu .mega_menu {
8092    opacity: 1;
8093    visibility: visible;
8094    margin-top: 0;
8095    margin-bottom: 8px;
8096}
8097
8098.expand_menu .mega_menu-colums {
8099    display: flex;
8100    flex-wrap: wrap;
8101}
8102
8103.expand_menu .mega_menu-colums li {
8104    width: 50%;
8105}
8106
8107.expand_menu .mega_menu li {
8108    padding-top: 1px;
8109    padding-bottom: 1px;
8110}
8111
8112.expand_menu .mega_menu img {
8113    -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%);
8114    filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%);
8115}
8116
8117.expand_menu .mega_menu li a {
8118    padding-top: 5px;
8119    padding-bottom: 5px;
8120    align-items: flex-start;
8121}
8122
8123@media (min-width: 1200px) {
8124    .expand_menu {
8125        top: 46px;
8126    }
8127}
8128
8129/*@media (min-width: 1023px) {*/
8130    .expand_menu {
8131        position: fixed;
8132        top: 40px;
8133        left: 0;
8134        width: 100%;
8135        padding-top: 24px;
8136        display: none;
8137    }
8138    .expand_menu .mega_menu {
8139        margin-bottom: 0;
8140        margin-top: 8px;
8141        margin-left: 0;
8142        margin-right: 0;
8143    }
8144    .menu2>li:hover .expand_menu {
8145        display: block;
8146    }
8147    .expand_menu-tools {
8148        display: flex;
8149        flex-wrap: wrap;
8150        margin-left: -10px;
8151        margin-right: -10px;
8152        margin-bottom: 16px;
8153    }
8154    .expand_menu .tools_box {
8155        flex-grow: 1;
8156        margin: 10px;
8157    }
8158    .expand_menu_title {
8159        color: #181D20;
8160        font-weight: 600;
8161        margin-left: 0;
8162        margin-right: 0;
8163    }
8164    .expand_menu .mega_menu li a {
8165        padding-top: 6px;
8166        padding-bottom: 6px;
8167    }
8168/*}*/
8169
8170
8171/* .switch-mode-tool */
8172
8173.switch-mode-tool {
8174    border-top: 1px solid #E3E3E4;
8175    padding-top: 16px;
8176    padding-bottom: 16px;
8177    display: flex;
8178    align-items: center;
8179    justify-content: space-between;
8180    margin-top: 16px;
8181}
8182
8183.switch-mode-tool_text {
8184    font-weight: 400;
8185    font-size: 16px;
8186    line-height: 24px;
8187    color: #525658;
8188    display: flex;
8189    align-items: center;
8190}
8191
8192.switch-mode-tool_icon {
8193    width: 24px;
8194    height: 24px;
8195    margin-right: 8px;
8196    color: #1A8FE3;
8197    flex-shrink: 0;
8198}
8199
8200.switch-mode-tool_icon svg {
8201    width: 100%;
8202    height: 100%;
8203}
8204
8205.switch-mode-tool .form-switch {
8206    padding-left: 2.5em;
8207}
8208
8209.switch-mode-tool .form-check-input {
8210    position: relative;
8211    display: inline-block;
8212    width: 45px;
8213    height: 24px;
8214    margin: 0;
8215    vertical-align: top;
8216    background: #E3E3E4;
8217    border-radius: 99px;
8218    outline: none;
8219    cursor: pointer;
8220    -webkit-appearance: none;
8221    -moz-appearance: none;
8222    appearance: none;
8223    transition: background .3s linear;
8224}
8225
8226.switch-mode-tool .form-check-input::after {
8227    content: "";
8228    display: inline-block;
8229    position: absolute;
8230    left: 5px;
8231    top: 5px;
8232    width: 14px;
8233    height: 14px;
8234    background-color: #fff;
8235    border-radius: 50%;
8236    transform: translateX(0);
8237    transition: background, transform .3s linear;
8238}
8239
8240.switch-mode-tool .form-check-input:checked::after {
8241    transform: translateX(calc(100% + 5px));
8242    background-color: #fff;
8243}
8244
8245.switch-mode-tool .form-check-input:checked {
8246    background-color: #1A8FE3;
8247}
8248
8249
8250/* user-bar */
8251
8252.user-bar {
8253    display: flex;
8254    align-items: center;
8255    justify-content: space-between;
8256}
8257
8258.user-bar_info {
8259    display: flex;
8260    align-items: center;
8261}
8262
8263.user-bar_avatar {
8264    background-color: #FB5F7F;
8265    width: 48px;
8266    height: 48px;
8267    display: flex;
8268    align-items: center;
8269    justify-content: center;
8270    overflow: hidden;
8271    border-radius: 100%;
8272    position: relative;
8273    color: #fff;
8274    font-weight: 600;
8275    font-size: 18px;
8276    flex-shrink: 0;
8277}
8278
8279.user-bar_avatar-default {
8280    background-color: #EFEFEF;
8281    color: #828586;
8282}
8283
8284.user-bar_avatar svg {
8285    width: 24px;
8286    height: 24px;
8287    position: absolute;
8288    top: 50%;
8289    left: 50%;
8290    transform: translate(-50%, -50%);
8291    display: none;
8292}
8293
8294.user-bar_avatar-default svg {
8295    display: block;
8296}
8297
8298.user-bar_avatar img {
8299    position: relative;
8300    z-index: 1;
8301}
8302
8303.user-bar_text {
8304    margin-left: 10px;
8305    flex-shrink: 1;
8306}
8307
8308.user-bar_text .user-bar_name,
8309.user-bar_text .user-bar_plan {
8310    text-overflow: ellipsis;
8311    overflow: hidden;
8312    display: block;
8313    width: inherit;
8314    max-width: 135px;
8315    white-space: nowrap;
8316}
8317
8318.user-bar_name {
8319    font-weight: 500;
8320    font-size: 14px;
8321    line-height: 21px;
8322    color: #181D20;
8323    display: block;
8324}
8325
8326.user-bar_plan {
8327    font-size: 12px;
8328    line-height: 18px;
8329    color: #828586;
8330}
8331
8332.user-bar .button {
8333    font-size: 10px;
8334    padding: 5px 16px;
8335    border-radius: 5px;
8336}
8337
8338.user-bar .button-upgrade {
8339    background-color: #F65E55;
8340}
8341
8342.user-bar .button-info {
8343    background: none;
8344    color: #1A8FE3;
8345    border: 1px solid #1A8FE3;
8346}
8347
8348
8349/* .mobile_menu .button-files */
8350
8351.mobile_menu .button-files {
8352    width: 100%;
8353    display: flex;
8354    align-items: center;
8355    justify-content: space-between;
8356    border-top: 1px solid #E3E3E4;
8357    padding-top: 16px;
8358    padding-bottom: 16px;
8359    background: none;
8360}
8361
8362.mobile_menu .button-files_text {
8363    font-weight: 400;
8364    font-size: 16px;
8365    line-height: 24px;
8366    color: #525658;
8367    display: flex;
8368    align-items: center;
8369}
8370
8371.mobile_menu .button-files_icon-folder {
8372    width: 24px;
8373    height: 24px;
8374    margin-right: 8px;
8375    color: #1A8FE3;
8376    flex-shrink: 0;
8377}
8378
8379.mobile_menu .button-files_icon-arrow {
8380    width: 16px;
8381    height: 16px;
8382    color: #A7A9AA;
8383    transform: rotate(-90deg);
8384}
8385
8386
8387/* .mobile_menu .share */
8388
8389.mobile_menu .share {
8390    margin-top: 8px;
8391}
8392
8393.mobile_menu .share h3 {
8394    font-size: 16px;
8395}
8396
8397.mobile_menu .share .input-group {
8398    margin-top: 16px;
8399}
8400
8401.mobile_menu .share .form-control {
8402    padding: 13px 6px 11px 16px;
8403    font-size: 14px;
8404    border-radius: 8px 0 0 8px;
8405    border-color: #E3E3E4;
8406    border-right-width: 0;
8407    height: 44px;
8408}
8409
8410.mobile_menu .share .form-control:focus {
8411    outline: none;
8412    -webkit-box-shadow: none;
8413    box-shadow: none;
8414}
8415
8416.mobile_menu .share .input-group-append .btn {
8417    padding: 13px 8px 10px 6px;
8418    font-size: 12px;
8419    color: #1A8FE3;
8420    font-weight: 600;
8421    border-radius: 0 8px 8px 0;
8422    border-color: #E3E3E4;
8423    border-left-width: 0;
8424}
8425
8426.mobile_menu .share .input-group-append .btn:hover {
8427    background: none;
8428}
8429
8430
8431/* .mobile_menu .button-logout */
8432
8433.mobile_menu .button-logout {
8434    background: #fff;
8435    font-weight: 400;
8436    font-size: 16px;
8437    color: #D0726C;
8438    position: fixed;
8439    bottom: 0;
8440    width: 100%;
8441    padding: 24px 15px;
8442    text-align: left;
8443    margin-left: -15px;
8444    z-index: 2;
8445}
8446
8447.mobile_menu .button-logout svg {
8448    width: 24px;
8449    height: 24px;
8450    margin-right: 8px;
8451    margin-top: -4px;
8452}
8453
8454
8455/* billing */
8456
8457.billing_box {
8458    padding: 12px;
8459    background-color: #fff;
8460    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
8461    border-radius: 12px;
8462    color: #181D20;
8463    margin-top: 20px;
8464}
8465
8466.billing_box-header {
8467    display: flex;
8468    align-items: center;
8469    justify-content: space-between;
8470    margin-bottom: 16px;
8471}
8472
8473.billing_box h5 {
8474    font-weight: 600;
8475    font-size: 14px;
8476}
8477
8478.billing_box .btn-outline-secondary {
8479    /*color: #828586;
8480border-color: #828586;*/
8481    border-radius: 5px;
8482    font-size: 10px;
8483}
8484
8485.billing_box .btn-outline-secondary svg {
8486    width: 16px;
8487    height: 16px;
8488    margin-right: 8px;
8489}
8490
8491.cards-list {
8492    margin-top: 4px;
8493    margin-bottom: 24px;
8494}
8495
8496.cards-list_item {
8497    padding-top: 12px;
8498    padding-bottom: 12px;
8499    border-bottom: 1px solid #E3E3E4;
8500}
8501
8502.cards-list_item .form-check {
8503    display: flex;
8504    align-items: center;
8505}
8506
8507.cards-list_icon {
8508    display: inline-block;
8509    vertical-align: middle;
8510    width: 71px;
8511    height: 32px;
8512    padding-left: 10px;
8513}
8514
8515.cards-list_item .form-check-input {
8516    margin-top: 0;
8517}
8518
8519.cards-list_item .form-check-label {
8520    display: flex;
8521    align-items: center;
8522}
8523
8524.cards-list_text {
8525    color: #525658;
8526    padding-left: 10px;
8527    font-size: 12px;
8528}
8529
8530.cards-list_text span {
8531    font-weight: 600;
8532    color: #181D20;
8533}
8534
8535.cards-list_action {
8536    padding-left: 20px;
8537    display: flex;
8538    flex-direction: row-reverse;
8539    justify-content: flex-end;
8540}
8541
8542.cards-list_action .btn {
8543    font-weight: 500;
8544    font-size: 10px;
8545    color: #707375;
8546}
8547
8548.cards-list_action .btn-outline-primary {
8549    color: #1A8FE3;
8550    border-color: transparent;
8551    padding: 12px;
8552    border-radius: 8px;
8553    font-weight: 600;
8554}
8555
8556.cards-list_action .btn-outline-primary:hover {
8557    color: #fff;
8558    background-color: #1A8FE3;
8559}
8560
8561@media (min-width: 768px) {
8562    .billing_box {
8563        padding: 20px;
8564        margin-top: 30px;
8565    }
8566    .billing_box h5 {
8567        font-size: 20px;
8568    }
8569    .billing_box .btn-outline-secondary {
8570        font-size: 14px;
8571    }
8572    .cards-list {}
8573    .cards-list_item {
8574        padding-top: 16px;
8575        padding-bottom: 16px;
8576    }
8577    .billing_box .btn-outline-secondary svg {
8578        width: 21px;
8579        height: 21px;
8580    }
8581    .cards-list_icon {
8582        width: 90px;
8583        height: 40px;
8584    }
8585    .cards-list_text {
8586        font-size: 16px;
8587    }
8588    .cards-list_action {
8589        text-align: right;
8590        padding-left: 0;
8591        flex-direction: row;
8592    }
8593    .cards-list_action .btn {
8594        font-size: 14px;
8595    }
8596    .cards-list_action .btn-outline-primary {
8597        border-color: #1A8FE3;
8598        padding: 12px 40px;
8599    }
8600}
8601
8602
8603/* .order-summary */
8604
8605.order-summary {}
8606
8607.order-summary_list {
8608    padding-bottom: 16px;
8609}
8610
8611.order-summary_item {
8612    display: flex;
8613    justify-content: space-between;
8614    margin-top: 12px;
8615    font-size: 12px;
8616}
8617
8618.order-summary_name {
8619    font-weight: 400;
8620}
8621
8622.order-summary_price {
8623    font-weight: 600;
8624}
8625
8626.order-summary_price--colored {
8627    color: #1A8FE3;
8628}
8629
8630.order-summary_action {}
8631
8632.order-summary_action .button {
8633    width: 100%;
8634    font-size: 12px;
8635}
8636
8637.order-summary_action .button:disabled {
8638    background-color: #C8C9CA;
8639}
8640
8641@media (min-width: 768px) {
8642    .order-summary_item {
8643        font-size: 14px;
8644    }
8645    .order-summary_action .button {
8646        font-size: 16px;
8647    }
8648}
8649
8650
8651/* title-section */
8652
8653.title-section {
8654    position: relative;
8655    font-weight: 500;
8656    font-size: 12px;
8657    color: #ADADAD;
8658    text-transform: uppercase;
8659    text-align: center;
8660    margin-top: 32px;
8661    margin-bottom: 12px;
8662}
8663
8664.title-section::before {
8665    content: "";
8666    width: 100%;
8667    height: 1px;
8668    background-color: #ADADAD;
8669    position: absolute;
8670    top: 50%;
8671    left: 0;
8672    transform: translateY(-50%);
8673}
8674
8675.title-section span {
8676    display: inline-block;
8677    background-color: #fff;
8678    padding-left: 8px;
8679    padding-right: 8px;
8680    position: relative;
8681}
8682
8683@media (min-width: 768px) {
8684    .title-section {
8685        font-size: 16px;
8686        line-height: 20px;
8687        margin-top: 56px;
8688        margin-bottom: 56px;
8689    }
8690}
8691
8692
8693/* billing-history */
8694
8695.billing-history {
8696    border-radius: 4px 4px 0 0;
8697    overflow-x: auto;
8698}
8699
8700.billing-history_message {
8701    text-align: center;
8702    border-width: 0 1px 1px 1px;
8703    border-style: solid;
8704    border-color: #E3E3E4;
8705    padding: 28px 12px;
8706    color: #707375;
8707    min-width: 480px;
8708    font-size: 12px;
8709}
8710
8711.billing-history .table {
8712    margin-bottom: 0;
8713    min-width: 480px
8714}
8715
8716.billing-history .table .thead-light th {
8717    background-color: #EFEFEF;
8718}
8719
8720.billing-history .table th {
8721    color: #707375;
8722    font-weight: 500;
8723    font-size: 10px;
8724    border: 1px solid #E3E3E4;
8725    padding: 10px 40px 10px 12px;
8726    vertical-align: middle;
8727    position: relative;
8728}
8729
8730.billing-history .table th:first-child {
8731    width: 375px;
8732}
8733
8734.billing-history .table th:nth-child(2) {
8735    width: 286px;
8736}
8737
8738.billing-history .table th:nth-child(3) {
8739    width: 272px;
8740}
8741
8742.billing-history .table td {
8743    font-weight: 400;
8744    font-size: 12px;
8745    color: #707375;
8746    border: 1px solid #E3E3E4;
8747    padding: 10px 12px;
8748    vertical-align: middle;
8749}
8750
8751.billing-history .table tbody th {
8752    font-weight: 600;
8753    color: #181D20;
8754}
8755
8756.billing-history .badge {
8757    font-weight: 500;
8758    font-size: 10px;
8759    text-transform: uppercase;
8760    padding: 6px 10px;
8761}
8762
8763.billing-history .badge-success {
8764    background-color: #EAF5F0;
8765    color: #57B286;
8766}
8767
8768.billing-history .badge-danger {
8769    background-color: #F9EEED;
8770    color: #D0726C;
8771}
8772
8773.billing-history .badge-warning {
8774    background-color: #FBF7E6;
8775    color: #DDBE22;
8776}
8777
8778.table_sort {
8779    position: absolute;
8780    top: 50%;
8781    right: 0;
8782    transform: translateY(-50%);
8783    padding: 0 6px;
8784    color: #707375;
8785}
8786
8787.table_sort svg {
8788    width: 12px;
8789    height: 12px;
8790}
8791
8792@media (min-width: 768px) {
8793    .billing-history {
8794        overflow: hidden;
8795    }
8796    .billing-history_message {
8797        font-size: 16px;
8798    }
8799    .billing-history .table {}
8800    .billing-history .table th {
8801        font-size: 14px;
8802        padding: 19px 40px 19px 12px;
8803    }
8804    .billing-history .table td {
8805        font-size: 16px;
8806        padding: 20px 12px;
8807    }
8808    .billing-history .badge {
8809        font-size: 16px;
8810        line-height: 24px;
8811        padding: 8px 16px;
8812    }
8813    .table_sort {
8814        right: 10px;
8815    }
8816    .table_sort svg {
8817        width: 17px;
8818        height: 17px;
8819    }
8820}
8821
8822
8823/* modal-add-card */
8824
8825.modal-add-card {}
8826
8827.modal-add-card .modal-dialog {
8828    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
8829    margin-left: 0;
8830    margin-right: 0;
8831    margin-bottom: 0;
8832}
8833
8834.modal-add-card .modal-dialog-centered {
8835    /*align-items: flex-end;*/
8836    min-height: calc(100%);
8837    margin: auto;
8838}
8839
8840.modal-add-card .modal-content {
8841    border-radius: 16px;
8842    border: none;
8843}
8844
8845.modal-add-card .modal-header {
8846    border: none;
8847    padding-top: 36px;
8848    padding-bottom: 0;
8849}
8850
8851.modal-add-card .close {
8852    position: absolute;
8853    top: -5px;
8854    left: 0;
8855    right: 0;
8856    font-size: 0;
8857    margin: 0;
8858    text-align: center;
8859}
8860
8861.modal-add-card .close::before {
8862    content: "";
8863    background: #E3E3E4;
8864    border-radius: 99px;
8865    width: 32px;
8866    height: 4px;
8867    display: inline-block;
8868}
8869
8870.modal-add-card .close svg {
8871    display: none;
8872}
8873
8874.modal-add-card .modal-title {
8875    font-weight: 700;
8876    color: #181D20;
8877    font-size: 18px;
8878}
8879
8880.modal-add-card .modal-body {
8881    padding-top: 0;
8882}
8883
8884.modal-add-card .form-control {
8885    height: 35px;
8886}
8887
8888.modal-add-card label {
8889    font-weight: 500;
8890    font-size: 12px;
8891    line-height: 18px;
8892    color: #707375;
8893    padding-bottom: 10px;
8894}
8895
8896.modal-add-card .modal-body .button {
8897    width: 100%;
8898    padding-top: 10px;
8899    padding-bottom: 10px;
8900}
8901
8902.modal-add-card .is-invalid label {
8903    color: #D0726C;
8904}
8905
8906.mod
8906al-add-card .is-invalid .form-control {
8907    border-color: #D0726C;
8908}
8909
8910.modal-add-card .is-invalid .invalid-feedback {
8911    color: #D0726C;
8912    display: block;
8913}
8914
8915@media (min-width: 768px) {
8916    .modal-add-card {
8917        position: absolute;
8918        top: 0;
8919        left: 0;
8920        width: 100%;
8921        overflow: visible;
8922        box-sizing: content-box;
8923        min-height: 400px;
8924    }
8925    .modal-open .modal-add-card {
8926        overflow: visible;
8927    }
8928    .modal-add-card .modal-dialog {
8929        max-width: 668px;
8930    }
8931    .modal-add-card .modal-header {
8932        padding: 24px 24px 0;
8933    }
8934    .modal-add-card .modal-title {
8935        font-weight: 700;
8936        font-size: 24px;
8937        line-height: 24px;
8938    }
8939    .modal-add-card .close {
8940        font-size: 20px;
8941        left: auto;
8942        top: 6px;
8943    }
8944    .modal-add-card .close svg {
8945        width: 24px;
8946        height: 24px;
8947        display: block;
8948    }
8949    .modal-add-card .close::before {
8950        display: none;
8951    }
8952    .modal-add-card .modal-dialog {
8953        width: 100%;
8954        box-shadow: none;
8955    }
8956    .modal-add-card .modal-dialog-centered {
8957        align-items: center;
8958    }
8959    .modal-add-card .modal-body {
8960        padding: 24px;
8961    }
8962    .modal-add-card .modal-content {
8963        border-radius: 12px;
8964        box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
8965    }
8966    .modal-add-card .form-control {
8967        height: 49px;
8968    }
8969    .modal-add-card .modal-body .button {
8970        padding-top: 17px;
8971        padding-bottom: 17px;
8972    }
8973}
8974
8975
8976/* modal-remove-card */
8977
8978.modal-remove-card {}
8979
8980.modal-remove-card .modal-content {
8981    border-radius: 12px;
8982}
8983
8984.modal-remove-card .modal-header {
8985    border: none;
8986    text-align: center;
8987    justify-content: center;
8988}
8989
8990.modal-remove-card .modal-title {
8991    font-weight: 700;
8992    color: #181D20;
8993}
8994
8995.modal-remove-card .modal-body {
8996    padding-top: 0;
8997}
8998
8999.modal-remove-card .modal-body p {
9000    text-align: center;
9001    font-size: 14px;
9002    color: #525658;
9003    padding-left: 20px;
9004    padding-right: 20px;
9005}
9006
9007.modal-remove-card .modal-body .button {
9008    width: 100%;
9009    font-weight: 500;
9010    padding-top: 11px;
9011    padding-bottom: 11px;
9012    font-size: 12px;
9013}
9014
9015.modal-remove-card .modal-body .btn-outline-secondary {
9016    width: 100%;
9017    color: #A7A9AA;
9018    border-color: #E3E3E4;
9019    font-weight: 400;
9020    font-size: 12px;
9021    padding-top: 9px;
9022    padding-bottom: 9px;
9023}
9024
9025.modal-remove-card .modal-body .btn-outline-secondary:hover {
9026    color: #fff;
9027    background-color: #6c757d;
9028    border-color: #6c757d;
9029}
9030
9031@media (min-width: 768px) {
9032    .modal-remove-card .modal-dialog {
9033        max-width: 338px;
9034    }
9035    .modal-remove-card .modal-body {
9036        padding-left: 24px;
9037        padding-right: 24px;
9038    }
9039    .modal-remove-card .modal-title {
9040        font-weight: 700;
9041        font-size: 24px;
9042        line-height: 140%;
9043    }
9044    .modal-remove-card .modal-header {
9045        padding-left: 24px;
9046        padding-right: 24px;
9047        padding-top: 24px;
9048    }
9049    .modal-remove-card .modal-body .button {
9050        padding-top: 17px;
9051        padding-bottom: 17px;
9052    }
9053    .modal-remove-card .modal-body .btn-outline-secondary {
9054        font-size: 16px;
9055        padding-top: 15px;
9056        padding-bottom: 15px;
9057    }
9058}
9059
9060
9061/* modal-sign-in */
9062
9063.modal-sign-in {}
9064
9065.modal-sign-in .modal-content {
9066    border-radius: 10px;
9067    border: none;
9068    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
9069}
9070
9071.modal-sign-in .modal-header {
9072    border: none;
9073    padding-top: 24px;
9074    padding-bottom: 0;
9075    flex-direction: column;
9076    align-items: center;
9077}
9078
9079.modal-sign-in .modal-header_image {
9080    width: 40px;
9081    height: 40px;
9082    margin-bottom: 12px;
9083}
9084
9085.modal-sign-in .modal-title {
9086    font-weight: 700;
9087    color: #181D20;
9088    font-size: 20px;
9089}
9090
9091.modal-sign-in .modal-body {
9092    padding: 10px 24px 24px;
9093}
9094
9095.modal-sign-in .form-control {
9096    height: 40px;
9097    border-radius: 10px;
9098    font-size: 10px;
9099}
9100
9101.modal-sign-in label {
9102    font-weight: 500;
9103    font-size: 12px;
9104    line-height: 18px;
9105    color: #525658;
9106    padding-bottom: 12px;
9107}
9108
9109.modal-sign-in .modal-body .button {
9110    width: 100%;
9111    padding-top: 10px;
9112    padding-bottom: 10px;
9113    font-size: 12px;
9114    box-shadow: 0 20px 20px rgb(26 143 227 / 20%);
9115}
9116
9117.modal-sign-in .is-invalid label {
9118    color: #D0726C;
9119}
9120
9121.modal-sign-in .is-invalid .form-control {
9122    border-color: #D0726C;
9123}
9124
9125.modal-sign-in .is-invalid .invalid-feedback {
9126    color: #D0726C;
9127    display: block;
9128}
9129
9130.modal-sign-in .input-group .form-control,
9131.modal-sign-in .input-group .form-control:not(:last-child) {
9132    border-radius: 10px;
9133    padding-right: 48px;
9134}
9135
9136.modal-sign-in .input-group .form-control.is-invalid+.btn-form-control {
9137    right: 24px;
9138}
9139
9140.modal-sign-in .btn-form-control {
9141    position: absolute;
9142    top: 0;
9143    right: 0;
9144    width: 18px;
9145    height: 18px;
9146    padding: 10px;
9147    box-sizing: content-box;
9148    color: #A7A9AA;
9149    z-index: 5;
9150}
9151
9152.modal-sign-in .btn-form-control:focus {
9153    outline: none;
9154    box-shadow: none;
9155}
9156
9157.modal-sign-in .btn-form-control svg {
9158    width: 100%;
9159    height: 100%;
9160}
9161
9162.modal-sign-in .form-check-input {
9163    border-color: #828586;
9164}
9165
9166.modal-sign-in .form-check-label {
9167    color: #828586;
9168    font-weight: 400;
9169    font-size: 10px;
9170}
9171
9172.modal-sign-in .btn-link {
9173    color: #1A8FE3;
9174    font-weight: 400;
9175    font-size: 10px;
9176    line-height: 18px;
9177    text-decoration: none;
9178    padding: 0;
9179}
9180
9181.modal-sign-in .form-note {
9182    color: #707375;
9183    font-size: 12px;
9184}
9185
9186.modal-sign-in .form-note .btn-link {
9187    font-size: 12px;
9188}
9189
9190@media (min-width: 768px) {
9191    .modal-sign-in .modal-dialog {
9192        max-width: 464px;
9193    }
9194    .modal-sign-in .modal-header {
9195        padding: 24px 24px 0;
9196    }
9197    .modal-sign-in .modal-header_image {
9198        width: 48px;
9199        height: 48px;
9200        margin-bottom: 16px;
9201    }
9202    .modal-sign-in .modal-title {
9203        font-weight: 700;
9204        font-size: 24px;
9205        line-height: 24px;
9206    }
9207    .modal-sign-in .modal-dialog {
9208        width: 100%;
9209        box-shadow: none;
9210    }
9211    .modal-sign-in .modal-dialog-centered {
9212        align-items: center;
9213    }
9214    .modal-sign-in .modal-content {
9215        border-radius: 14px;
9216        box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9217    }
9218    .modal-sign-in .form-control {
9219        height: 48px;
9220        font-size: 14px;
9221    }
9222    .modal-sign-in .modal-body .button {
9223        padding-top: 17px;
9224        padding-bottom: 17px;
9225        font-size: 16px;
9226    }
9227    .modal-sign-in .btn-form-control {
9228        width: 20px;
9229        height: 20px;
9230        padding: 11px;
9231    }
9232    .modal-sign-in .btn-form-control:hover {
9233        color: #525658;
9234    }
9235    .modal-sign-in .form-check-label {
9236        font-size: 12px;
9237    }
9238    .modal-sign-in .btn-link {
9239        font-size: 12px;
9240    }
9241    .modal-sign-in .form-note {
9242        font-size: 14px;
9243    }
9244    .modal-sign-in .form-note .btn-link {
9245        font-size: 14px;
9246    }
9247}
9248
9249
9250/* splitter-image */
9251
9252.splitter-image {}
9253
9254.splitter-image_box {
9255    border: 1px solid #EFEFEF;
9256    background-color: #fff;
9257    border-radius: 12px;
9258    padding: 40px;
9259}
9260
9261.splitter-image_bar {
9262    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9263    border-radius: 8px;
9264    padding: 24px;
9265    text-align: right;
9266}
9267
9268.splitter-image .title {
9269    font-size: 24px;
9270    font-weight: 600;
9271    line-height: 1;
9272    padding-top: 0;
9273    text-align: left;
9274}
9275
9276.splitter-image_bar-item {
9277    display: inline-flex;
9278    align-items: center;
9279    vertical-align: middle;
9280    padding-left: 24px;
9281    margin-left: 24px;
9282    border-left: 1px solid #E3E3E4;
9283}
9284
9285.splitter-image_bar-item:first-child {
9286    padding-left: 0;
9287    margin-left: 0;
9288    border: none;
9289}
9290
9291.splitter-image_bar-item p {
9292    font-weight: 500;
9293    font-size: 16px;
9294    line-height: 24px;
9295    color: #181D20;
9296    margin-right: 16px;
9297}
9298
9299.splitter-image .form-control {
9300    text-align: center;
9301    width: 115px;
9302    height: 40px;
9303    margin-left: 8px;
9304    margin-right: 8px;
9305}
9306
9307.splitter-image_bar .button {
9308    background-color: #fff;
9309    color: #707375;
9310    border: 1px solid #E3E3E4;
9311    border-radius: 5px;
9312    padding: 7px;
9313}
9314
9315.splitter-image_bar .button svg {
9316    width: 24px;
9317    height: 24px;
9318}
9319
9320.splitter-image_buttons {
9321    text-align: right;
9322}
9323
9324.splitter-image_buttons .button {
9325    padding-left: 24px;
9326    padding-right: 24px;
9327    margin-left: 16px;
9328}
9329
9330@media (max-width: 1024px) {
9331    .splitter-image_box {
9332        padding: 30px;
9333    }
9334}
9335
9336@media (max-width: 992px) {
9337    .splitter-image_box {
9338        padding: 16px;
9339    }
9340    .splitter-image_bar {
9341        padding: 10px;
9342    }
9343    .splitter-image .title {
9344        display: none;
9345    }
9346    .splitter-image_bar {
9347        text-align: left;
9348    }
9349    .splitter-image_bar-item {
9350        margin-top: 10px;
9351        padding-left: 0;
9352        margin-left: 0;
9353        border: none;
9354        flex-wrap: wrap;
9355        width: 100%;
9356    }
9357    .splitter-image_bar-item:first-child {
9358        margin-top: 0;
9359    }
9360    .splitter-image_bar-item p {
9361        width: 100%;
9362        margin-bottom: 4px;
9363    }
9364    .splitter-image .form-control {
9365        flex-grow: 1;
9366    }
9367    .splitter-image_bar .button {
9368        flex-shrink: 0;
9369    }
9370}
9371
9372
9373/* collage-maker */
9374
9375.collage-maker {}
9376
9377.collage-maker_box {
9378    border: 1px solid #EFEFEF;
9379    background-color: #fff;
9380    border-radius: 12px;
9381    padding: 40px;
9382}
9383
9384.collage-maker_bar {
9385    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9386    border-radius: 8px;
9387    padding: 14px 24px 24px;
9388}
9389
9390.collage-maker_border {
9391    display: inline-flex;
9392    vertical-align: middle;
9393    align-items: center;
9394    margin-left: 12px;
9395}
9396
9397.collage-maker_border:before {
9398    content: "";
9399    display: block;
9400    width: 1px;
9401    height: 32px;
9402    background-color: #E3E3E4;
9403    margin-right: 12px;
9404}
9405
9406.collage-maker_border p {
9407    font-weight: 500;
9408    font-size: 16px;
9409    line-height: 24px;
9410    color: #181D20;
9411    margin-right: 12px;
9412}
9413
9414.collage-maker_border .form-group {
9415    margin-bottom: 0;
9416    border: 1px solid #E3E3E4;
9417    border-radius: 4px;
9418    width: 175px;
9419    padding-left: 12px;
9420    padding-right: 12px;
9421    padding-top: 15px;
9422    padding-bottom: 15px;
9423    display: inline-block;
9424    vertical-align: middle;
9425}
9426
9427
9428/* pick-color */
9429
9430.pick-color,
9431.collage-maker_border .input-group {
9432    display: flex;
9433    border: 1px solid #E3E3E4;
9434    border-radius: 4px;
9435    padding: 7px 8px;
9436}
9437
9438.collage-maker_border .input-group {
9439    display: inline-flex;
9440    vertical-align: middle;
9441    width: 135px;
9442}
9443
9444.pick-color .form-control,
9445.collage-maker_border .input-group .form-control {
9446    border: none;
9447    height: 32px;
9448    font-size: 12px;
9449    color: #181D20;
9450}
9451
9452.pick-color .form-control:focus,
9453.collage-maker_border .input-group .form-control:focus {
9454    outline: none;
9455    box-shadow: none;
9456    background-color: transparent;
9457}
9458
9459.pick-color .input-group-prepend,
9460.collage-maker_border .input-group-prepend {
9461    flex-shrink: 0;
9462}
9463
9464.pick-color .input-group-prepend .btn,
9465.collage-maker_border .input-group-prepend .btn {
9466    width: 32px;
9467    height: 32px;
9468    border-radius: 4px;
9469}
9470
9471.collage-maker .button {
9472    padding-left: 24px;
9473    padding-right: 24px;
9474    font-size: 14px;
9475}
9476
9477.collage-maker_buttons {
9478    text-align: right;
9479}
9480
9481.collage-maker_buttons .button {
9482    margin-left: 12px;
9483}
9484
9485@media (max-width: 1024px) {
9486    .collage-maker_box {
9487        padding: 30px;
9488    }
9489}
9490
9491@media (max-width: 992px) {
9492    .collage-maker_box {
9493        padding: 16px;
9494    }
9495    .collage-maker_bar {
9496        padding: 0 10px 10px;
9497    }
9498}
9499
9500@media (max-width: 767px) {
9501    .collage-maker_border {
9502        display: block;
9503        margin-left: 0;
9504        margin-top: 10px;
9505        margin-bottom: 10px;
9506    }
9507    .collage-maker_border:before {
9508        display: none;
9509    }
9510    .collage-maker_border .form-group {
9511        margin-top: 10px;
9512        width: 164px;
9513    }
9514    .collage-maker_border .input-group {
9515        margin-top: 10px;
9516        width: 123px;
9517    }
9518}
9519
9520
9521/* .collage-grid  */
9522
9523.collage-grid {
9524    display: grid;
9525    grid-column-gap: 0;
9526    grid-row-gap: 0;
9527    border: 1px solid #E3E3E4;
9528    padding: 4px;
9529    height: 487px;
9530    grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end];
9531    grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end];
9532}
9533
9534.collage-grid--type-1 {}
9535
9536.collage-grid--type-1 .collage-grid_item--1 {
9537    grid-column: col1-start;
9538    grid-row: row1-start;
9539}
9540
9541.collage-grid--type-1 .collage-grid_item--2 {
9542    grid-column: col2-start;
9543    grid-row: row1-start;
9544}
9545
9546.collage-grid--type-1 .collage-grid_item--3 {
9547    grid-column: col1-start;
9548    grid-row: row2-start;
9549}
9550
9551.collage-grid--type-1 .collage-grid_item--4 {
9552    grid-column: col2-start;
9553    grid-row: row2-start / row2-end;
9554}
9555
9556.collage-grid--type-2 {}
9557
9558.collage-grid--type-2 .collage-grid_item--1 {
9559    grid-column: col1-start / col2-start;
9560    grid-row: row1-start;
9561}
9562
9563.collage-grid--type-2 .collage-grid_item--2 {
9564    grid-column: col2-start;
9565    grid-row: row1-start / row2-end;
9566}
9567
9568.collage-grid--type-2 .collage-grid_item--3 {
9569    grid-column: col1-start;
9570    grid-row: row2-start;
9571}
9572
9573.collage-grid--type-3 {}
9574
9575.collage-grid--type-3 .collage-grid_item--1 {
9576    grid-column: col1-start / row2-end;
9577    grid-row: row1-start;
9578}
9579
9580.collage-grid--type-3 .collage-grid_item--2 {
9581    grid-column: col2-start;
9582    grid-row: row2-start;
9583}
9584
9585.collage-grid--type-3 .collage-grid_item--3 {
9586    grid-column: col1-start;
9587    grid-row: row2-start / row2-end;
9588}
9589
9590.collage-grid--type-4 {}
9591
9592.collage-grid--type-4 .collage-grid_item--1 {
9593    grid-column: col1-start / col2-start;
9594    grid-row: row1-start / row2-end;
9595}
9596
9597.collage-grid--type-4 .collage-grid_item--2 {
9598    grid-column: col2-start;
9599    grid-row: row1-start;
9600}
9601
9602.collage-grid--type-4 .collage-grid_item--3 {
9603    grid-column: col2-start;
9604    grid-row: row2-start / row2-end;
9605}
9606
9607.collage-grid--type-5 {}
9608
9609.collage-grid--type-5 .collage-grid_item--1 {
9610    grid-column: col1-start;
9611    grid-row: row1-start;
9612}
9613
9614.collage-grid--type-5 .collage-grid_item--2 {
9615    grid-column: col2-start;
9616    grid-row: row1-start;
9617}
9618
9619.collage-grid--type-5 .collage-grid_item--3 {
9620    grid-column: col1-start / col2-end;
9621    grid-row: row2-start / row2-end;
9622}
9623
9624.collage-grid_item {
9625    margin: 4px;
9626    background: #EFEFEF;
9627    border: 2px solid transparent;
9628    overflow: hidden;
9629    position: relative;
9630    box-sizing: border-box;
9631}
9632
9633.collage-grid_item--1 {}
9634
9635.collage-grid_item--2 {}
9636
9637.collage-grid_item--3 {}
9638
9639.collage-grid_item--4 {}
9640
9641.collage-grid_item .file-input {
9642    z-index: 1;
9643}
9644
9645.collage-grid_item img {
9646    position: relative;
9647    z-index: 5;
9648}
9649
9650.collage-grid_item svg {
9651    width: 24px;
9652    height: 24px;
9653    position: absolute;
9654    top: 50%;
9655    left: 50%;
9656    transform: translate(-50%, -50%);
9657    color: #707375;
9658}
9659
9660
9661/* .modal-upload */
9662
9663.modal-upload .modal-header {
9664    border: none;
9665    padding: 24px 24px 0;
9666    display: block;
9667}
9668
9669.modal-upload .modal-title {
9670    color: #181D20;
9671    font-weight: bold;
9672    font-size: 24px;
9673    margin-bottom: 2px;
9674}
9675
9676.modal-upload .modal-header-text {
9677    color: #828586;
9678    font-size: 16px;
9679}
9680
9681.modal-header .close svg {
9682    width: 24px;
9683    height: 24px;
9684}
9685
9686.modal-upload .close {
9687    position: absolute;
9688    top: 29px;
9689    right: 24px;
9690}
9691
9692.modal-upload .modal-dialog {
9693    max-width: 719px;
9694}
9695
9696.modal-upload .modal-content {
9697    border-radius: 12px;
9698}
9699
9700.modal-upload .file-drop-area {
9701    margin-top: 29px;
9702    margin-bottom: 29px;
9703    border: none;
9704    height: auto;
9705}
9706
9707
9708/* .modal-templates */
9709
9710.modal-templates .modal-header {
9711    border: none;
9712    padding: 24px 24px 0;
9713    display: block;
9714}
9715
9716.modal-templates .modal-title {
9717    color: #181D20;
9718    font-weight: bold;
9719    font-size: 24px;
9720    margin-bottom: 2px;
9721}
9722
9723.modal-templates .modal-header-text {
9724    color: #828586;
9725    font-size: 16px;
9726}
9727
9728.modal-templates .close {
9729    position: absolute;
9730    top: 29px;
9731    right: 24px;
9732}
9733
9734.modal-templates .modal-dialog {
9735    max-width: 812px;
9736}
9737
9738.modal-templates .modal-content {
9739    border-radius: 12px;
9740}
9741
9742.modal-templates .modal-body {
9743    padding: 24px;
9744    display: block;
9745}
9746
9747
9748/* collage-choose */
9749
9750.collage-choose {
9751    display: flex;
9752    position: relative;
9753}
9754
9755.collage-choose .form-check {
9756    overflow: hidden;
9757    margin-right: 12px;
9758}
9759
9760.collage-choose .form-check:last-child {
9761    margin-right: 0;
9762}
9763
9764.collage-choose .form-check-input {
9765    position: absolute;
9766    opacity: 0;
9767    visibility: hidden;
9768}
9769
9770.collage-choose .form-check-input:checked+.form-check-label {
9771    color: #1A8FE3;
9772    border-color: #1A8FE3;
9773}
9774
9775.collage-choose .form-check-label {
9776    padding: 8px 16px;
9777    border: 1px solid #E3E3E4;
9778    border-radius: 4px;
9779    font-weight: 500;
9780    font-size: 12px;
9781    line-height: 18px;
9782    color: #707375;
9783    cursor: pointer;
9784    transition: color, border-color .2s linear;
9785}
9786
9787.collage-choose_size {}
9788
9789.collage-choose_template {
9790    margin-top: 16px;
9791}
9792
9793.collage-choose_template .form-check {
9794    margin-right: 16px;
9795}
9796
9797.collage-choose_template .form-check:last-of-type {
9798    margin-right: 0;
9799}
9800
9801.collage-choose_template .form-check-label {
9802    border-radius: 0;
9803    padding: 0;
9804    border-color: transparent;
9805}
9806
9807.collage-choose_button {
9808    width: 40px;
9809    height: 40px;
9810    background: #FFFFFF;
9811    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9812    padding: 0;
9813    border-radius: 100%;
9814    position: absolute;
9815    right: -8px;
9816    top: 50%;
9817    transform: translateY(-50%);
9818    color: #707375;
9819}
9820
9821.collage-choose_button svg {
9822    width: 20px;
9823    height: 20px;
9824    transform: rotate(-90deg);
9825}
9826
9827
9828/* chart-creators */
9829
9830.chart-creators {}
9831
9832.chart-creators_box {
9833    border: 1px solid #EFEFEF;
9834    background-color: #fff;
9835    border-radius: 12px;
9836    padding: 40px;
9837}
9838
9839.chart-creators_bar {
9840    display: flex;
9841    justify-content: center;
9842    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9843    border-radius: 12px;
9844    padding: 24px;
9845}
9846
9847.chart-creators_bar .form-check {
9848    overflow: hidden;
9849    margin-left: 8px;
9850    margin-right: 8px;
9851}
9852
9853.chart-creators_bar .form-check-input {
9854    position: absolute;
9855    opacity: 0;
9856    visibility: hidden;
9857}
9858
9859.chart-creators_bar .form-check-input:checked+.form-check-label {
9860    color: #fff;
9861    background-color: #1A8FE3;
9862}
9863
9864.chart-creators_bar .form-check-label {
9865    padding: 8px 16px;
9866    border: 1px solid #1A8FE3;
9867    border-radius: 10px;
9868    font-weight: 500;
9869    font-size: 12px;
9870    line-height: 18px;
9871    color: #1A8FE3;
9872    cursor: pointer;
9873    transition: color, border-color .2s linear;
9874    display: flex;
9875    flex-direction: column;
9876    align-items: center;
9877    width: 104px;
9878}
9879
9880.chart-creators_bar .form-check-label svg {
9881    width: 40px;
9882    height: 40px;
9883    margin-bottom: 2px;
9884}
9885
9886.chart-creators_bar .form-check-label span {
9887    font-weight: 500;
9888    font-size: 14px;
9889    width: 54px;
9890    white-space: nowrap;
9891    text-overflow: ellipsis;
9892    overflow: hidden;
9893}
9894
9895.chart-creators_bar .form-check:first-child span {
9896    width: auto;
9897}
9898
9899.chart-creators_tabs {
9900    padding: 24px;
9901    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
9902    border-radius: 12px;
9903}
9904
9905.chart-creators_tabs-header {
9906    text-align: center;
9907}
9908
9909.chart-creators_tabs .list-group {
9910    display: inline-flex;
9911    flex-direction: row;
9912    background: #F6FBFE;
9913    border-radius: 8px;
9914    padding-top: 4px;
9915    padding-bottom: 4px;
9916}
9917
9918.chart-creators_tabs .list-group-item {
9919    padding: 12px 24px;
9920    white-space: nowrap;
9921    background-color: transparent;
9922    border: none;
9923    border-radius: 6px;
9924    margin-left: 4px;
9925    margin-right: 4px;
9926    color: #707375;
9927    font-weight: 500;
9928    font-size: 16px;
9929}
9930
9931.chart-creators_tabs .list-group-item.active {
9932    background-color: #1A8FE3;
9933    color: #fff;
9934}
9935
9936.tab-content .form-group {
9937    position: relative;
9938}
9939
9940.tab-content .form-group>label {
9941    font-weight: 500;
9942    font-size: 16px;
9943    color: #525658;
9944    padding-bottom: 10px;
9945}
9946
9947.tab-content .form-group>.form-control {
9948    border-radius: 6px;
9949    height: 48px;
9950    border-color: #E3E3E4;
9951    font-size: 14px;
9952}
9953
9954.tab-content .text-settings {
9955    position: absolute;
9956    bottom: 8px;
9957    right: 8px;
9958}
9959
9960.tab-content .tools-button {
9961    padding: 4px 6px;
9962}
9963
9964.tab-content .tools-button svg {
9965    width: 18px;
9966    height: 18px;
9967}
9968
9969.tab-content .dropdown {}
9970
9971.tab-content .dropdown .btn-secondary {
9972    width: 100%;
9973    padding-top: 11px;
9974    padding-bottom: 11px;
9975    background-color: transparent;
9976    border-color: #E3E3E4;
9977    color: #707375;
9978    text-align: left;
9979    font-weight: 400;
9980    font-size: 14px;
9981    display: flex;
9982    justify-content: space-between;
9983    align-items: center;
9984}
9985
9986.tab-content .dropdown .btn-secondary:focus {
9987    border-color: #80bdff;
9988    outline: 0;
9989    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
9990}
9991
9992.tab-content .dropdown .btn-secondary:active {
9993    background-color: transparent;
9994    border-color: #E3E3E4;
9995    color: #707375;
9996}
9997
9998.tab-content .dropdown-toggle::after {
9999    content: "";
10000    width: 6px;
10001    height: 6px;
10002    border-right: 1px solid #707375;
10003    border-bottom: 1px solid #707375;
10004    border-top: none;
10005    border-left: none;
10006    transform: rotate(45deg);
10007    z-index: 3;
10008}
10009
10010.tab-content .dropdown-menu {
10011    width: 100%;
10012    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
10013    border-radius: 6px;
10014    padding: 7px;
10015    border: none;
10016    margin-top: 8px;
10017}
10018
10019.tab-content .dropdown-item {
10020    padding: 5px;
10021    font-size: 14px;
10022    line-height: 21px;
10023    color: #707375;
10024    margin-top: 11px;
10025}
10026
10027.tab-content .dropdown-item:first-child {
10028    margin-top: 0;
10029}
10030
10031.chart-creators_buttons {
10032    text-align: right;
10033}
10034
10035
10036/* chart-creators_import */
10037
10038.chart-creators_import {}
10039
10040.chart-creators_import-box {
10041    overflow: hidden;
10042    display: inline-block;
10043    position: relative;
10044    cursor: pointer;
10045}
10046
10047
10048/* chart-creators_table */
10049
10050.chart-creators_table {
10051    overflow: auto;
10052    max-height: 440px;
10053    border: 1px solid #EFEFEF;
10054}
10055
10056.chart-creators_table .table {
10057    /*table-layout: fixed;*/
10058    width: max-content;
10059    margin-bottom: 0;
10060}
10061
10062.chart-creators_table .table .thead-light th,
10063.chart-creators_table .table th {
10064    background-color: #F6F6F6;
10065    border-color: #EFEFEF;
10066    border-left: 1px solid #EFEFEF;
10067    color: #707375;
10068    padding: 7px;
10069    font-weight: 400;
10070    font-size: 16px;
10071    text-align: center;
10072}
10073
10074.chart-creators_table .table .thead-light th {
10075    border-top: none;
10076}
10077
10078.chart-creators_table .table .thead-light th:first-child,
10079.chart-creators_table .table th:first-child {
10080    width: 40px;
10081    border-left: none;
10082}
10083
10084.chart-creators_table .table td {
10085    border-color: #EFEFEF;
10086    border-left: 1px solid #EFEFEF;
10087    width: 100px;
10088    padding: 7px;
10089}
10090
10091.chart-creators_tabs .pick-color .form-control {
10092    color: #707375;
10093    font-size: 14px;
10094}
10095
10096.separator {
10097    display: flex;
10098    align-items: center;
10099    margin-top: 16px;
10100}
10101
10102.separator__span {
10103    font-weight: 500;
10104    font-size: 12px;
10105    color: #707375;
10106    padding: 0 10px;
10107}
10108
10109.separator__line {
10110    display: block;
10111    width: 100%;
10112    height: 1px;
10113    background-color: #E3E3E4;
10114}
10115
10116.outline-wrap {
10117    font-size: 14px;
10118    padding: 16px;
10119    color: #181D20;
10120    border: 1px solid #E3E3E4;
10121    border-radius: 8px;
10122}
10123
10124.form-control-field {
10125    background-color: #FFFFFF;
10126    border: 1px solid #E3E3E4;
10127    border-radius: 8px;
10128    display: block;
10129    font-weight: 400;
10130    font-size: 12px;
10131    padding: 15px;
10132    letter-spacing: 0.005em;
10133    height: 48px;
10134    width: 100%;
10135    color: #707375;
10136}
10137
10138.form-control-field::placeholder {
10139    color: #A7A9AA;
10140}
10141
10142.link-blue {
10143    color: #1A8FE3;
10144    text-decoration: underline;
10145}
10146
10147@media (max-width: 992px) {
10148    .chart-creators_box {
10149        padding: 24px;
10150    }
10151    .chart-creators_bar,
10152    .chart-creators_tabs {
10153        padding: 12px;
10154    }
10155    .chart-creators_bar .form-check-label {
10156        padding: 8px;
10157        width: 100px;
10158    }
10159}
10160
10161@media (max-width: 767px) {
10162    .chart-creators_box {
10163        padding: 16px;
10164    }
10165    .chart-creators_bar,
10166    .chart-creators_tabs {
10167        padding: 10px;
10168    }
10169    .chart-creators_bar {
10170        flex-wrap: wrap;
10171        padding-top: 4px;
10172    }
10173    .chart-creators_bar .form-check {
10174        margin-left: 3px;
10175        margin-right: 3px;
10176        margin-top: 6px;
10177    }
10178    .chart-creators_bar .form-check-label {
10179        width: 87px;
10180    }
10181    .chart-creators_tabs .list-group {
10182        padding-left: 4px;
10183        padding-right: 4px;
10184        display: flex;
10185    }
10186    .chart-creators_tabs .list-group-item {
10187        padding: 10px 11px;
10188        font-size: 12px;
10189        margin-left: 0;
10190        margin-right: 0;
10191    }
10192    .tab-content .form-group {
10193        margin-bottom: 0;
10194    }
10195    .tab-content .text-settings {
10196        bottom: 3px;
10197        right: 3px;
10198    }
10199    .tab-content .form-group>label {
10200        font-size: 12px;
10201        padding-bottom: 8px;
10202    }
10203    .tab-content .form-group>.form-control {
10204        height: 35px;
10205        font-size: 10px;
10206    }
10207    .tab-content .dropdown .btn-secondary {
10208        font-size: 10px;
10209        padding-top: 9px;
10210        padding-bottom: 9px;
10211    }
10212    .tab-content .dropdown-item {
10213        font-size: 10px;
10214        margin-top: 2px;
10215    }
10216    .chart-creators_buttons .button {
10217        width: 100%;
10218        padding-top: 8px;
10219        padding-bottom: 8px;
10220        font-size: 12px;
10221    }
10222    .chart-creators_import {
10223        text-align: center;
10224    }
10225    .chart-creators_import .button {
10226        width: 100%;
10227        padding-top: 8px;
10228        padding-bottom: 8px;
10229        font-size: 12px;
10230    }
10231    .chart-creators_import p {
10232        margin-top: 5px;
10233        font-size: 10px;
10234    }
10235}
10236
10237/* ctrl-tool */
10238.ctrl-tool {
10239    --color: 211, 211, 211;
10240    display: inline-block;
10241    vertical-align: middle;
10242    padding: 12px;
10243    border-radius: 12px;
10244    background-color: #fff;
10245    box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, .05));
10246    transition-property: box-shadow;
10247    transition-timing-function: ease-in-out;
10248    transition-duration: .125s;
10249}
10250
10251.ctrl-tool__icon-box {
10252    display: block;
10253    width: 40px;
10254    height: 40px;
10255    padding: 11px;
10256    border-radius: 50%;
10257    overflow: hidden;
10258    margin-bottom: 8px;
10259    color: #fff;
10260    background-color: rgba(var(--color), 1);
10261    box-shadow: 0 8px 32px rgba(var(--color), 0.24);
10262}
10263
10264.ctrl-tool__icon {
10265    display: block;
10266    width: 18px;
10267    height: 18px;
10268    fill: none;
10269    stroke: currentColor;
10270}
10271
10272.ctrl-tool__name {
10273    font-weight: 600;
10274    font-size: 14px;
10275    line-height: calc(20 / 14);
10276    color: #181D20;
10277}
10278.ctrl-tool__description {
10279    margin-top: 2px;
10280    font-size: 10px;
10281    line-height: calc(12 / 10);
10282    color: #707375;
10283}
10284
10285.ctrl-tool--color-1 {
10286    --color: 118, 79, 229;
10287}
10288
10289.ctrl-tool--color-2 {
10290    --color: 229, 79, 109;
10291}
10292
10293.ctrl-tool--color-3 {
10294    --color: 110, 202, 28;
10295}
10296
10297.ctrl-tool--color-4 {
10298    --color: 229, 133, 79;
10299}
10300
10301.ctrl-tool:hover {
10302    --shadow-opacity: .1;
10303}
10304
10305@media (min-width: 1200px) {
10306    .ctrl-tool {
10307        padding: 16px;
10308    }
10309
10310    .ctrl-tool__icon-box {
10311        width: 56px;
10312        height: 56px;
10313        padding: 15px;
10314        margin-bottom: 16px;
10315    }
10316
10317    .ctrl-tool__icon {
10318        width: 26px;
10319        height: 26px;
10320    }
10321
10322    .ctrl-tool__name {
10323        font-size: 20px;
10324        line-height: calc(30 / 20);
10325    }
10326    .ctrl-tool__description {
10327        font-size: 14px;
10328        line-height: calc(20 / 14);
10329    }
10330}
10331
10332.dark-mode .ctrl-tool {
10333    background-color: #273744;
10334}
10335
10336.dark-mode .ctrl-tool__name,
10337.dark-mode .ctrl-tool__description {
10338    color: #fff;
10339}
10340/* end ctrl-tool */
10341
10342/* faq-item */
10343.faq-item {
10344    border-radius: 10px;
10345    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
10346    color: #525658;
10347    background-color: #fff;
10348    overflow: hidden;
10349}
10350
10351.faq-item__toggle {
10352    display: flex;
10353    align-items: center;
10354    justify-content: space-between;
10355    width: 100%;
10356    padding: 12px;
10357    font-weight: 500;
10358    font-size: 12px;
10359    line-height: calc(18 / 12);
10360    border-width: 0;
10361    outline: none;
10362    text-align: left;
10363    color: var(--question-color, inherit);
10364    background-color: transparent;
10365}
10366
10367.faq-item__question {
10368    flex-grow: 1;
10369}
10370
10371.faq-item__icon {
10372    position: relative;
10373    flex-shrink: 0;
10374    width: 18px;
10375    height: 18px;
10376    margin-left: 18px;
10377}
10378
10379.faq-item__icon::before,
10380.faq-item__icon::after {
10381    content: "";
10382    position: absolute;
10383    top: 50%;
10384    left: 50%;
10385    width: calc(10.5 * 100% / 18);
10386    height: calc(1.5 * 100% / 18);
10387    background-color: #1A8FE3;
10388    border-radius: 2px;
10389    transition-property: transform;
10390    transition-timing-function: ease-in-out;
10391    transition-duration: .125s;
10392}
10393
10394.faq-item__icon::before {
10395    transform: translate(-50%, -50%) rotate(var(--h-rotate, 0));
10396}
10397
10398.faq-item__icon::after {
10399    transform: translate(-50%, -50%) rotate(var(--v-rotate, 90deg));
10400}
10401
10402.faq-item__answer {
10403    padding: 8px 12px;
10404    font-weight: 400;
10405    font-size: 10px;
10406    line-height: calc(16 / 10);
10407    letter-spacing: .005em;
10408    display: var(--answer, none);
10409}
10410
10411.faq-item.is-active {
10412    --answer: block;
10413    --question-color: #181D20;
10414    --h-rotate: 180deg;
10415    --v-rotate: 180deg;
10416}
10417
10418.dark-mode .faq-item {
10419    --question-color: #fff;
10420    color: #fff;
10421    background-color: #273744;
10422}
10423/* end faq-item */
10424
10425/* faq */
10426.faq {
10427    padding-top: 100px;
10428    padding-bottom: 50px;
10429}
10430
10431.faq__header {
10432    margin-bottom: 24px;
10433}
10434
10435.faq__title {
10436    padding-top: 0;
10437    margin-bottom: 8px;
10438}
10439
10440.faq__body {
10441    margin-bottom: calc(24px - 10px);
10442}
10443
10444.faq__group {}
10445
10446.faq__item {
10447    margin-bottom: 10px;
10448}
10449
10450@media (min-width: 960px) {
10451    .faq {
10452        padding-top: 150px;
10453        margin-bottom: 75px;
10454    }
10455
10456    .faq__header {
10457        margin-bottom: 40px;
10458    }
10459
10460    .faq__title {
10461        margin-bottom: 16px;
10462    }
10463
10464    .faq__body {
10465        margin-bottom: calc(80px - 24px);
10466    }
10467
10468    .faq__item {
10469        margin-bottom: 24px;
10470    }
10471
10472    .faq-item__toggle {
10473        padding: 16px;
10474        font-size: 18px;
10475    }
10476
10477    .faq-item__icon {
10478        width: 24px;
10479        height: 24px;
10480    }
10481
10482    .faq-item__answer {
10483        padding-right: 16px;
10484        padding-left: 16px;
10485        font-size: 16px;
10486        line-height: calc(24 / 16);
10487    }
10488}
10489/* end faq */
10490
10491/* quote-section */
10492.quote-section {}
10493.quote-section__container {
10494    padding: 24px;
10495    border-radius: 12px;
10496    background-color: #EFF7FD;
10497}
10498
10499.quote-section__title {
10500    max-width: 10em;
10501    font-weight: 700;
10502    font-size: 24px;
10503    line-height: calc(32 / 24);
10504    color: #181D20;
10505}
10506
10507.quote-section__text {
10508    width: 25em;
10509    margin-top: 8px;
10510    font-size: 12px;
10511    line-height: calc(18 /12);
10512    letter-spacing: .005em;
10513}
10514
10515.quote-section__logo {
10516    margin-top: 24px;
10517    width: 145px;
10518}
10519
10520.quote-section__logo-image {
10521    display: block;
10522    width: 100%;
10523    max-width: 100%;
10524    height: auto;
10525}
10526
10527@media (min-width: 650px) {
10528    .quote-section__container {
10529        padding: 50px;
10530    }
10531}
10532
10533@media (min-width: 768px) {
10534    .quote-section__container {
10535        display: flex;
10536        align-items: center;
10537        justify-content: space-between;
10538    }
10539
10540    .quote-section__body {
10541        flex-grow: 1;
10542    }
10543
10544    .quote-section__logo {
10545        margin-top: 0;
10546        margin-left: 50px;
10547        width: 200px;
10548        flex-shrink: 0;
10549    }
10550}
10551
10552@media (min-width: 992px) {
10553    .quote-section__container {
10554        padding: 80px;
10555    }
10556
10557    .quote-section__title {
10558        font-size: 40px;
10559        line-height: calc(48 / 40);
10560    }
10561
10562    .quote-section__text {
10563        margin-top: 16px;
10564        font-size: 18px;
10565        line-height: calc(26 / 18);
10566    }
10567
10568    .quote-section__logo {
10569        width: 280px;
10570    }
10571}
10572
10573@media (min-width: 1200px) {
10574
10575    .quote-section__text {
10576        width: 30em;
10577    }
10578
10579    .quote-section__logo {
10580        width: 375px;
10581    }
10582}
10583
10584.dark-mode .quote-section__container {
10585    background-color: #273744;
10586}
10587
10588.dark-mode .quote-section__title,
10589.dark-mode .quote-section__description {
10590    color: #fff;
10591}
10592/* end quote-section */
10593
10594/* .how-work */
10595.how-work {
10596    padding-top: 100px;
10597    padding-bottom: 100px;
10598}
10599
10600.how-work__header {
10601    text-align: center;
10602    padding-top: 0;
10603    padding-bottom: 0;
10604    background-color: transparent;
10605}
10606
10607.how-work__title {
10608    font-weight: 700;
10609    font-size: 24px;
10610    line-height: calc(32 / 24);
10611    color: #181D20;
10612}
10613
10614.how-work__description {
10615    margin-top: 8px;
10616    font-size: 12px;
10617    line-height: calc(18 / 12);
10618    letter-spacing: .005em;
10619    color: #707375;
10620}
10621
10622.how-work__body {
10623    margin-top: 24px;
10624    display: grid;
10625    grid-template-columns: repeat(2, 1fr);
10626    grid-template-rows: repeat(2, 138px);
10627    gap: 9px;
10628}
10629
10630@media (min-width: 991px) {
10631
10632    .how-work {
10633        padding-top: 150px;
10634        padding-bottom: 150px;
10635    }
10636
10637    .how-work__title {
10638        font-size: 40px;
10639        line-height: calc(48 / 40);
10640    }
10641
10642    .how-work__description {
10643        margin-top: 16px;
10644        font-size: 16px;
10645        line-height: calc(24 / 16);
10646    }
10647
10648    .how-work__body {
10649        margin-top: 40px;
10650        grid-template-columns: repeat(4, 1fr);
10651        grid-template-rows: 138px;
10652        gap: 16px;
10653    }
10654}
10655
10656@media (min-width: 1200px) {
10657    .how-work__body {
10658        grid-template-rows: 176px;
10659    }
10660}
10661
10662.dark-mode .how-work__header {
10663    background-color: transparent;
10664}
10665
10666.dark-mode .how-work__title,
10667.dark-mode .how-work__description {
10668    color: #fff;
10669}
10670
10671/* end .how-work */
10672
10673/* ctrl-article-preview */
10674.ctrl-article-preview {
10675    position: relative;
10676    background-color: #fff;
10677    border-radius: 12px;
10678    overflow: hidden;
10679    box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, 0));
10680    transition-property: box-shadow;
10681    transition-timing-function: ease-in-out;
10682    transition-duration: .125s;
10683}
10684.ctrl-article-preview__image {
10685    display: block;
10686    width: 100%;
10687    max-width: 100%;
10688    height: auto;
10689    aspect-ratio: 295 / 180;
10690}
10691
10692.ctrl-article-preview__info {
10693    padding: 8px 8px 10px;
10694}
10695
10696.ctrl-article-preview__name {
10697    font-weight: 600;
10698    font-size: 12px;
10699    line-height: calc(18 / 12);
10700    letter-spacing: .005em;
10701    color: #181D20;
10702    display: -webkit-box;
10703    -webkit-line-clamp: 2;
10704    -webkit-box-orient: vertical;
10705    overflow: hidden;
10706}
10707
10708.ctrl-article-preview__date {
10709    display: block;
10710    margin-top: 2px;
10711    font-size: 10px;
10712    line-height: calc(16 / 10);
10713    letter-spacing: .005em;
10714    color: #707375;
10715}
10716
10717.ctrl-article-preview__link {
10718    position: absolute;
10719    top: 0;
10720    left: 0;
10721    width: 100%;
10722    height: 100%;
10723    opacity: 0;
10724}
10725
10726.ctrl-article-preview:hover {
10727    --shadow-opacity: .05;
10728}
10729
10730@media (min-width: 991px) {
10731    .ctrl-article-preview__info {
10732        padding: 10px 10px 16px;
10733    }
10734
10735    .ctrl-article-preview__name {
10736        font-size: 16px;
10737        line-height: calc(24 / 16);
10738    }
10739
10740    .ctrl-article-preview__date {
10741        margin-top: 5px;
10742        font-size: 14px;
10743        line-height: calc(20 / 14);
10744    }
10745}
10746
10747.dark-mode .ctrl-article-preview {
10748    background-color: #1F2A33;
10749}
10750
10751.dark-mode .ctrl-article-preview__name,
10752.dark-mode .ctrl-article-preview__date {
10753    color: #fff;
10754}
10755/* end ctrl-article-preview */
10756
10757/* article-examples */
10758.article-examples {
10759    padding-top: 56px;
10760    padding-bottom: 56px;
10761    border-radius: 32px;
10762    background-color: #EFF7FD;
10763}
10764
10765.article-examples__header {
10766    text-align: center;
10767    padding-top: 0;
10768    padding-bottom: 0;
10769    background-color: transparent;
10770}
10771
10772.article-examples__title {
10773    font-weight: 700;
10774    font-size: 24px;
10775    line-height: calc(32 / 24);
10776    color: #181D20;
10777}
10778
10779.article-examples__description {
10780    margin-top: 8px;
10781    font-size: 12px;
10782    line-height: calc(18 / 12);
10783    letter-spacing: .005em;
10784    color: #707375;
10785}
10786
10787.article-examples__body {
10788    margin-top: 24px;
10789    display: grid;
10790    grid-template-columns: repeat(2, 1fr);
10791    gap: 9px;
10792}
10793
10794.article-examples__footer {
10795    width: 250px;
10796    margin-top: 24px;
10797    margin-right: auto;
10798    margin-left: auto;
10799    padding-top: 0;
10800    background-color: transparent;
10801    text-align: center;
10802    font-size: 14px;
10803    line-height: calc(20 / 14);
10804}
10805
10806.article-examples__footer a {
10807    text-decoration-line: underline;
10808    color: #181D20;
10809}
10810
10811@media (min-width: 991px) {
10812
10813    .article-examples {
10814        padding-top: 80px;
10815        padding-bottom: 80px;
10816    }
10817
10818    .article-examples__title {
10819        font-size: 40px;
10820        line-height: calc(48 / 40);
10821    }
10822
10823    .article-examples__description {
10824        margin-top: 16px;
10825        font-size: 16px;
10826        line-height: calc(24 / 16);
10827    }
10828
10829    .article-examples__body {
10830        margin-top: 40px;
10831        grid-template-columns: repeat(4, 1fr);
10832        gap: 16px;
10833    }
10834
10835    .article-examples__footer {
10836        width: auto;
10837        background-color: transparent;
10838        text-align: center;
10839        font-size: 16px;
10840        line-height: calc(24 / 16);
10841    }
10842}
10843
10844.dark-mode .article-examples {
10845    background-color: #273744;
10846}
10847
10848.dark-mode .article-examples__title,
10849.dark-mode .article-examples__description,
10850.dark-mode .article-examples__footer a {
10851    color: #fff;
10852}
10853
10854.dark-mode .article-examples__header,
10855.dark-mode .article-examples__footer {
10856    background-color: transparent;
10857}
10858/* end article-examples */
10859
10860/* .wall */
10861.wall {
10862    padding-top: 64px;
10863    padding-bottom: 100px;
10864    text-align: center;
10865    background-image: url(/v3/img/bg-elements/bg-elements-1.svg);
10866    background-position: 50% 0;
10867    background-repeat: no-repeat;
10868    background-size: 400px auto;
10869}
10870
10871.wall__title {
10872    width: 190px;
10873    margin-right: auto;
10874    margin-left: auto;
10875    font-weight: 700;
10876    font-size: 34px;
10877    line-height: calc(46 / 34);
10878    color: #181D20;
10879}
10880
10881.wall__description {
10882    width: 260px;
10883    margin-right: auto;
10884    margin-left: auto;
10885    margin-top: 8px;
10886    font-size: 12px;
10887    line-height: calc(18 / 12);
10888    text-align: center;
10889    color: #707375;
10890}
10891
10892.wall__actions {
10893    margin-top: 24px;
10894}
10895
10896.wall__actions-video {
10897    margin-top: 8px;
10898}
10899
10900.wall__button-video {
10901    display: inline-flex;
10902    align-items: center;
10903    justify-content: center;
10904    padding: 0;
10905    border-width: 0;
10906    font-size: 12px;
10907    line-height: calc(18 / 12);
10908    letter-spacing: .005em;
10909    color: #181D20;
10910    background-color: transparent;
10911}
10912
10913.wall__button-video-icon {
10914    width: 24px;
10915    height: 24px;
10916    padding: 6px;
10917    margin-right: 8px;
10918    border-radius: 50%;
10919    fill: #1A8FE3;
10920    background-color: #fff;
10921}
10922
10923@media (min-width: 991px) {
10924    .wall {
10925        padding-top: 80px;
10926        padding-bottom: 154px;
10927        background-image: url(/v3/img/bg-elements/bg-elements-2.svg);
10928        background-size: 1440px auto;
10929    }
10930
10931    .wall__title {
10932        width: auto;
10933        font-size: 56px;
10934        line-height: calc(68 / 56);
10935    }
10936
10937    .wall__description {
10938        margin-top: 24px;
10939        width: 460px;
10940        font-size: 18px;
10941        line-height: calc(26 / 18);
10942    }
10943
10944    .wall__actions {
10945        margin-top: 40px;
10946    }
10947
10948    .wall__actions-video {
10949        margin-top: 16px;
10950    }
10951
10952    .wall__button-video {
10953        font-size: 16px;
10954        line-height: calc(24 / 16);
10955    }
10956
10957    .wall__button-video-icon {
10958        width: 32px;
10959        height: 32px;
10960        padding: 8px;
10961        margin-right: 12px;
10962    }
10963}
10964
10965.dark-mode .wall__title,
10966.dark-mode .wall__description,
10967.dark-mode .wall__button-video{
10968    color: #fff;
10969}
10970/* end .wall */
10971
10972/* modal-article-preview */
10973.modal-article-preview {}
10974.modal-article-preview .modal-content {
10975    border-width: 0;
10976    border-radius: 8px;
10977    box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
10978}
10979
10980.modal-article-preview .modal-header {
10981    padding: 16px;
10982    border-bottom-width: 0;
10983}
10984
10985.modal-article-preview .modal-title {
10986    font-weight: 700;
10987    font-size: 18px;
10988    line-height: calc(26 / 18);
10989    color: #181D20;
10990}
10991
10992.modal-article-preview .modal-body {
10993    padding: 0 16px 16px 16px;
10994}
10995
10996@media (min-width: 991px) {
10997    .modal-article-preview .modal-dialog {
10998        max-width: 960px;
10999    }
11000    .modal-article-preview .modal-header {
11001        padding: 24px;
11002    }
11003    .modal-article-preview .modal-body {
11004        padding-right: 24px;
11005        padding-bottom: 24px;
11006        padding-left: 24px;
11007    }
11008}
11009
11010.dark-mode .modal-article-preview .modal-title {
11011    color: #fff;
11012}
11013/* end modal-article-preview */
11014
11015/* modal-article */
11016.modal-article {
11017    padding: 16px;
11018    border-width: 1px;
11019    border-style: solid;
11020    border-color: #E3E3E4;
11021    border-radius: 8px;
11022}
11023
11024.modal-article__header {
11025    padding-top: 0;
11026    padding-bottom: 0;
11027    background-color: transparent;
11028}
11029
11030.modal-article__title {
11031    font-weight: 700;
11032    font-size: 16px;
11033    line-height: calc(24 / 16);
11034    color: #181D20;
11035}
11036
11037.modal-article__date {
11038    margin-top: 4px;
11039    font-size: 12px;
11040    line-height: calc(18 / 12);
11041    letter-spacing: .005em;
11042    color: #707375;
11043}
11044
11045.modal-article__image {
11046    display: block;
11047    width: 100%;
11048    height: 250px;
11049    margin-top: 16px;
11050    border-radius: 8px;
11051    object-fit: cover;
11052    object-position: center;
11053}
11054
11055.modal-article__body {
11056    margin-top: 16px;
11057    color: #181D20;
11058}
11059
11060.modal-article__body > * {
11061    margin-top: 10px;
11062    margin-bottom: 10px;
11063}
11064
11065.modal-article__body > p,
11066.modal-article__body > h2 {
11067    font-size: 12px;
11068    line-height: calc(24 / 12);
11069    letter-spacing: .005em;
11070}
11071
11072.modal-article__body > h2 {
11073    font-weight: 700;
11074    margin-top: 16px;
11075    margin-bottom: 0;
11076}
11077
11078.modal-article__body > h2 + p {
11079    margin-top: 0;
11080}
11081
11082.modal-article__body > *:first-child {
11083    margin-top: 0;
11084}
11085
11086.modal-article__body > *:last-child {
11087    margin-bottom: 0;
11088}
11089
11090@media (min-width: 991px) {
11091    .modal-article {
11092        padding: 24px;
11093    }
11094
11095    .modal-article__title {
11096        font-size: 20px;
11097        line-height: calc(28 / 20);
11098    }
11099
11100    .modal-article__date {
11101        font-size: 14px;
11102        line-height: calc(20 / 14);
11103    }
11104
11105    .modal-article__image {
11106        height: 540px;
11107        margin-top: 24px;
11108        border-radius: 12px;
11109    }
11110
11111    .modal-article__body {
11112        margin-top: 24px;
11113    }
11114
11115    .modal-article__body > * {
11116        margin-top: 20px;
11117        margin-bottom: 20px;
11118    }
11119
11120    .modal-article__body > p,
11121    .modal-article__body > h2 {
11122        font-size: 14px;
11123        line-height: calc(26 / 14);
11124    }
11125
11126    .modal-article__body > h2 {
11127        margin-top: 24px;
11128    }
11129}
11130
11131.dark-mode .modal-article {
11132    border-color: #1F2A33;
11133}
11134.dark-mode .modal-article__title,
11135.dark-mode .modal-article__date,
11136.dark-mode .modal-article__body {
11137    color: #fff;
11138}
11139/* end modal-article */
11140
11141.expand_menu.position-absolute {
11142    top: 100%;
11143    padding-top: 12px;
11144}
11145
11146.expand_menu {
11147    left: 0;
11148    top: 76px;
11149    padding: 0;
11150    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05)
11151}
11152
11153.expand_menu-box .category-tools__item h4,
11154.expand_menu-box .category-tools__item a {
11155    margin-left: 0;
11156}
11157
11158.expand_menu-box {
11159    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
11160    border-radius: 12px;
11161    padding: 0;
11162}
11163
11164.expand_menu-tools--text {
11165    padding-bottom: 8px;
11166    border-bottom: 1px solid #E3E3E4;
11167}
11168
11169.expand_menu--text .expand_menu-box h4,
11170.expand_menu--text .expand_menu-box a {
11171    margin-left: 0;
11172}
11173
11174.expand_menu--text .category-tools {
11175    padding-right: 0;
11176}
11177
11178.expand_menu--text .expand_menu-box .col-6 {
11179    /* padding-left: 28px; */
11180    width: 225px;
11181}
11182
11183.category-tools__other {
11184    margin-top: 16px;
11185}
11186
11187.menu2 a.category-tools__item--small {
11188    display: flex;
11189}
11190
11191.category-tools__item--small .icon_box {
11192    border-radius: 4px;
11193    width: 40px;
11194    height: 40px;
11195}
11196
11197.menu2 .category-tools__item--small h4 {
11198    font-weight: 500;
11199    font-size: 14px;
11200}
11201
11202.expand_menu-tools--text .category-tools__item {
11203    width: 295px;
11204    margin: 2px 10px;
11205}
11206
11207.expand_menu .mega_menu li a {
11208    font-weight: 500;
11209    line-height: 1.5;
11210    color: #181D20;
11211    padding-top: 8px;
11212    padding-bottom: 8px;
11213    align-items: center;
11214}
11215
11216.expand_menu .mega_menu li .expand_menu__link-all {
11217    color: #1A8FE3;
11218}
11219
11220.category-menu>.row>.col-6 {
11221    padding-left: 8px;
11222}
11223
11224
11225/* .expand_menu-box .col-6 {
11226    padding-left: 16px;
11227    padding-right: 0;
11228} */
11229
11230.expand_menu--text .expand_menu-more-text {
11231    padding-left: 0;
11232}
11233
11234.expand_menu-more-text .row .col-12 {
11235    margin-left: 40px;
11236    margin-right: 20px;
11237    padding: 0;
11238}
11239
11240.expand_menu-tools--text.col-12 {
11241    padding: 0 0 8px;
11242    margin-left: 20px;
11243}
11244
11245.expand_menu--image:before,
11246.expand_menu--text:before {
11247    content: '';
11248    background: transparent;
11249    position: absolute;
11250    width: 100%;
11251    height: 30px;
11252    bottom: 100%;
11253    display: block;
11254}
11255
11256.expand_menu--pdf {
11257    width: 581px;
11258}
11259
11260.expand_menu--tools {
11261    width: 676px;
11262}
11263
11264.menu2 li .expand_menu--tools .category-tools__item {
11265    width: 322px;
11266    margin-top: 0;
11267}
11268
11269.expand_menu-tools {
11270    margin-right: 0;
11271    margin-bottom: 0;
11272}
11273
11274.category-tools__content {
11275    margin-left: 10px;
11276}
11277
11278.category-menu {
11279    border-left: 1px solid #E3E3E4;
11280    padding-right: 16px;
11281}
11282
11283.expand_menu-box .category-tools,
11284.expand_menu-box .category-menu {
11285    padding-top: 16px;
11286    padding-bottom: 16px;
11287}
11288
11289.expand_menu-box h4,
11290.expand_menu-box a {
11291    margin-left: 8px;
11292}
11293
11294.expand_menu-box .category-menu .row {
11295    margin: 0;
11296}
11297
11298.expand_menu-name-categiry {
11299    font-weight: 600;
11300    font-size: 12px;
11301    color: #828586;
11302    padding-left: 8px;
11303    margin-bottom: 8px;
11304}
11305
11306.category-tools__descr {
11307    font-weight: 400;
11308    font-size: 12px;
11309    margin-top: 2px;
11310    color: #FFFFFF;
11311}
11312
11313.category-tools__other li a {
11314    width: 295px;
11315}
11316
11317.main-item h4 {
11318    color: #FFFFFF;
11319    font-weight: 600;
11320    font-size: 20px;
11321    line-height: 1.5;
11322    margin-left: 0;
11323}
11324
11325.category-tools__item h4 {
11326    font-weight: 600;
11327    font-size: 16px;
11328    line-height: 1.5;
11329    color: #181D20;
11330    white-space: nowrap;
11331}
11332
11333.expand_menu--tools .category-tools {
11334    padding: 16px 8px;
11335}
11336
11337.expand_menu--text .expand_menu-name-categiry {
11338    padding-left: 0;
11339}
11340
11341.main-item--arrow {
11342    position: relative;
11343}
11344
11345.main-item--arrow svg {
11346    position: absolute;
11347    right: 16px;
11348    bottom: 30px;
11349}
11350
11351.index .title {
11352    line-height: 1.25;
11353    padding: 0;
11354}
11355
11356.index .descr {
11357    margin-top: 24px;
11358    font-size: 16px;
11359}
11360
11361.index-actions {
11362    margin-top: 40px;
11363}
11364
11365.index-btn {
11366    font-size: 14px;
11367    line-height: 20px;
11368    font-weight: 600;
11369    padding: 16px 24px;
11370    border-radius: 10px;
11371}
11372
11373.js-tools-slider {
11374    position: relative;
11375    display: flex;
11376}
11377
11378.tools__item {
11379    box-shadow: 20px 20px 72px rgb(24 29 32 / 10%);
11380}
11381
11382.tools__item.color-violet .tools__content {
11383    background-color: #6F56EC;
11384    color: #ffffff;
11385}
11386
11387.tools__item.color-violet .tools__footer>div {
11388    background-color: #EFEDFD;
11389}
11390
11391.tools__item.color-violet .tools__circle,
11392.tools__item.color-violet .tools__tag {
11393    background-color: #9d8cf2;
11394}
11395
11396.color-orange {
11397    color: #F66213;
11398}
11399
11400.tools__item.color-orange .tools__content {
11401    background-color: #F66213;
11402    color: #ffffff;
11403}
11404
11405.tools__item.color-orange .tools__footer>div {
11406    background-color: #FEF2EB;
11407}
11408
11409.tools__item.color-orange .tools__circle,
11410.tools__item.color-orange .tools__tag {
11411    background-color: #f8935f;
11412}
11413
11414.color-purple {
11415    color: #D61C4E;
11416}
11417
11418.tools__item.color-purple .tools__content {
11419    background-color: #D61C4E;
11420    color: #ffffff;
11421}
11422
11423.tools__item.color-purple .tools__footer>div {
11424    background-color: #FDEDF1;
11425}
11426
11427.tools__item.color-purple .tools__circle,
11428.tools__item.color-purple .tools__tag {
11429    background-color: #e36587;
11430}
11431
11432.color-blue {
11433    color: #1C67CA;
11434}
11435
11436.tools__item.color-blue .tools__content {
11437    background-color: #1C67CA;
11438    color: #ffffff;
11439}
11440
11441.tools__item.color-blue .tools__footer>div {
11442    background-color: #EDF4FD;
11443}
11444
11445.tools__item.color-blue .tools__circle,
11446.tools__item.color-blue .tools__tag {
11447    background-color: #6598db;
11448}
11449
11450.color-green {
11451    color: #247881;
11452}
11453
11454.tools__item.color-green .tools__content {
11455    background-color: #247881;
11456    color: #ffffff;
11457}
11458
11459.tools__item.color-green .tools__footer>div {
11460    background-color: #EFF9FB;
11461}
11462
11463.tools__item.color-green .tools__circle,
11464.tools__item.color-green .tools__tag {
11465    background-color: #6aa3aa;
11466}
11467
11468.mt_196 {
11469    margin-top: 196px;
11470}
11471
11472.mt_16 {
11473    margin-top: 16px;
11474}
11475
11476.elect {
11477    position: absolute;
11478    right: 12px;
11479    top: 12px;
11480    cursor: pointer;
11481    color: #E3E3E4;
11482    background-color: #F6F6F6;
11483    border-radius: 50%;
11484}
11485
11486.elect.is-active {
11487    color: #D61C4E;
11488}
11489
11490
11491/* details-popup */
11492
11493.details-popup.modal.show {}
11494
11495.details-popup p {
11496    font-size: 14px;
11497    line-height: 1.5;
11498    color: #525658;
11499}
11500
11501.details-popup__descr {
11502    padding-left: 20px;
11503    padding-right: 0;
11504}
11505
11506.details-popup__content {
11507    padding: 24px;
11508}
11509
11510.details-popup .container {
11511    background-color: #fff;
11512    border-radius: 12px;
11513    /* top: 50%;
11514    left: 50%;
11515    margin-right: -50%;
11516    transform: translate(-50%, -50%); */
11517}
11518
11519.details-popup .modal-dialog {
11520    max-width: 1240px;
11521}
11522
11523.details-popup.modal.show {
11524    padding: 0 24px !important;
11525}
11526
11527.details-popup .container .row {
11528    margin-right: 0;
11529    margin-left: 0;
11530}
11531
11532.details-popup__title {
11533    font-weight: 700;
11534    font-size: 24px;
11535    color: #181D20;
11536}
11537
11538.details-popup__img {
11539    width: 100%;
11540    border-radius: 12px;
11541    margin-right: 20px;
11542}
11543
11544.details-popup_close {
11545    position: absolute;
11546    width: 24px;
11547    height: 24px;
11548    top: 29px;
11549    right: 24px;
11550}
11551
11552.details-popup .line {
11553    margin-top: 10px;
11554    margin-bottom: 10px;
11555}
11556
11557.details-popup .btn-action {
11558    margin-top: 10px;
11559}
11560
11561.qr {
11562    margin-top: 10px;
11563    max-width: 295px;
11564    width: 100%;
11565    max-height: 295px;
11566}
11567
11568.qr img {
11569    width: 100%;
11570}
11571
11572.details-popup__more {
11573    margin: 6px -4px -4px -4px;
11574}
11575
11576.details-popup__more-img {
11577    margin: 4px;
11578    width: calc(100% / 8 - 8px);
11579    height: auto;
11580    cursor: pointer;
11581}
11582
11583.details-popup__more-img img {
11584    border: 1px solid #E3E3E4;
11585    border-radius: 8px;
11586    width: 100%;
11587}
11588
11589.details-popup__more-img.is-active img {
11590    border-color: #1A8FE3;
11591}
11592
11593.btn-action--color {
11594    color: #1A8FE3;
11595    border-color: #1A8FE3;
11596}
11597
11598.details-popup--catalog .qr {
11599    width: 247px;
11600    height: auto;
11601}
11602
11603.details-popup--catalog .btn-action {
11604    padding: 12px;
11605}
11606
11607.banner-wrapper {
11608    background-color: var(--theme-color);
11609    color: #FFFFFF;
11610    padding-top: 10px;
11611    padding-bottom: 10px;
11612    letter-spacing: 0;
11613}
11614
11615.banner-wrapper a {
11616    color: #ffffff;
11617    text-decoration: underline;
11618    font-weight: 600;
11619    white-space: nowrap;
11620}
11621
11622.banner-border-link {
11623    display: inline-flex;
11624    font-size: 10px;
11625    padding: 6px 10px;
11626    border: 1px solid #FFFFFF;
11627    border-radius: 99px;
11628    line-height: 1.6;
11629    background-color: transparent;
11630    vertical-align: baseline;
11631}
11632
11633a.banner-border-link,
11634button.banner-border-link {
11635    text-decoration: none;
11636    margin-left: 16px;
11637    letter-spacing: 0.005em;
11638}
11639
11640
11641/* switch */
11642
11643.switch-mode-tool--green {
11644    border: none;
11645    justify-content: center;
11646}
11647
11648.switch-mode-tool--green {
11649    margin-top: 14px;
11650    margin-bottom: 50px;
11651}
11652
11653.switch-mode-tool--green .form-check-input {
11654    width: 64px;
11655    height: 34px;
11656    background-color: #1CAB48;
11657    margin-left: 10px;
11658    margin-right: 10px;
11659}
11660
11661.switch-mode-tool--green .form-check-input:checked {
11662    background-color: #1CAB48;
11663}
11664
11665.switch-mode-tool--green .switch-name {
11666    font-weight: 400;
11667    font-size: 16px;
11668    color: #707375;
11669    white-space: nowrap;
11670}
11671
11672.switch-mode-tool--green .switch-name.is-selected {
11673    color: #181D20;
11674    font-weight: 500;
11675}
11676
11677.switch-mode-tool--green .switch-name>span {
11678    font-weight: 500;
11679    font-size: 12px;
11680    background: #FBE8E9;
11681    border-radius: 99px;
11682    color: #E2464C;
11683    padding: 3px 5px;
11684    margin-left: 5px;
11685}
11686
11687.switch-mode-tool--green .form-switch {
11688    display: flex;
11689    align-items: center;
11690    padding: 0;
11691}
11692
11693.switch-name--first {
11694    order: -1;
11695}
11696
11697.switch-mode-tool--green .form-check-input::after {
11698    width: 26px;
11699    height: 26px;
11700    left: 4px;
11701    top: 4px;
11702}
11703
11704@media (min-width: 1200px) {
11705    .index .container {
11706        max-width: 1288px;
11707    }
11708    .support-area__image-box img {
11709        width: 100%;
11710    }
11711    .catalog-box>div {
11712        padding: 10px !important;
11713    }
11714    .row.catalog-box {
11715        margin: 30px -10px -10px -10px;
11716    }
11717    .check-tools {
11718        padding-top: 150px;
11719        padding-bottom: 150px;
11720    }
11721    .container-tools {
11722        max-width: 1288px;
11723        width: 100%;
11724        padding-right: 48px;
11725        padding-left: 48px;
11726        margin-right: auto;
11727        margin-left: auto;
11728    }
11729    .row-tools {
11730        display: flex;
11731        flex-wrap: wrap;
11732        margin-right: -24px;
11733        margin-left: -24px;
11734    }
11735}
11736
11737@media (max-width: 1199px) {
11738    .animate-text {
11739        top: 22px;
11740    }
11741}
11742
11743@media (max-width: 767px) {
11744    .filter-container {
11745        margin-right: 24px;
11746        overflow-x: scroll;
11747        -ms-overflow-style: none;
11748        scrollbar-width: none;
11749        height: 61px;
11750        border-radius: 99px;
11751        box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
11752    }
11753    .filter-container::-webkit-scrollbar {
11754        display: none;
11755    }
11756    .statistic {
11757        padding: 16px;
11758    }
11759    .statistic__num {
11760        font-size: 24px;
11761        margin: 0;
11762    }
11763    .statistic__item:last-child {
11764        order: 1;
11765    }
11766    .statistic__item:first-child {
11767        order: 1;
11768    }
11769    .statistic__text {
11770        font-size: 10px;
11771        margin-top: 2px;
11772        line-height: 1.5;
11773    }
11774    .statistic__item {
11775        flex-direction: column;
11776        align-items: flex-start;
11777    }
11778    .statistic__item:not(:last-of-type)::after {
11779        content: none;
11780    }
11781    .d-4 {
11782        display: none;
11783    }
11784    .tools::before,
11785    .tools::after {
11786        content: none;
11787    }
11788    .details-popup__more {
11789        margin: 5px -4.5px -3px -4.5px;
11790    }
11791    .details-popup__more-img {
11792        margin: 3px 4.5px;
11793        width: calc(100% / 6 - 9px);
11794        height: auto;
11795    }
11796    .tags-box--tools {
11797        display: none;
11798    }
11799}
11800
11801.home_area--pdf {
11802    padding-top: 120px;
11803    padding-bottom: 40px;
11804}
11805
11806.tools_area--pdf {
11807    background-color: #ffffff;
11808}
11809
11810.tools_area--pdf {
11811    padding-top: 10px;
11812}
11813
11814.page_shadow--index {
11815    z-index: 0;
11816}
11817
11818@media (max-width: 992px) {
11819    body.index {
11820        line-height: 1.5;
11821    }
11822    .mt_32 {
11823        margin-top: 16px;
11824    }
11825    .mt_40 {
11826        margin-top: 24px;
11827    }
11828    .m-mt_8 {
11829        margin-top: 8px;
11830    }
11831    .index .descr {
11832        margin-top: 8px;
11833        font-size: 12px;
11834        line-height: 1.5;
11835    }
11836    .index .container {
11837        padding-left: 24px;
11838        padding-right: 24px;
11839    }
11840    .index .row {
11841        margin-left: -24px;
11842        margin-right: -24px;
11843    }
11844    .index-actions {
11845        margin-top: 24px;
11846    }
11847    .index-btn {
11848        font-size: 12px;
11849        line-height: 18px;
11850        padding: 12px 20px !important;
11851    }
11852    .support-area {
11853        padding-top: 40px;
11854        padding-bottom: 40px;
11855    }
11856    .support-area__content .title {
11857        width: 100%;
11858    }
11859    .animate-text {
11860        width: 190px;
11861        height: 38px;
11862        top: 8px;
11863    }
11864    .animate-text__item {
11865        height: 36px;
11866    }
11867    .statistic__num {
11868        font-size: 30px;
11869    }
11870    .statistic__text {
11871        font-size: 12px;
11872    }
11873    .d-4 {
11874        width: 9px;
11875    }
11876    .home_area--first .home_content::after {
11877        background-image: url('/v3/img/decorate/d-6.svg');
11878        width: 25px;
11879        height: 330px;
11880        left: -15px;
11881        top: -25px;
11882    }
11883    .home_area--first .home_content::before {
11884        background-image: url('/v3/img/decorate/d-7.svg');
11885        top: -9px;
11886        right: -90px;
11887    }
11888    .present {
11889        padding-top: 100px;
11890    }
11891    .present-card {
11892        padding: 10px 10px 16px 10px;
11893        min-width: 255px;
11894        max-width: 255px;
11895        margin-left: 8px;
11896        margin-right: 8px;
11897    }
11898    .present-card__bg {
11899        height: 161px;
11900    }
11901    .present-card__bg img {
11902        width: 269px;
11903        height: 169px;
11904    }
11905    .present-card__name {
11906        margin-top: 10px;
11907        font-size: 14px;
11908    }
11909    .present-card__descr {
11910        font-size: 10px;
11911    }
11912    .present-cart__actions {
11913        margin-top: 12px;
11914    }
11915    .present-cart__link {
11916        font-size: 12px;
11917    }
11918    .container-present .slick-list {
11919        height: 382px;
11920    }
11921    .container-present .slick-track {
11922        margin-left: -8px;
11923        margin-right: -8px;
11924    }
11925    .container-present {
11926        margin-left: calc((100vw - 690px) / 2);
11927    }
11928    .menu2 li a .ai-all__image {
11929        width: 156px;
11930        height: 118px;
11931        top: 10px;
11932        right: -14px;
11933    }
11934    .tags-box--tools {
11935        display: flex;
11936        flex-wrap: wrap;
11937    }
11938    .tags-box__wrapper {
11939        flex-wrap: wrap;
11940    }
11941    .tags-box--tools span {
11942        width: 100%;
11943        text-align: left;
11944    }
11945    .home_area--pdf {
11946        padding-top: 64px;
11947    }
11948    .tools_area--pdf {
11949        padding-top: 0;
11950        padding-bottom: 100px;
11951    }
11952}
11953
11954@media (max-width: 768px) {
11955    .popup-content {
11956        padding: 16px;
11957    }
11958    .popup-content h2 {
11959        font-size: 18px;
11960    }
11961    .popup-content__action {
11962        margin-top: 16px;
11963    }
11964    .popup-content .separator {
11965        margin-top: 16px;
11966    }
11967    .popup-content .separator__span {
11968        font-size: 12px;
11969    }
11970    .outline-wrap {
11971        padding: 12px;
11972        font-size: 12px;
11973    }
11974    .popup-content .btn-action {
11975        font-size: 12px;
11976        padding-top: 10px;
11977        padding-bottom: 10px;
11978    }
11979    .container-present {
11980        margin-left: calc((100vw - 509px) / 2);
11981    }
11982    .details-popup__content {
11983        padding: 16px;
11984    }
11985    .details-popup p {
11986        font-size: 12px;
11987    }
11988    .subname.mt_24 {
11989        margin-top: 16px;
11990    }
11991    .details-popup__actions {
11992        flex-direction: column;
11993    }
11994    .details-popup__actions .subname {
11995        margin-top: 10px;
11996    }
11997    .details-popup__actions .ml_10 {
11998        margin-left: 0;
11999    }
12000    .qr {
12001        margin-left: auto;
12002        margin-right: auto;
12003    }
12004    .banner-wrapper {
12005        font-size: 12px;
12006    }
12007    .banner-wrapper a {
12008        text-decoration: none;
12009    }
12010    a.banner-border-link,
12011    button.banner-border-link {
12012        font-size: 8px;
12013        margin-left: 3px;
12014        padding: 6px 8px 4px 8px;
12015    }
12016    .spinner-wrapper {
12017        padding: 16px;
12018    }
12019    #spinner .spinner-border {
12020        width: 3.4rem;
12021        height: 3.4rem;
12022    }
12023    .switch-mode-tool--green {
12024        margin-bottom: 0;
12025    }
12026    .switch-mode-tool--green .switch-name {
12027        font-size: 14px;
12028    }
12029    .switch-mode-tool--green .switch-name>span {
12030        font-size: 10px;
12031    }
12032    .switch-mode-tool--green .form-check-input {
12033        width: 44px;
12034        height: 24px;
12035    }
12036    .switch-mode-tool--green .form-check-input::after {
12037        width: 16px;
12038        height: 16px;
12039    }
12040}
12041
12042@media (max-width: 575px) {
12043    .container-present {
12044        margin-left: 24px;
12045        padding: 0;
12046    }
12047    .animate-text {
12048        width: 145px;
12049        height: 30px;
12050        top: 8px;
12051    }
12052    .animate-text__item {
12053        height: 30px;
12054    }
12055}
12056
12057@media (max-width: 1400px) {
12058    .statistic__item:not(:last-of-type)::after {
12059        padding-left: 30px;
12060    }
12061    .tools {
12062        box-shadow: 20px 20px 72px rgb(24 29 32 / 10%);
12063        position: relative;
12064    }
12065    .container-present {
12066        box-shadow: 3em 0 8.4em #eaeaea;
12067    }
12068}
12069
12070@media (min-width: 1400px) {
12071    .js-tools-slider {
12072        display: flex;
12073        margin-left: -10px;
12074        margin-right: -10px;
12075    }
12076    .tools__item {
12077        margin-left: 10px;
12078        margin-right: 10px;
12079    }
12080}
12081
12082button.btn-download {
12083    background-color: #fff;
12084    color: #181D20;
12085}
12086
12087
12088/* summarizer */
12089
12090.summarizer {
12091    margin-top: 56px;
12092    max-width: 996px;
12093    margin-left: auto;
12094    margin-right: auto;
12095}
12096
12097.summarizer--equal-columns .col-xl-4,
12098.summarizer--equal-columns .col-xl-8 {
12099    flex: 0 0 50%;
12100    max-width: 50%;
12101}
12102
12103.summarizer--equal-columns .summarizer_action-item {
12104    min-width: auto;
12105}
12106
12107.summarizer--equal-columns {}
12108
12109.summarizer_item {
12110    background: #FFFFFF;
12111    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
12112    border-radius: 12px;
12113    padding: 24px;
12114    height: 100%;
12115}
12116
12117.summarizer .title {
12118    font-weight: 600;
12119    font-size: 24px;
12120    padding-top: 0;
12121}
12122
12123.summarizer_item p {
12124    font-size: 14px;
12125    color: #707375;
12126}
12127
12128.summarizer_item .form-group {
12129    margin-top: 16px;
12130    margin-bottom: 24px;
12131}
12132
12133.summarizer_item label {
12134    font-size: 14px;
12135    margin-bottom: 8px;
12136    color: #181D20;
12137}
12138
12139.summarizer_item label span {
12140    color: #A7A9AA;
12141    white-space: nowrap;
12142}
12143
12144.summarizer_item .form-group+.form-group {
12145    margin-top: 16px;
12146}
12147
12148.summarizer_item .form-control {
12149    resize: none;
12150    border: 1px solid #E3E3E4;
12151    border-radius: 8px;
12152    padding: 16px;
12153}
12154
12155.summarizer_action {
12156    display: flex;
12157    justify-content: space-between;
12158}
12159
12160.summarizer_action-item {
12161    position: relative;
12162    flex-grow: 1;
12163    min-width: 256px;
12164}
12165
12166.summarizer_action-item--rate {
12167    display: flex;
12168    justify-content: center;
12169    align-items: center;
12170    padding: 11px 17px;
12171    border: 1px solid #707375;
12172    border-radius: 8px;
12173    cursor: pointer;
12174    margin-left: 16px;
12175    color: #707375;
12176    transition: .2s;
12177    font-weight: 500;
12178    font-size: 14px;
12179}
12180
12181.summarizer_action-item--rate.is-like {
12182    background-color: #E3F4E9;
12183    border-color: #E3F4E9;
12184}
12185
12186.summarizer_action-item--rate.is-like .like {
12187    color: #1CAB48;
12188}
12189
12190.summarizer_action-item--rate.is-dislike .dislike {
12191    color: #E2464C;
12192}
12193
12194.summarizer_action-item--rate.is-dislike {
12195    background-color: #FBE8E9;
12196    border-color: #FBE8E9;
12197}
12198
12199.summarizer_action-item--rate.liked {
12200    border-color: #1CAB48;
12201    background-color: #E3F4E9;
12202}
12203
12204.summarizer_action-item--rate.liked p {
12205    color: #1CAB48;
12206}
12207
12208.summarizer_action-item--rate .like-click {
12209    display: none;
12210}
12211
12212.summarizer_action-item--rate.liked .like-click {
12213    display: block;
12214}
12215
12216.summarizer_action-item--rate.disliked {
12217    border-color: #E2464C;
12218    background-color: #FBE8E9;
12219}
12220
12221.summarizer_action-item--rate.disliked p {
12222    color: #E2464C;
12223}
12224
12225.summarizer_action-item--rate .dislike-click {
12226    display: none;
12227}
12228
12229.summarizer_action-item--rate.disliked .dislike-click {
12230    display: block;
12231}
12232
12233.summarizer_item-header {
12234    display: flex;
12235    justify-content: space-between;
12236}
12237
12238.summarizer_form-box {
12239    padding-left: 4px;
12240    padding-right: 4px;
12241    margin-left: -4px;
12242    overflow-y: auto;
12243    overflow-x: hidden;
12244}
12245
12246.summarizer--one .summarizer_item .title,
12247.summarizer--one .summarizer_item p {
12248    text-align: center;
12249}
12250
12251.summarizer--one .summarizer_action {
12252    justify-content: center;
12253}
12254
12255.summarizer--one .summarizer_action .button {
12256    width: 240px;
12257    flex-grow: 0;
12258}
12259
12260.summarizer--agreement .summarizer_item .form-group {
12261    margin-top: 0;
12262    margin-bottom: 1rem;
12263}
12264
12265.summarizer--agreement .summarizer_item > p {
12266    margin-bottom: 24px;
12267}
12268
12269.summarizer--equal-columns.summarizer--agreement .custom-form_agreement [class*="col-"] {
12270    flex-basis: 100%;
12271    max-width: 100%;
12272}
12273
12274.rate-options {
12275    display: flex;
12276}
12277
12278.history-popup {
12279    padding: 24px 12px 24px 24px;
12280    background: #FFFFFF;
12281    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
12282    border-radius: 12px;
12283}
12284
12285.history-popup__title {
12286    font-weight: 700;
12287    font-size: 24px;
12288    color: #000000;
12289}
12290
12291.history-popup_close {
12292    position: absolute;
12293    display: inline-block;
12294    right: 24px;
12295    top: 28px;
12296}
12297
12298.history-dropdown {
12299    width: 100%;
12300}
12301
12302.history-dropdown .dropdown-toggle {
12303    width: 100%;
12304    padding: 16px 30px 16px 16px;
12305    border: 1px solid #E3E3E4;
12306    border-radius: 12px;
12307    background-color: #ffffff;
12308    font-weight: 500;
12309    font-size: 16px;
12310    line-height: 24px;
12311    text-align: left;
12312    color: #525658;
12313}
12314
12315.history-dropdown .dropdown-menu {
12316    width: 100%;
12317    padding: 4px;
12318    border-color: transparent;
12319    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
12320    border-radius: 6px;
12321    max-height: 300px;
12322    background: #ffffff;
12323    overflow-y: auto;
12324}
12325
12326.history-dropdown .dropdown-item {
12327    font-weight: 500;
12328    font-size: 14px;
12329    line-height: 1.43;
12330    color: #525658;
12331    padding: 8px;
12332    border-radius: 6px;
12333}
12334
12335.history-dropdown .dropdown-item:hover {
12336    background: #F6F6F6;
12337}
12338
12339.history-summarizer_item {
12340    padding: 0;
12341    box-shadow: none;
12342}
12343
12344.history-summarizer_item h5 {
12345    font-size: 16px;
12346    font-weight: 600;
12347}
12348
12349.history__date {
12350    font-size: 12px;
12351}
12352
12353.history-summarizer_item .form-control {
12354    font-size: 12px;
12355    letter-spacing: 0.005em;
12356    color: #525658;
12357    padding: 12px;
12358}
12359
12360.history-summarizer_item .form-group {
12361    margin-top: 0;
12362    margin-bottom: 16px;
12363}
12364
12365.history-summarizer_item .is-disabled .form-control {
12366    background: #F6F6F6;
12367}
12368
12369.history-popup .dropdown-toggle::after {
12370    content: none;
12371}
12372
12373.history-popup .dropdown-toggle::before {
12374    content: '';
12375    width: 7px;
12376    height: 7px;
12377    border-right: 1px solid #707375;
12378    border-bottom: 1px solid #707375;
12379    -webkit-transform: rotate(45deg);
12380    transform: rotate(45deg);
12381    position: absolute;
12382    right: 18px;
12383    top: 23px;
12384    margin-left: 7px;
12385    display: inline-block;
12386    vertical-align: middle;
12387}
12388
12389#modal_history .modal-dialog {
12390    max-width: 600px;
12391}
12392
12393.history-summarizer__content-wrapper {
12394    max-height: 845px;
12395    height: auto;
12396    overflow-y: auto;
12397    overflow-x: hidden;
12398    padding-right: 10px;
12399}
12400
12401.rate-btn button {
12402    background-color: transparent;
12403    border: none;
12404    padding: 0;
12405    width: 15px;
12406    height: 15px;
12407    color: #707375;
12408}
12409
12410.rate-btn button:not(:first-child) {
12411    margin-left: 6px;
12412}
12413
12414.popover {
12415    background-color: transparent;
12416    border: none;
12417}
12418
12419.bs-popover-auto[x-placement^=top]>.arrow::after,
12420.bs-popover-top>.arrow::after {
12421    border-top-color: #464a4d;
12422}
12423
12424.popover-body {
12425    background: #464a4d;
12426    border-radius: 8px;
12427    padding: 8px 16px;
12428    border: 1px solid #464a4d;
12429    font-weight: 500;
12430    font-size: 14px;
12431    line-height: 1.43;
12432    color: #FFFFFF;
12433}
12434
12435.popover {
12436    top: -5px !important;
12437}
12438
12439.summarizer_action-item .button {
12440    width: 100%;
12441    padding-left: 20px;
12442    padding-right: 20px;
12443}
12444
12445.summarizer_action .button {
12446    flex-grow: 1;
12447    font-size: 14px;
12448}
12449
12450.summarizer_action .dropdown {
12451    margin-left: 16px;
12452}
12453
12454.summarizer_action .dropdown-toggle::after {
12455    display: none;
12456}
12457
12458.summarizer_action .dropdown-menu {
12459    width: 100%;
12460}
12461
12462.summarizer_action .button-copy {
12463    margin-left: 16px;
12464    max-width: 48px;
12465    width: 48px;
12466    flex-shrink: 0;
12467    padding-top: 6px;
12468    padding-bottom: 6px;
12469    padding-left: 0;
12470    padding-right: 0;
12471}
12472
12473.summarizer_action .button-update {
12474    margin-left: 16px;
12475    max-width: 48px;
12476    width: 48px;
12477    flex-shrink: 0;
12478    padding-left: 0;
12479    padding-right: 0;
12480    padding-top: 6px;
12481    padding-bottom: 6px;
12482}
12483
12484.summarizer_action .button svg {
12485    width: 20px;
12486    height: 20px;
12487}
12488
12489.summarizer_item.is-disabled .form-control {
12490    background: #F6F6F6;
12491    pointer-events: none;
12492}
12493
12494.summarizer_item.is-disabled .button {
12495    pointer-events: none;
12496    background: #EFEFEF;
12497    color: #A7A9AA;
12498}
12499
12500.summarizer_item.is-disabled .button-outline {
12501    background: #fff;
12502    border-color: #E3E3E4;
12503}
12504
12505
12506/* .ideas */
12507
12508.ideas {
12509    height: 409px;
12510    background: #F6F6F6;
12511    border: 1px solid #E3E3E4;
12512    border-radius: 8px;
12513    padding-top: 16px;
12514    padding-bottom: 16px;
12515    padding-left: 16px;
12516    padding-right: 8px;
12517    margin-top: 16px;
12518    margin-bottom: 24px;
12519}
12520
12521.ideas_box {
12522    height: 100%;
12523    overflow-y: auto;
12524    padding-right: 8px;
12525}
12526
12527.ideas_box::-webkit-scrollbar {
12528    width: 3px;
12529}
12530
12531.ideas_box::-webkit-scrollbar-track {
12532    background: transparent;
12533}
12534
12535.ideas_box::-webkit-scrollbar-thumb {
12536    background-color: #E3E3E4;
12537    border-radius: 20px;
12538    border: none;
12539}
12540
12541.ideas_item {
12542    position: relative;
12543    border-radius: 8px;
12544    background: #FFF;
12545    padding-left: 10px;
12546    padding-right: 50px;
12547    padding-top: 10px;
12548    padding-bottom: 10px;
12549    margin-top: 12px;
12550}
12551
12552.ideas_item:first-child {
12553    margin-top: 0;
12554}
12555
12556.ideas_name {
12557    font-weight: 500;
12558    font-size: 14px;
12559    color: #707375;
12560    text-overflow: ellipsis;
12561    width: 100%;
12562    overflow: hidden;
12563    white-space: nowrap;
12564    display: block;
12565}
12566
12567.ideas_item .button {
12568    padding: 10px;
12569    position: absolute;
12570    top: 0;
12571    right: 0;
12572    background: #fff;
12573    border: none;
12574    opacity: 0;
12575    visibility: hidden;
12576    transition: opacity .2s linear;
12577}
12578
12579.ideas_item:hover .button {
12580    opacity: 1;
12581    visibility: visible;
12582}
12583
12584.ideas_item .button svg {
12585    width: 20px;
12586    height: 20px;
12587}
12588
12589.ideas_item+.ideas_placeholder {
12590    display: none;
12591}
12592
12593.ideas_placeholder {
12594    color: #A7A9AA;
12595    font-size: 14px;
12596}
12597
12598.recommendation {
12599    padding-bottom: 66px;
12600}
12601
12602.recommendation .tools_box {
12603    padding: 16px 12px 18px 16px;
12604    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
12605    height: auto;
12606}
12607
12608.recommendation .icon_box {
12609    margin-bottom: 0;
12610    margin-right: 10px;
12611}
12612
12613.recommendation__send-box {
12614    background: #FFFFFF;
12615    border: 1px solid #E3E3E4;
12616    border-radius: 4px;
12617    display: flex;
12618    align-items: center;
12619    justify-content: center;
12620    width: 24px;
12621    height: 24px;
12622    margin-left: auto;
12623    flex-shrink: 0;
12624    color: #707375 !important;
12625}
12626
12627.recommendation h4 {
12628    white-space: nowrap;
12629    overflow: hidden;
12630    text-overflow: ellipsis;
12631    width: 110px;
12632}
12633
12634.button-history {
12635    padding: 12px 17px;
12636    font-size: 14px;
12637    border-radius: 8px;
12638    border-width: 1.5px;
12639}
12640
12641.button-history svg {
12642    margin-right: 8px;
12643}
12644
12645.custom-scroll {
12646    padding-right: 12px;
12647    overflow-y: auto;
12648}
12649
12650.custom-scroll::-webkit-scrollbar {
12651    width: 3px;
12652}
12653
12654.custom-scroll::-webkit-scrollbar-track {
12655    background: transparent;
12656}
12657
12658.custom-scroll::-webkit-scrollbar-thumb {
12659    background-color: #E3E3E4;
12660    border-radius: 20px;
12661    border: none;
12662}
12663
12664.dark-mode .custom-scroll::-webkit-scrollbar-thumb {
12665    background-color: #223544
12666}
12667
12668@media (max-width: 992px) {
12669    .summarizer_item {
12670        margin-bottom: 20px;
12671        height: auto;
12672    }
12673    .summarizer_item-header {
12674        flex-direction: column;
12675    }
12676    .button-history {
12677        margin-top: 27px;
12678        width: 100%;
12679        font-size: 12px;
12680        padding-top: 8px;
12681        padding-bottom: 8px;
12682    }
12683
12684    .summarizer--equal-columns .col-xl-4,
12685    .summarizer--equal-columns .col-xl-8 {
12686        flex: 0 0 100%;
12687        max-width: 100%;
12688    }
12689}
12690
12691@media (max-width: 767px) {
12692    .summarizer_action {
12693        flex-wrap: wrap;
12694    }
12695    .summarizer_action-item {
12696        margin-top: 8px;
12697    }
12698    .summarizer_action-item:first-child {
12699        margin-top: 0;
12700    }
12701    .summarizer_action-item--rate {
12702        margin-left: 0;
12703    }
12704    .summarizer_action-item--rate p {
12705        font-size: 12px;
12706    }
12707    .summarizer_action .dropdown {
12708        margin-left: 0;
12709        min-width: 247px;
12710    }
12711    .summarizer_action .button-copy,
12712    .summarizer_action .button-update {
12713        margin-left: 8px;
12714    }
12715    .summarizer_action .button-copy {
12716        margin-top: 8px;
12717    }
12718}
12719
12720
12721/* .select2 */
12722
12723.select2-container--default .select2-selection--multiple {
12724    height: 163px;
12725    background: #FFF;
12726    border: 1px solid #E3E3E4;
12727    border-radius: 8px;
12728    padding-top: 3px;
12729    padding-left: 3px;
12730    padding-bottom: 8px;
12731    padding-right: 8px;
12732}
12733
12734.select2-container--default.select2-container--focus .select2-selection--multiple {
12735    border-color: #80bdff;
12736    outline: 0;
12737    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
12738}
12739
12740.select2-container--default .select2-selection--multiple .select2-selection__choice {
12741    font-family: inherit;
12742    background: #F6F6F6;
12743    border-radius: 8px;
12744    border: none;
12745    padding-top: 8px;
12746    padding-bottom: 8px;
12747    padding-left: 8px;
12748    padding-right: 24px;
12749    color: #525658;
12750    font-weight: 400;
12751    font-size: 14px;
12752    line-height: 20px;
12753}
12754
12755.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
12756    left: auto;
12757    right: 0;
12758    bottom: 0;
12759    border: none;
12760    font-size: 0;
12761    width: 22px;
12762}
12763
12764.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before,
12765.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
12766    content: "";
12767    border-top: 1px solid #828586;
12768    width: 8px;
12769    position: absolute;
12770    left: 6px;
12771    top: 18px;
12772}
12773
12774.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
12775    transform: rotate(45deg);
12776}
12777
12778.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after {
12779    transform: rotate(-45deg);
12780}
12781
12782.select2-container--default .select2-search--inline .select2-search__field {
12783    padding-top: 8px;
12784    padding-bottom: 8px;
12785    padding-left: 8px;
12786    padding-right: 8px;
12787    color: #525658;
12788    font-family: inherit;
12789    font-weight: 400;
12790    font-size: 14px;
12791    line-height: 20px;
12792    height: 36px;
12793    min-width: 50px;
12794}
12795
12796.select2-dropdown {
12797    background: #FFF;
12798    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
12799    border-radius: 6px;
12800    border: none;
12801    padding: 4px;
12802    margin-top: 4px;
12803}
12804
12805.select2-results__option {
12806    font-family: inherit;
12807    color: #525658;
12808    font-weight: 500;
12809    font-size: 14px;
12810    border-radius: 6px;
12811    transition: background .2s linear;
12812}
12813
12814.select2-container--default .select2-results__option--selected {
12815    background: #F6F6F6;
12816}
12817
12818.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
12819    background: #1A8FE3;
12820}
12821
12822/* edit-profile */
12823.edit-profile_area {}
12824
12825.edit-profile {
12826    box-shadow: 3px 10px 40px rgb(24 29 32 / 5%);
12827    border-radius: 12px;
12828    padding: 24px;
12829    margin-top: 2.5em;
12830    background-color: #FFF;
12831}
12832
12833.edit-profile_form {
12834    max-width: 600px;
12835    margin-left: auto;
12836    margin-right: auto;
12837}
12838
12839.edit-profile .form-group {
12840    display: flex;
12841    align-items: center;
12842}
12843
12844.edit-profile .form-group label {
12845    flex-shrink: 0;
12846    margin-right: 30px;
12847    width: 180px;
12848}
12849
12850.form-control-field {
12851    flex-grow: 1;
12852}
12853
12854.edit-profile .form-group .btn-action {
12855    margin-left: 210px;
12856}
12857
12858@media (max-width: 767px) {
12859
12860    .edit-profile .form-group {
12861        display: block;
12862    }
12863
12864    .edit-profile .form-group label {
12865        margin-right: 0;
12866        margin-bottom: 6px;
12867        width: auto;
12868    }
12869
12870    .edit-profile .form-group .btn-action {
12871        margin-left: 0;
12872    }
12873}
12874
12875/* try-pro */
12876.try-pro {
12877    background: #FFF7E1;
12878    border-radius: 12px;
12879    padding: 10px;
12880    display: flex;
12881    align-items: center;
12882    justify-content: center;
12883    color: #181D20;
12884}
12885
12886.try-pro__title {
12887    font-weight: 500;
12888    font-size: 20px;
12889    line-height: 28px;
12890}
12891
12892.try-pro__button {
12893    padding: 11px 16px;
12894    background: #FFC205;
12895    border-radius: 8px;
12896    font-weight: 600;
12897    font-size: 12px;
12898    line-height: 18px;
12899    letter-spacing: 0.005em;
12900    color: #FFF;
12901    margin-left: 24px;
12902}
12903
12904@media (max-width: 767px) {
12905    .try-pro__title {
12906        font-size: 18px;
12907    }
12908}
12909
12910/* modal-try-pro */
12911.modal-try-pro {}
12912
12913.modal-try-pro .modal-dialog {
12914    max-width: 996px;
12915}
12916
12917.modal-try-pro .modal-content {
12918    flex-direction: row;
12919    padding: 24px;
12920}
12921
12922.modal-try-pro .modal-content_item {
12923    width: 50%;
12924    flex-grow: 1;
12925    margin-left: 24px;
12926}
12927.modal-try-pro .modal-content_item:first-child {
12928    margin-left: 0;
12929}
12930
12931.modal-try-pro .modal-content_item--image {}
12932
12933.modal-try-pro_header {
12934    display: flex;
12935    justify-content: space-between;
12936    align-items: center;
12937    margin-bottom: 24px;
12938}
12939.modal-try-pro_header h3 {
12940    font-weight: 700;
12941    font-size: 24px;
12942    line-height: 32px;
12943    color: #000000;
12944}
12945
12946.modal-try-pro_image {
12947    min-height: 460px;
12948    background: #E3F1FB;
12949    border-radius: 12px;
12950    overflow: hidden;
12951    position: relative;
12952    display: flex;
12953    align-items: flex-end;
12954    height: 100%;
12955}
12956
12957@media (max-width: 767px) {
12958    .modal-try-pro .modal-content_item--image,
12959    .modal-try-pro_image {
12960        display: none;
12961    }
12962}
12963
12964.modal-try-pro_title {
12965    font-weight: 600;
12966    font-size: 20px;
12967    line-height: 28px;
12968    margin-bottom: 8px;
12969    color: #181D20;
12970}
12971
12972.modal-try-pro_title span {
12973    color: #E2464C;
12974}
12975
12976.modal-try-pro_text {
12977    font-size: 12px;
12978    line-height: 18px;
12979    letter-spacing: 0.005em;
12980    color: #525658;
12981}
12982
12983.modal-try-pro_text a {
12984    font-weight: 700;
12985    text-decoration: none;
12986    color: inherit;
12987}
12988
12989.modal-try-pro_action {
12990    margin-top: 40px;
12991    display: flex;
12992    align-items: center;
12993}
12994
12995.modal-try-pro_action .price {
12996    flex-shrink: 0;
12997    width: 70px;
12998}
12999
13000.modal-try-pro_action .btn-action {
13001    flex-grow: 1;
13002    margin-left: 16px;
13003}
13004
13005.modal-try-pro_hello {
13006    background: rgba(255, 255, 255, 0.9);
13007    backdrop-filter: blur(4px);
13008    border-radius: 12px;
13009    padding-top: 16px;
13010    padding-bottom: 16px;
13011    padding-left: 16px;
13012    padding-right: 32px;
13013    text-align: center;
13014    position: absolute;
13015    left: 8px;
13016    right: 8px;
13017    bottom: 8px;
13018}
13019
13020.modal-try-pro_sign {
13021    font-weight: 600;
13022    font-size: 12px;
13023    line-height: 18px;
13024    letter-spacing: 0.005em;
13025    color: #181D20;
13026    font-style: italic;
13027    margin-top: 8px;
13028}
13029
13030.dark-mode .modal-try-pro_header h3,
13031.dark-mode .modal-try-pro_title,
13032.dark-mode .modal-try-pro_text {
13033    color: #fff;
13034}
13035
13036/* pro-benefits */
13037.pro-benefits {
13038    margin-top: 24px;
13039}
13040
13041.pro-benefits_item {
13042    font-weight: 500;
13043    font-size: 16px;
13044    line-height: 24px;
13045    display: flex;
13046    align-items: center;
13047    margin-top: 16px;
13048    color: #181D20;
13049}
13050
13051.pro-benefits_icon {
13052    flex-shrink: 0;
13053    border: 1.5px solid #1CAB48;
13054    color: #1CAB48;
13055    width: 18px;
13056    height: 18px;
13057    box-sizing: border-box;
13058    border-radius: 100%;
13059    margin-right: 8px;
13060    display: flex;
13061    align-items: center;
13062    justify-content: center;
13063}
13064
13065.pro-benefits_icon svg {
13066    width: 12px;
13067    height: 12px;
13068}
13069
13070.dark-mode .pro-benefits_item {
13071    color: #fff;
13072}
13073
13074/* .price */
13075.price {
13076    color: #181D20;
13077}
13078
13079.price_title {
13080    font-weight: 500;
13081    font-size: 10px;
13082    line-height: 16px;
13083}
13084
13085.price_value {
13086    display: flex;
13087    align-items: center;
13088}
13089
13090.price_value sup,
13091.price_value sub {
13092    font-size: 12px;
13093    line-height: 18px;
13094}
13095
13096.price_value sup {
13097    color: #1A8FE3;
13098    margin-top: -5px;
13099}
13100
13101.price_value span {
13102    font-weight: 700;
13103    font-size: 24px;
13104    line-height: 32px;
13105}
13106
13107.price_value sub {
13108    color: #A7A9AA;
13109    margin-bottom: -5px;
13110}
13111
13112.dark-mode .price {
13113    color: #fff;
13114}
13115
13116/* modal-video-converter */
13117.modal-video-converter {}
13118
13119.modal-video-converter .modal-dialog {
13120    max-width: 624px;
13121}
13122
13123.modal-video-converter .modal-content {
13124    border-radius: 12px;
13125}
13126
13127.modal-video-converter .modal-header {
13128    border: none;
13129    padding: 24px 24px 0;
13130    -webkit-box-align: center;
13131    -ms-flex-align: center;
13132    align-items: center;
13133}
13134
13135.modal-video-converter .modal-header .close {
13136    margin: 0;
13137    padding: 0;
13138}
13139
13140.modal-video-converter .modal-title {
13141    color: #181D20;
13142    font-weight: bold;
13143    font-size: 24px;
13144}
13145
13146.modal-video-converter .modal-body {
13147    padding: 24px;
13148}
13149
13150.convert-settings {
13151    margin-bottom: 16px;
13152}
13153
13154.convert-settings_title {
13155    font-weight: 600;
13156    font-size: 16px;
13157    color: #181D20;
13158    margin-bottom: 16px;
13159}
13160
13161.convert-settings_item {}
13162
13163.convert-settings_label {
13164    display: flex;
13165    align-items: center;
13166}
13167
13168.convert-settings label {
13169    font-weight: 500;
13170    font-size: 12px;
13171    color: #707375;
13172    line-height: 1.2;
13173}
13174
13175.convert-settings_info {
13176    position: relative;
13177    margin-left: 8px;
13178}
13179
13180.convert-settings_info:hover .convert-settings_info-text {
13181    display: block;
13182}
13183
13184.convert-settings_info svg {
13185    width: 14px;
13186    height: 14px;
13187    margin-bottom: 2px;
13188}
13189
13190.convert-settings_info-text {
13191    position: absolute;
13192    left: 100%;
13193    bottom: 0;
13194    margin-bottom: 10px;
13195    margin-left: 10px;
13196    background: #FFF;
13197    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
13198    border-radius: 5px;
13199    padding: 10px;
13200    font-weight: 400;
13201    font-size: 14px;
13202    line-height: 21px;
13203    color: #707375;
13204    min-width: 213px;
13205    z-index: 1;
13206    display: none;
13207}
13208
13209.convert-settings .form-control {
13210    width: 100%;
13211    padding-top: 11px;
13212    padding-bottom: 11px;
13213    margin-top: 10px;
13214    background-color: transparent;
13215    border-color: #E3E3E4;
13216    color: #A7A9AA;
13217    font-weight: 400;
13218    font-size: 14px;
13219    line-height: 1.5;
13220    height: 45px;
13221}
13222
13223.convert-settings .form-control::placeholder {
13224    color: #A7A9AA;
13225}
13226
13227.convert-settings .dropdown .btn-secondary {
13228    width: 100%;
13229    padding-top: 11px;
13230    padding-bottom: 11px;
13231    margin-top: 10px;
13232    background-color: transparent;
13233    border-color: #E3E3E4;
13234    color: #A7A9AA;
13235    text-align: left;
13236    font-weight: 400;
13237    font-size: 14px;
13238    display: flex;
13239    justify-content: space-between;
13240    align-items: center;
13241}
13242
13243.convert-settings .dropdown .btn-secondary:focus {
13244    border-color: #80bdff;
13245    outline: 0;
13246    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
13247}
13248.convert-settings .dropdown .btn-secondary:active {
13249    background-color: transparent;
13250    border-color: #E3E3E4;
13251    color: #707375;
13252}
13253
13254.convert-settings .dropdown-toggle::after {
13255    content: "";
13256    width: 9px;
13257    height: 9px;
13258    border-right: 1px solid #A7A9AA;
13259    border-bottom: 1px solid #A7A9AA;
13260    border-top: none;
13261    border-left: none;
13262    transform: rotate(45deg);
13263    border-radius: 0 0 2px 0;
13264    z-index: 3;
13265}
13266
13267.convert-settings .dropdown-menu {
13268    width: 100%;
13269    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
13270    border-radius: 6px;
13271    padding: 7px;
13272    border: none;
13273    margin-top: 8px;
13274}
13275
13276.convert-settings .dropdown-item {
13277    padding: 5px;
13278    font-size: 14px;
13279    line-height: 21px;
13280    color: #707375;
13281    margin-top: 11px;
13282}
13283
13284.convert-settings .dropdown-item:first-child {
13285    margin-top: 0;
13286}
13287
13288.convert-settings_buttons {}
13289
13290.convert-settings_buttons .btn {
13291    border-radius: 8px;
13292    height: 56px;
13293    width: 100%;
13294    font-weight: 500;
13295    font-size: 16px;
13296}
13297
13298.convert-settings_buttons .btn-secondary {
13299    background-color: #C8C9CA;
13300    border-color: #C8C9CA;
13301}
13302
13303.convert-settings_buttons .btn-primary {
13304    background-color: #1A8FE3;
13305    border-color: #1A8FE3;
13306}
13307
13308@media (max-width: 767px) {
13309
13310    .convert-settings_buttons .btn {
13311        margin-top: 10px;
13312    }
13313
13314}
13315
13316/* modal-thanks-signing */
13317.modal-thanks-signing {}
13318
13319.modal-thanks-signing .modal-dialog {
13320    max-width: 758px;
13321}
13322
13323.modal-thanks-signing .modal-content {
13324    border-radius: 14px;
13325}
13326
13327.modal-thanks-signing .modal-header {
13328    border: none;
13329    padding: 24px 24px 0;
13330    -webkit-box-align: center;
13331    -ms-flex-align: center;
13332    align-items: center;
13333}
13334
13335.modal-thanks-signing .modal-header .close {
13336    margin: 0 29px 0 0;
13337    padding: 0;
13338}
13339
13340.modal-thanks-signing .modal-title {
13341    color: #181D20;
13342    font-weight: bold;
13343    font-size: 24px;
13344    flex-grow: 1;
13345    text-align: center;
13346}
13347
13348.modal-thanks-signing .modal-body {
13349    padding: 24px;
13350}
13351
13352.thanks-signing {}
13353
13354.thanks-signing_item {
13355    padding: 16px;
13356    border-radius: 12px;
13357    background: #F6F6F6;
13358    height: 100%;
13359    color: #181D20;
13360}
13361
13362.thanks-signing_item--support {
13363    background: #EFF7FD;
13364}
13365
13366.thanks-signing_title {
13367    font-weight: 600;
13368    font-size: 18px;
13369    line-height: 26px;
13370    margin-bottom: 8px;
13371    color: #181D20;
13372}
13373
13374.thanks-signing_item p {
13375    font-size: 14px;
13376    line-height: 20px;
13377    color: #525658;
13378}
13379
13380.thanks-signing_item strong {
13381    color: #181D20;
13382    font-weight: 600;
13383}
13384
13385.thanks-signing_action {
13386    margin-top: 24px;
13387    display: flex;
13388    margin-left: -8px;
13389}
13390
13391.thanks-signing_action .button {
13392    margin-left: 8px;
13393    width: 50%;
13394    font-size: 12px;
13395    padding: 8px;
13396    text-align: center;
13397    box-shadow: 0 10px 32px rgba(26, 143, 227, .24);
13398}
13399
13400.thanks-signing_action .button-outline {
13401    box-shadow: none;
13402}
13403
13404.thanks-signing_list {
13405    margin-top: 17px;
13406}
13407
13408.thanks-signing_list li {
13409    display: flex;
13410    align-items: flex-start;
13411    margin-top: 19px;
13412    font-size: 14px;
13413    line-height: 20px;
13414}
13415
13416.thanks-signing_list li:first-child {
13417    margin-top: 0;
13418}
13419
13420.thanks-signing_icon {
13421    width: 16px;
13422    height: 16px;
13423    background-color: #1A8FE3;
13424    border-radius: 50%;
13425    margin-right: 9px;
13426    margin-top: 2px;
13427    color: #fff;
13428    display: flex;
13429    align-items: center;
13430    justify-content: center;
13431    flex-shrink: 0;
13432}
13433
13434.thanks-signing_icon svg {
13435    width: 10px;
13436    height: 100%;
13437}
13438
13439@media (max-width: 767px) {
13440
13441    .modal-thanks-signing .modal-header .close {
13442        margin: 0;
13443    }
13444
13445    .modal-thanks-signing .modal-header {
13446        padding: 16px 16px 0;
13447    }
13448
13449    .modal-thanks-signing .modal-body {
13450        padding: 16px;
13451    }
13452
13453    .modal-thanks-signing .modal-title {
13454        font-size: 16px;
13455    }
13456
13457    .thanks-signing_item--support {
13458        margin-top: 16px;
13459    }
13460
13461    .thanks-signing_item {
13462        height: auto;
13463    }
13464
13465    .thanks-signing_title {
13466        font-size: 14px;
13467    }
13468
13469    .thanks-signing_item p,
13470    .thanks-signing_list li {
13471        font-size: 12px;
13472    }
13473
13474    .thanks-signing_list li {
13475        margin-top: 17px;
13476    }
13477
13478    .thanks-signing_icon {
13479        width: 13px;
13480        height: 13px;
13481        margin-top: 3px;
13482    }
13483
13484    .thanks-signing_action {
13485        display: block;
13486        margin-left: 0;
13487    }
13488
13489    .thanks-signing_action .button {
13490        width: 100%;
13491        margin-left: 0;
13492        margin-top: 8px;
13493        padding: 11px;
13494    }
13495}
13496
13497/* chage-background */
13498.chage-background {}
13499
13500.chage-background_area {}
13501
13502.chage-background_share,
13503.save-share {
13504    display: none;
13505}
13506
13507.chage-background .title {
13508    font-size: 40px;
13509}
13510
13511.chage-background .sub_title {
13512    font-size: 18px;
13513    text-align: left;
13514    color: #181D20;
13515    margin-bottom: 16px;
13516    display: flex;
13517    align-items: center;
13518    justify-content: space-between;
13519}
13520
13521.chage-background .sub_title a {
13522    font-weight: 500;
13523    font-size: 14px;
13524    line-height: 20px;
13525    color: #1A8FE3;
13526    text-decoration: underline;
13527}
13528
13529.chage-background .sub_title a:hover {
13530    text-decoration: none;
13531}
13532
13533.chage-background_item {
13534    background: #FFFFFF;
13535    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
13536    border-radius: 12px;
13537    padding: 24px;
13538    height: 100%;
13539}
13540
13541.chage-background_item--colors {
13542    max-width: 320px;
13543    margin-left: auto;
13544}
13545
13546.chage-background_tool {}
13547
13548.chage-background_tool--bg {
13549    margin-top: 16px;
13550    padding-top: 24px;
13551    border-top: 1px solid #E3E3E4;
13552}
13553
13554.chage-background_group-bg {
13555    display: flex;
13556    flex-wrap: wrap;
13557    margin: -4px;
13558}
13559
13560.chage-background_tool .color_box {
13561    flex-basis: calc(100% / 6);
13562    flex-grow: 1;
13563    flex-shrink: 0;
13564    margin: 4px;
13565    max-width: 48px;
13566    height: 48px;
13567    border: 1px solid #E3E3E4;
13568    box-sizing: border-box;
13569    cursor: pointer;
13570    background-size: cover;
13571    background-position: 50%;
13572    border-radius: 8px;
13573    transition: border-color .2s linear;
13574}
13575
13576.chage-background_tool .color_box:hover,
13577.chage-background_tool .color_box.is-active {
13578    border-color: #1A8FE3;
13579}
13580
13581.chage-background_pick {
13582    position: relative;
13583    margin-top: 16px;
13584}
13585
13586.chage-background_pick .form-group {
13587    margin-bottom: 0;
13588}
13589
13590.chage-background_pick .color_box {
13591    position: absolute;
13592    top: 5px;
13593    left: 5px;
13594    width: 34px;
13595    height: 34px;
13596    margin: 0;
13597    border-radius: 8px;
13598}
13599
13600.chage-background_pick .form-control-field {
13601    padding-left: 47px;
13602    color: #000;
13603    font-size: 12px;
13604    height: 44px;
13605    border: 1px solid #E3E3E4;
13606    border-radius: 8px;
13607}
13608
13609.chage-background_tool-action {
13610    margin-top: 24px;
13611}
13612
13613.chage-background_tool-action .button {
13614    width: 100%;
13615    background: #F6FBFE;
13616    color: #1A8FE3;
13617    font-size: 14px;
13618}
13619
13620.chage-background_tool-action .button svg {
13621    margin-right: 4px;
13622    display: inline-block;
13623    vertical-align: -2px;
13624}
13625
13626.chage-background_preview {
13627    width: 440px;
13628    height: 440px;
13629    margin-top: 82px;
13630    margin-bottom: 92px;
13631    margin-left: auto;
13632    margin-right: auto;
13633}
13634
13635.chage-background_preview-action {
13636    margin-left: -24px;
13637    margin-right: -24px;
13638    padding-left: 24px;
13639    padding-right: 24px;
13640    padding-top: 24px;
13641    border-top: 1px solid #E3E3E4;
13642    text-align: right;
13643}
13644
13645.chage-background_preview-action .button {
13646    margin-left: 4px;
13647    font-size: 14px;
13648    border-radius: 8px;
13649    height: 50px;
13650}
13651
13652.chage-background_preview-action .button--cancel {
13653    background: #EFEFEF;
13654    border: 1px solid #E3E3E4;
13655    color: #A7A9AA;
13656}
13657
13658@media (max-width: 992px) {
13659
13660    .chage-background {
13661        padding-top: 50px;
13662    }
13663
13664    .chage-background_share,
13665    .save-share {
13666        display: flex;
13667        justify-content: center;
13668        margin-bottom: 8px;
13669    }
13670
13671    .chage-background_share .button,
13672    .save-share .button {
13673        padding: 6px 6px 5px;
13674        border: 1px solid #E3E3E4;
13675        border-radius: 6px;
13676        background: #fff;
13677        color: #828586;
13678        font-weight: 500;
13679        font-size: 14px;
13680        margin-left: 4px;
13681        margin-right: 4px;
13682    }
13683
13684    .chage-background_share .button svg,
13685    .save-share .button svg {
13686        margin-right: 6px;
13687    }
13688
13689    .chage-background_item {
13690        margin-bottom: 20px;
13691        height: auto;
13692    }
13693
13694    .chage-background_item--colors {
13695        max-width: 100%;
13696    }
13697
13698    .chage-background_preview {
13699        margin-top: 52px;
13700        margin-bottom: 72px;
13701    }
13702}
13703
13704@media (max-width: 767px) {
13705
13706    .chage-background {
13707        padding-top: 20px;
13708    }
13709
13710    .chage-background .title {
13711        font-size: 28px;
13712        padding-top: 0;
13713    }
13714
13715    .chage-background .title_icon {
13716        display: none;
13717    }
13718
13719    .chage-background .title + p {
13720        margin-top: 4px;
13721    }
13722
13723    .chage-background_area {
13724        padding-top: 40px;
13725    }
13726
13727    .chage-background_item {
13728        padding: 16px;
13729    }
13730
13731    .chage-background .sub_title {
13732        font-size: 16px;
13733    }
13734
13735    .chage-background_group-bg {
13736        margin: -5px;
13737    }
13738
13739    .chage-background_tool .color_box {
13740        max-width: 53px;
13741        height: 53px;
13742        margin: 5px;
13743    }
13744
13745    .chage-background_pick .color_box {
13746        width: 34px;
13747        height: 34px;
13748        margin: 0;
13749    }
13750
13751    .chage-background .sub_title a {
13752        font-size: 10px;
13753    }
13754
13755    .chage-background_tool-action .button {
13756        font-size: 12px;
13757        padding-top: 10px;
13758        padding-bottom: 10px;
13759    }
13760
13761    .chage-background_preview {
13762        width: auto;
13763        height: auto;
13764        margin-bottom: 64px;
13765    }
13766
13767    .chage-background_preview-action {
13768        margin-left: -16px;
13769        margin-right: -16px;
13770        padding-left: 16px;
13771        padding-right: 16px;
13772        padding-top: 16px;
13773        text-align: center;
13774    }
13775
13776    .chage-background_preview-action .button {
13777        width: calc(50% - 6px);
13778        font-size: 12px;
13779        padding-top: 11px;
13780        padding-bottom: 11px;
13781        height: 40px;
13782    }
13783}
13784
13785.dark-mode .chage-background_item {
13786    background: #223544;
13787}
13788
13789.dark-mode .chage-background .sub_title {
13790    color: #fff;
13791}
13792
13793.dark-mode .chage-background_pick .form-control-field {
13794    background-color: #1A252E;
13795    color: #fff;
13796    border-color: #828586;
13797}
13798
13799.dark-mode .chage-background_preview-action {
13800    border-color: #828586;
13801}
13802
13803.dark-mode .chage-background_preview-action .button--cancel {
13804    background-color: #2e3b46;
13805    color: #687d8d;
13806    border-color: #5d5d66;
13807}
13808
13809.dark-mode .chage-background_tool-action .button {
13810    background: #1A252E;
13811    color: #fff;
13812}
13813
13814/* modal-browse-background */
13815.modal-browse-background {}
13816
13817.modal-browse-background .modal-dialog {
13818    max-width: 900px;
13819}
13820
13821.modal-browse-background .modal-content {
13822    border-radius: 12px;
13823}
13824
13825.modal-browse-background .modal-header {
13826    border: none;
13827    padding: 24px 24px 0;
13828}
13829
13830.modal-browse-background .modal-header .close {
13831}
13832
13833.modal-browse-background .modal-title {
13834    color: #181D20;
13835    font-weight: bold;
13836    font-size: 24px;
13837    flex-grow: 1;
13838}
13839
13840.modal-browse-background .modal-body {
13841    padding: 24px;
13842}
13843
13844.browse-background {}
13845
13846.browse-background .search_group--search {
13847    max-width: 100%;
13848    margin-top: 0;
13849}
13850
13851.browse-background .search_group--search input {
13852    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
13853    height: 56px;
13854    font-size: 10px;
13855    color: #707375;
13856}
13857
13858.browse-background .search {
13859    top: 15px;
13860    left: 22px;
13861}
13862
13863.browse-background .search_group--search .button {
13864    font-size: 12px;
13865}
13866
13867.browse-background .filter {
13868    background: none;
13869    border-radius: 0;
13870    padding: 0;
13871    box-shadow: none;
13872    width: 100%;
13873    position: relative;
13874    overflow: hidden;
13875}
13876
13877.browse-background .filter::before {
13878    content: "";
13879    position: absolute;
13880    width: 162px;
13881    height: 44px;
13882    right: 0;
13883    top: 0;
13884    z-index: 5;
13885    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 140.83%);
13886}
13887
13888.browse-background .filter_slide {
13889    position: absolute;
13890    right: 8px;
13891    top: 5px;
13892    z-index: 6;
13893}
13894
13895.browse-background .filter_button {
13896    background: #FFFFFF;
13897    box-shadow: 2px 8px 32px rgba(24, 29, 32, 0.08);
13898    border-radius: 99px;
13899    color: #1F1F1F;
13900    width: 32px;
13901    height: 32px;
13902    padding: 0;
13903}
13904
13905.browse-background .filter_button svg {
13906    width: 18px;
13907    height: 18px;
13908    transform: rotate(-90deg);
13909}
13910
13911.browse-background .filter__category {
13912    max-width: fit-content;
13913    color: #707375;
13914    padding: 8px;
13915    border: 1px solid #E3E3E4;
13916    border-radius: 8px;
13917    min-width: 48px;
13918    text-align: center;
13919}
13920
13921.browse-background .filter__category.is-active,
13922.browse-background .filter__category:hover {
13923    background-color: #fff;
13924    border-color: #1A8FE3;
13925    color: #1A8FE3;
13926}
13927
13928.browse-background .filter .slick-track {
13929}
13930
13931.browse-background .filter .slick-list {
13932
13933}
13934
13935.browse-background .filter__image {
13936    width: 24px;
13937    height: 24px;
13938    border-radius: 8px;
13939    overflow: hidden;
13940    display: inline-block;
13941    vertical-align: top;
13942    margin-right: 4px;
13943}
13944
13945.browse-background .filter__name {
13946    font-size: 16px;
13947    margin-left: 0;
13948}
13949
13950.browse-background_preview {
13951    margin-top: 24px;
13952    height: 477px;
13953    overflow-y: auto;
13954}
13955
13956.browse-background_preview-group {
13957    display: flex;
13958    flex-wrap: wrap;
13959    margin: -8px;
13960}
13961
13962.browse-background_preview .color_box {
13963    max-width: 201px;
13964    height: 201px;
13965    flex-basis: calc(100% / 5);
13966    flex-grow: 1;
13967    flex-shrink: 0;
13968    margin: 8px;
13969    border: 1px solid #E3E3E4;
13970    border-radius: 8px;
13971    background-repeat: no-repeat;
13972    background-size: cover;
13973    background-position: 50%;
13974    overflow: hidden;
13975}
13976
13977.browse-background_preview .color_box:hover,
13978.browse-background_preview .color_box.is-active {
13979    border-color: #1A8FE3;
13980}
13981
13982@media (max-width: 992px) {
13983
13984    .browse-background_preview .color_box {
13985        height: 161px;
13986    }
13987}
13988
13989@media (max-width: 767px) {
13990
13991    .modal-browse-background .modal-title {
13992        font-size: 16px;
13993    }
13994
13995    .modal-browse-background .modal-header {
13996        padding: 16px 16px 0;
13997    }
13998
13999    .modal-browse-background .modal-body {
14000        padding: 16px;
14001    }
14002
14003    .browse-background .filter__category {
14004        min-height: 34px;
14005        padding: 4px ;
14006    }
14007
14008    .browse-background .filter__name {
14009        font-size: 12px;
14010        line-height: 24px;
14011    }
14012
14013    .browse-background .filter__image {
14014        vertical-align: -8px;
14015    }
14016
14017    .browse-background .filter::before {
14018        width: 72px;
14019        height: 34px;
14020    }
14021
14022    .browse-background .filter_slide {
14023        display: none;
14024    }
14025
14026    .browse-background_preview-group {
14027        margin: -5px;
14028    }
14029
14030    .browse-background_preview .color_box {
14031        flex-basis: calc(100% / 4);
14032        max-width: 91px;
14033        height: 91px;
14034        margin: 5px;
14035    }
14036
14037    .browse-background_preview {
14038        height: 380px;
14039        margin-top: 16px;
14040    }
14041}
14042
14043.dark-mode .modal-browse-background .modal-title {
14044    color: #fff;
14045}
14046
14047.dark-mode .browse-background .filter__category {
14048    color: #fff;
14049    border-color: #5d5d66;
14050}
14051
14052.dark-mode .browse-background .filter__category.is-active,
14053.dark-mode .browse-background .filter__category:hover {
14054    background-color: #495258;
14055}
14056
14057.dark-mode .browse-background .filter::before {
14058    background: linear-gradient(270deg, #1A252F 0%, rgba(26, 37, 47, 0) 140.83%);
14059}
14060
14061.dark-mode .browse-background .filter_button {
14062    background-color: #223544;
14063    color: #EFEFEF;
14064}
14065
14066/* modal-continue-writing */
14067.modal-continue-writing {}
14068
14069.modal-continue-writing .modal-dialog {
14070    max-width: 784px;
14071}
14072
14073.modal-continue-writing .modal-content {
14074    border-radius: 12px;
14075}
14076
14077.modal-continue-writing .modal-header {
14078    border: none;
14079    padding: 24px 24px 0;
14080}
14081
14082.modal-continue-writing .modal-header .close {
14083    margin: 0;
14084    padding: 0;
14085}
14086
14087.modal-continue-writing .modal-title {
14088    color: #181D20;
14089    font-weight: bold;
14090    font-size: 24px;
14091    flex-grow: 1;
14092}
14093
14094.modal-continue-writing .modal-body {
14095    padding: 24px;
14096}
14097
14098.chart-creators_bar .form-check {
14099    overflow: hidden;
14100    margin-left: 8px;
14101    margin-right: 8px;
14102}
14103
14104.continue-writing {
14105    color: #181D20;
14106}
14107
14108.continue-writing__item {
14109    margin-top: 16px;
14110}
14111
14112.continue-writing__item:first-child {
14113    margin-top: 0;
14114}
14115
14116.continue-writing__item--action {
14117    margin-top: 24px;
14118}
14119
14120.continue-writing__item p {
14121    font-weight: 500;
14122    font-size: 18px;
14123    line-height: 26px;
14124}
14125
14126.continue-writing__group {
14127    margin-top: 10px;
14128    display: flex;
14129    align-items: center;
14130    margin-left: -8px;
14131}
14132
14133.continue-writing .form-check {
14134    padding: 0;
14135    flex-basis: calc(100% / 4);
14136    flex-grow: 1;
14137    flex-shrink: 0;
14138    max-width: 240px;
14139    margin-left: 8px;
14140}
14141
14142.continue-writing .form-check-input {
14143    position: absolute;
14144    opacity: 0;
14145    visibility: hidden;
14146}
14147
14148.continue-writing .form-check-input:checked+.form-check-label {
14149    color: #1A8FE3;
14150    background-color: #F6FBFE;
14151    border-color: #1A8FE3;
14152}
14153
14154.continue-writing .form-check-label {
14155    padding: 16px 24px;
14156    border: 1px solid #E3E3E4;
14157    border-radius: 8px;
14158    font-size: 16px;
14159    line-height: 24px;
14160    color: #707375;
14161    cursor: pointer;
14162    transition: color, border-color .2s linear;
14163    white-space: nowrap;
14164    width: 100%;
14165    box-sizing: border-box;
14166}
14167
14168.continue-writing .button {
14169    flex-basis: calc(100% / 3);
14170    flex-grow: 1;
14171    flex-shrink: 0;
14172    margin-left: 8px;
14173    padding-top: 16px;
14174    padding-bottom: 16px;
14175    border-radius: 8px;
14176}
14177
14178.continue-writing .btn-secondary {
14179    background: #EFEFEF;
14180    border: 1px solid #E3E3E4;
14181    color: #A7A9AA;
14182}
14183
14184.continue-writing .btn-secondary:focus {
14185    box-shadow: none;
14186}
14187
14188.dark-mode .close,
14189.dark-mode .modal-continue-writing .modal-title,
14190.dark-mode .continue-writing {
14191    color: #fff;
14192}
14193
14194.dark-mode .continue-writing .form-check-label {
14195    color: #fff;
14196}
14197
14198.dark-mode .continue-writing .form-check-input:checked+.form-check-label {
14199    background-color: #223544;
14200}
14201
14202.dark-mode .continue-writing .btn-secondary {
14203    background-color: #40474c;
14204    color: #bfc1c3;
14205}
14206
14207@media (max-width: 767px) {
14208
14209    .modal-continue-writing .modal-title {
14210        font-size: 16px;
14211    }
14212
14213    .modal-continue-writing .modal-body {
14214        padding-top: 16px;
14215    }
14216
14217    .continue-writing__group {
14218        margin-top: 2px;
14219        flex-direction: column;
14220        margin-left: 0;
14221    }
14222
14223    .continue-writing__item--action {
14224        margin-top: 8px;
14225    }
14226
14227    .continue-writing__item p {
14228        font-weight: 500;
14229        font-size: 14px;
14230        line-height: 20px;
14231    }
14232
14233    .continue-writing .form-check {
14234        margin-left: 0;
14235        margin-top: 8px;
14236        max-width: 100%;
14237        width: 100%;
14238        text-align: center;
14239    }
14240
14241    .continue-writing .form-check-label {
14242        font-size: 12px;
14243        line-height: 18px;
14244    }
14245
14246    .continue-writing .button {
14247        margin-left: 0;
14248        margin-top: 8px;
14249        width: 100%;
14250        font-size: 12px;
14251        line-height: 18px;
14252        padding-top: 11px;
14253        padding-bottom: 11px;
14254    }
14255}
14256
14257/* uploader-container */
14258.uploader-container {
14259    background: #FFFFFF;
14260    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
14261    border-radius: 12px;
14262    margin-top: 2.5rem;
14263    padding: 24px;
14264    border: none;
14265}
14266
14267.uploader-container__box {
14268    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
14269    border-radius: 12px;
14270    padding: 24px;
14271    color: #707375;
14272    font-size: 14px;
14273    margin-top: 16px;
14274}
14275
14276.uploader-container__box:first-child {
14277    margin-top: 0;
14278}
14279
14280.uploader-tools__text-size {}
14281
14282.uploader-tools strong {
14283    color: #181D20;
14284    font-weight: 600;
14285}
14286
14287.uploader-tools__item {
14288    margin-top: 16px;
14289    display: flex;
14290    align-items: center;
14291}
14292
14293.uploader-tools hr {
14294    border-color: #E3E3E4;
14295}
14296
14297.uploader-tools .input-group-text {
14298    color: #707375;
14299    font-weight: 600;
14300    font-size: 14px;
14301    line-height: 21px;
14302    border: 1px solid #E3E3E4;
14303    border-radius: 4px 0 0 4px;
14304    background-color: #F6F6F6;
14305    padding: 13px 15px 12px 16px;
14306    height: 48px;
14307}
14308
14309.uploader-tools .form-control {
14310    border-color: #E3E3E4;
14311    border-radius: 0 4px 4px 0;
14312    color: #181D20;
14313    font-size: 16px;
14314    padding: 12px 16px;
14315    height: 48px;
14316    font-weight: 500;
14317}
14318
14319.uploader-tools .form-check {
14320    overflow: hidden;
14321    margin-left: 12px;
14322    margin-right: 10px;
14323}
14324
14325.uploader-tools .form-check-input {
14326    position: absolute;
14327    opacity: 0;
14328    visibility: hidden;
14329}
14330
14331.uploader-tools .form-check-input:checked+.form-check-label {
14332    color: #fff;
14333    background-color: #1A8FE3;
14334}
14335
14336.uploader-tools .form-check-input:checked+.form-check-label::before {
14337    border-color: #fff;
14338}
14339
14340.uploader-tools .form-check-label {
14341    padding: 16px 16px 8px;
14342    border: 1px solid #1A8FE3;
14343    border-radius: 10px;
14344    font-weight: 500;
14345    font-size: 14px;
14346    line-height: 18px;
14347    color: #1A8FE3;
14348    cursor: pointer;
14349    transition: color, border-color .2s linear;
14350    display: flex;
14351    flex-direction: column;
14352    align-items: center;
14353    text-align: center;
14354    width: 94px;
14355}
14356
14357.uploader-tools .form-check-label::before {
14358    content: "";
14359    border: 1px solid #1A8FE3;
14360    width: 36px;
14361    height: 24px;
14362    margin-bottom: 10px;
14363}
14364
14365.uploader-tools .form-check-label span {
14366    font-weight: 500;
14367    font-size: 14px;
14368    width: 54px;
14369    white-space: nowrap;
14370    text-overflow: ellipsis;
14371    overflow: hidden;
14372}
14373
14374.uploader-zoom .button {
14375    font-weight: 600;
14376    font-size: 12px;
14377    line-height: 18px;
14378    padding-left: 18px;
14379    padding-right: 17px;
14380    padding-top: 11px;
14381    padding-bottom: 11px;
14382    height: 40px;
14383    margin-left: 6px;
14384}
14385
14386.uploader-zoom .button-outline {
14387    margin-left: 0;
14388}
14389
14390.uploader-zoom__box {
14391    display: flex;
14392    align-items: center;
14393}
14394
14395.uploader-zoom__text {
14396    color: #525658;
14397    font-weight: 500;
14398    font-size: 12px;
14399    line-height: 18px;
14400    flex-shrink: 0;
14401}
14402
14403.uploader-zoom .form-control {
14404    border: none;
14405    width: 40px;
14406    height: 18px;
14407    padding: 0;
14408    font-weight: 500;
14409    font-size: 12px;
14410    line-height: 18px;
14411    color: #1A8FE3;
14412    flex-shrink: 0;
14413}
14414
14415.twitter-navigation__zoom-icon {
14416    display: none;
14417}
14418
14419.twitter-navigation {
14420    flex-grow: 1;
14421    margin-left: 10px;
14422    margin-right: 10px;
14423}
14424
14425.twitter-navigation__wrapper {
14426    width: 100%;
14427    height: 20px;
14428    display: flex;
14429    align-items: center;
14430    flex-direction: column;
14431    justify-content: center;
14432    border-radius: 5px;
14433    cursor: pointer;
14434}
14435
14436.twitter-navigation__line-wrapper {
14437    width: 100%;
14438    height: 20px;
14439    display: flex;
14440    align-items: center;
14441    flex-direction: column;
14442    justify-content: center;
14443    border-radius: 5px;
14444    cursor: pointer;
14445}
14446
14447.twitter-navigation__line {
14448    background: #EFEFEF;
14449    height: 6px;
14450    width: 100%;
14451    border-radius: 10px;
14452    display: flex;
14453    position: relative;
14454    align-items: center;
14455}
14456
14457.twitter-navigation__fill {
14458    background: #1A8FE3;
14459    align-self: stretch;
14460    flex-basis: auto;
14461    flex-direction: column;
14462    flex-shrink: 0;
14463    border-radius: 10px;
14464}
14465
14466.twitter-navigation__circle {
14467    width: 30px;
14468    height: 30px;
14469    margin-left: -15px;
14470    border-radius: 50%;
14471    display: flex;
14472    align-items: center;
14473    justify-content: center;
14474    position: absolute;
14475    transition-duration: 0.2s;
14476    transition-property: background-color, box-shadow;
14477    background-color: transparent;
14478}
14479
14480.twitter-navigation__inner-circle {
14481    width: 9px;
14482    height: 12px;
14483    border-radius: 50%;
14484    background-color: #1A8FE3;
14485    transform: scale(1);
14486    transition-duration: 0.1s;
14487    transition-property: transform;
14488    box-shadow: none;
14489}
14490
14491@media (max-width: 1240px) {
14492
14493    .uploader-tools .form-check-label {
14494        width: 89px;
14495    }
14496
14497    .uploader-zoom .button {
14498        padding-left: 16px;
14499        padding-right: 15px;
14500    }
14501}
14502
14503@media (max-width: 992px) {
14504
14505    .uploader-tools__item--scroll {
14506        flex-wrap: nowrap;
14507        overflow-x: auto;
14508        margin-right: 0;
14509    }
14510
14511    .uploader-tools .form-check {
14512        flex-shrink: 0;
14513    }
14514}
14515
14516@media (max-width: 767px) {
14517
14518    .uploader-container {
14519        padding: 8px;
14520    }
14521
14522    .uploader-container__box {
14523        padding: 8px;
14524    }
14525
14526    .uploader-tools__text-size {
14527        display: none;
14528    }
14529
14530    .uploader-tools__item {
14531        margin-top: 8px;
14532    }
14533
14534    .uploader-tools__item:first-of-type {
14535        margin-top: -8px;
14536    }
14537
14538    .uploader-tools hr {
14539        display: none;
14540    }
14541
14542    .uploader-tools .input-group-text {
14543        height: 32px;
14544        width: 57px;
14545        padding-left: 8px;
14546        font-size: 12px;
14547    }
14548
14549    .uploader-tools .form-control {
14550        height: 32px;
14551    }
14552
14553    .uploader-tools__item--scroll {
14554        margin-left: -4px;
14555    }
14556
14557    .uploader-tools .form-check {
14558        margin-left: 4px;
14559        margin-right: 4px;
14560    }
14561
14562    .uploader-tools .form-check-label {
14563        width: 44px;
14564        padding-right: 16px;
14565        font-size: 10px;
14566        border-radius: 4px;
14567    }
14568
14569    .uploader-tools .form-check-label::before {
14570        width: 21px;
14571        height: 12px;
14572    }
14573
14574    .uploader-zoom .button {
14575        width: calc(50% - 10px);
14576        margin-top: 10px;
14577    }
14578}
14579
14580.uploader-container label {
14581    font-weight: 400;
14582    font-size: 12px;
14583    line-height: 18px;
14584    color: #181D20;
14585    padding-bottom: 8px;
14586}
14587
14588.uploader-container .card-body {
14589    padding: 0;
14590}
14591
14592.uploader-container .card-footer {
14593    padding: 0;
14594    background: none;
14595    border: none;
14596}
14597
14598.button--card-footer {
14599    padding-left: 20px;
14600    padding-right: 20px;
14601    font-size: 14px;
14602}
14603
14604.uploader-container .button-outline--grey {}
14605
14606.uploader-container .dropdown .btn-secondary {
14607    width: 100%;
14608    padding-top: 11px;
14609    padding-bottom: 11px;
14610    margin-top: 10px;
14611    background-color: transparent;
14612    border-color: #E3E3E4;
14613    border-radius: 8px;
14614    color: #A7A9AA;
14615    text-align: left;
14616    font-weight: 400;
14617    font-size: 14px;
14618    display: flex;
14619    justify-content: space-between;
14620    align-items: center;
14621}
14622
14623.uploader-container .dropdown .btn-secondary:focus {
14624    border-color: #80bdff;
14625    outline: 0;
14626    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
14627}
14628.uploader-container .dropdown .btn-secondary:active {
14629    background-color: transparent;
14630    border-color: #E3E3E4;
14631    color: #707375;
14632}
14633
14634.uploader-container .btn-secondary.dropdown-toggle::after {
14635    content: "";
14636    width: 9px;
14637    height: 9px;
14638    border-right: 1px solid #A7A9AA;
14639    border-bottom: 1px solid #A7A9AA;
14640    border-top: none;
14641    border-left: none;
14642    transform: rotate(45deg);
14643    border-radius: 0 0 2px 0;
14644    z-index: 3;
14645}
14646
14647.uploader-container .btn-secondary +  .dropdown-menu {
14648    width: 100%;
14649    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
14650    border-radius: 6px;
14651    padding: 7px;
14652    border: none;
14653    margin-top: 8px;
14654}
14655
14656.uploader-container .dropdown-item {
14657    padding: 5px;
14658    font-size: 14px;
14659    line-height: 21px;
14660    color: #707375;
14661    margin-top: 11px;
14662}
14663
14664.uploader-container .dropdown-item:first-child {
14665    margin-top: 0;
14666}
14667
14668.uploader-container .btn-group > .button {
14669    padding: 11px 4px 11px 16px;
14670    border-radius: 8px 0 0 8px;
14671}
14672
14673.uploader-container .btn-group > .button-outline {
14674    border-right: none;
14675}
14676
14677.uploader-container .btn-group .button.dropdown-toggle {
14678    padding: 0 16px 0 4px;
14679    border-radius: 0 8px 8px 0;
14680}
14681
14682.uploader-container .button-outline.dropdown-toggle {
14683    border-left: none;
14684    border-right: 1px solid #1A8FE3;
14685}
14686
14687.uploader-container .dropup .dropdown-toggle::after {
14688    width: 8px;
14689    height: 8px;
14690    border-right: 3px solid #fff;
14691    border-bottom: 3px solid #fff;
14692    border-top: none;
14693    border-left: none;
14694    transform: rotate(45deg);
14695    border-radius: 0 0 3px 0;
14696    vertical-align: 0;
14697}
14698
14699.uploader-container .dropup.show .dropdown-toggle::after {
14700    transform: rotate(-135deg);
14701    vertical-align: -2px;
14702}
14703
14704.uploader-container .dropup .button-outline.dropdown-toggle::after {
14705    border-right-color: #1A8FE3;
14706    border-bottom-color: #1A8FE3;
14707}
14708
14709.uploader-container .dropup .button-outline.dropdown-toggle:hover::after {
14710    border-right-color: #fff;
14711    border-bottom-color: #fff;
14712}
14713
14714.uploader-container .chage-background_pick {
14715    margin-top: 0;
14716}
14717
14718/* Add Page Numbers to a PDF */
14719.uploader-container--add-numbers .card-body {
14720    margin-top: 40px;
14721}
14722
14723.uploader-container--add-numbers .card-title h3 {
14724    color: #181D20;
14725    font-weight: 600;
14726    font-size: 24px;
14727    line-height: 32px;
14728    text-align: center;
14729}
14730
14731.uploader-container--add-numbers .chage-background_pick .form-control-field {
14732    padding-top: 10px;
14733    padding-bottom: 10px;
14734    padding-left: 39px;
14735    height: 38px;
14736    font-size: 10px;
14737    line-height: 16px;
14738    letter-spacing: 0.005em;
14739    color: #181D20;
14740}
14741
14742.uploader-container--add-numbers .chage-background_pick .color_box {
14743    width: 30px;
14744    height: 30px;
14745    border: none;
14746    top: 4px;
14747    left: 4px;
14748}
14749
14750.uploader-container--add-numbers .dropdown .btn-secondary {
14751    padding-top: 10px;
14752    padding-bottom: 10px;
14753    font-weight: 400;
14754    font-size: 10px;
14755    line-height: 16px;
14756    margin-top: 0;
14757    color: #181D20;
14758}
14759
14760.uploader-container--add-numbers hr {
14761    display: none;
14762}
14763
14764.font-picker {
14765    position: relative;
14766    display: inline-block;
14767    box-shadow: unset;
14768    width: 100%;
14769}
14770
14771div[id^="font-picker"] button {
14772    border: 0;
14773    color: inherit;
14774}
14775
14776.font-control .font-picker .dropdown-button {
14777    padding: 11px 12px;
14778    width: 100%;
14779    display: flex;
14780    align-items: center;
14781    justify-content: space-between;
14782    background: #fff;
14783    border: 1px solid #E3E3E4;
14784    border-radius: 8px;
14785    font-weight: 400;
14786    font-size: 10px;
14787    line-height: 16px;
14788    font-family: 'Poppins', sans-serif;
14789    color: #181D20;
14790    height: 38px;
14791}
14792
14793div[id^="font-picker"] .dropdown-button .dropdown-font-name {
14794    overflow: hidden;
14795    white-space: nowrap;
14796}
14797
14798div[id^="font-picker"] .dropdown-icon {
14799    margin-left: 10px;
14800}
14801
14802div[id^="font-picker"] .dropdown-icon.finished:before {
14803    content: '';
14804    display: block;
14805    width: 9px;
14806    height: 9px;
14807    border-right: 1px solid #A7A9AA;
14808    border-bottom: 1px solid #A7A9AA;
14809    border-top: none;
14810    border-left: none;
14811    transform: rotate(45deg);
14812    transition: -webkit-transform 0.3s;
14813    transition: transform 0.3s;
14814    transition: transform 0.3s, -webkit-transform 0.3s;
14815    border-radius: 0 0 2px 0;
14816    margin: -2px 0 0 0;
14817}
14818
14819div[id^="font-picker"] ul li button {
14820    height: 100%;
14821    width: 100%;
14822    display: flex;
14823    align-items: center;
14824    padding: 0 10px;
14825    white-space: nowrap;
14826    border: none;
14827}
14828
14829div[id^="font-picker"] ul li {
14830    height: 35px;
14831    list-style: none;
14832}
14833
14834div[id^="font-picker"] ul {
14835    position: absolute;
14836    z-index: 1;
14837    max-height: 0;
14838    width: 100%;
14839    overflow-x: hidden;
14840    overflow-y: auto;
14841    -webkit-overflow-scrolling: touch;
14842    margin: 0;
14843    padding: 0;
14844    background: #EAEAEA;
14845    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
14846    transition: 0.3s;
14847}
14848
14849.number-preview {
14850    background: #F6F6F6;
14851    border-radius: 8px;
14852    padding: 16px;
14853    width: 160px;
14854    height: 240px;
14855}
14856
14857.number-preview p {
14858    font-weight: 400;
14859    font-size: 12px;
14860    line-height: 18px;
14861    text-align: center;
14862    letter-spacing: 0.005em;
14863    color: #181D20;
14864}
14865
14866.number-preview .numbers-style-block__wrapper {
14867    display: flex;
14868    height: 190px;
14869    align-items: center;
14870    justify-content: center;
14871    font-weight: 500;
14872}
14873
14874.page-actions-panel_box {
14875    margin-left: 40px;
14876    padding-left: 40px;
14877    border-left: 1px solid #E3E3E4;
14878}
14879
14880.page-actions-panel_box p {
14881    font-weight: 400;
14882    font-size: 12px;
14883    line-height: 18px;
14884    letter-spacing: 0.005em;
14885    color: #181D20;
14886}
14887
14888.page-actions-panel {
14889    height: 214px;
14890    padding: 0;
14891    -webkit-box-flex: 0;
14892    -ms-flex: 0 0 auto;
14893    flex: 0 0 auto;
14894    overflow: hidden;
14895    color: #acacac;
14896    text-align: left;
14897    font-size: 16px;
14898    line-height: 1.5;
14899    -webkit-box-ordinal-group: 1;
14900    -ms-flex-order: 0;
14901    order: 0;
14902    -webkit-box-flex: 1;
14903    -ms-flex: 1 1 auto;
14904    flex: 1 1 auto;
14905    -ms-flex-item-align: auto;
14906    align-self: auto;
14907    -webkit-transition: width 1s;
14908    -o-transition: width 1s;
14909    transition: width 1s;
14910    border: 1px solid #E3E3E4;
14911    border-radius: 8px;
14912    margin-top: 8px;
14913}
14914.page-actions-panel .panel-inner {
14915    position: relative;
14916    height: inherit;
14917    margin: 0;
14918}
14919.page-actions-panel .panel-inner .numbers-panel {
14920    color: #acacac;
14921    text-align: left;
14922    font-size: 16px;
14923    line-height: 1.5;
14924    height: inherit;
14925}
14926.page-actions-panel_wrapper {
14927    padding-top: 9px;
14928    margin: 0;
14929    height: inherit;
14930}
14931.page-actions-panel_wrapper-block {
14932    display: flex;
14933    padding: 0 9px 20px;
14934    -webkit-box-pack: center;
14935    justify-content: center;
14936    -webkit-box-align: center;
14937    align-items: center;
14938    height: inherit;
14939}
14940.page-actions-panel_wrapper-subblock {
14941    position: relative;
14942    display: flex;
14943    height: inherit;
14944    width: 100%;
14945}
14946.page-actions-panel_wrapper-subblock_inputs {
14947    position: absolute;
14948    top: 0;
14949    left: 0;
14950    width: 100%;
14951    height: 100%;
14952    display: flex;
14953    flex-direction: column;
14954    -webkit-box-pack: justify;
14955    justify-content: space-between;
14956}
14957.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs {
14958    display: flex;
14959    padding: 8px 0;
14960    -webkit-box-pack: justify;
14961    justify-content: space-between;
14962}
14963.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label {
14964    position: relative;
14965    overflow: hidden;
14966    background-color: white;
14967    cursor: pointer;
14968    display: flex;
14969    width: 16px;
14970    height: 16px;
14971    border-radius: 50%;
14972    border: 1px solid #A7A9AA;
14973}
14974.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label svg {
14975    position: absolute;
14976    top: -1px;
14977    left: -1px;
14978    fill: transparent;
14979}
14980.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active svg {
14981    position: absolute;
14982    top: -2px;
14983    left: -2px;
14984    fill: #1CAB48;
14985    width: 20px;
14986    height: 20px;
14987}
14988.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active {
14989    border: none;
14990}
14991.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label input {
14992    visibility: hidden;
14993    box-sizing: border-box;
14994    padding: 0;
14995    overflow: visible;
14996}
14997
14998.page-actions-panel_wrapper-block img {
14999    max-width: 83px;
15000    margin-left: auto;
15001    margin-right: auto;
15002}
15003
15004.page-actions-panel__view {
15005    color: #1A8FE3;
15006    display: flex;
15007    flex-direction: column;
15008    align-items: center;
15009    justify-content: center;
15010    margin-left: auto;
15011    margin-right: auto;
15012}
15013
15014.page-actions-panel__view span {
15015    font-weight: 500;
15016    font-size: 12px;
15017    line-height: 18px;
15018    padding-top: 4px;
15019}
15020
15021
15022@media (max-width: 767px) {
15023
15024    .uploader-container--add-numbers {
15025        padding-top: 24px;
15026        padding-bottom: 24px;
15027    }
15028
15029    .page-actions-panel_box {
15030        margin-left: 0;
15031        padding-left: 0;
15032        border: none;
15033    }
15034
15035    .uploader-container--add-numbers .card-title h3 {
15036        font-weight: 600;
15037        font-size: 16px;
15038        line-height: 24px;
15039    }
15040
15041    .uploader-container--add-numbers .card-body {
15042        margin-top: 16px;
15043    }
15044
15045    .uploader-container--add-numbers hr {
15046        display: block;
15047        margin-top: 24px;
15048        margin-bottom: 24px;
15049    }
15050
15051    .button--card-footer {
15052        width: 100%;
15053    }
15054}
15055
15056.dark-mode .uploader-container {
15057    background-color: #1A252E;
15058}
15059
15060.dark-mode .uploader-container--add-numbers .card-title h3,
15061.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary,
15062.dark-mode .uploader-container--add-numbers .chage-background_pick .form-control-field,
15063.dark-mode .page-actions-panel_box p,
15064.dark-mode .number-preview p {
15065    color: #fff;
15066}
15067
15068.dark-mode .font-control .font-picker .dropdown-button {
15069    background: transparent;
15070    color: #fff;
15071}
15072
15073.dark-mode .font-control .font-picker .dropdown-button,
15074.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary,
15075.dark-mode .page-actions-panel_box,
15076.dark-mode .page-actions-panel {
15077    border-color: #828586;
15078}
15079
15080.dark-mode .number-preview,
15081.dark-mode .page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label {
15082    background: #131b20;
15083}
15084
15085/* Extract Images from PDF */
15086.uploader-container--images .uploader-container__box {
15087    padding-top: 8px;
15088    padding-bottom: 8px;
15089}
15090
15091.uploader-container__box .button {
15092    padding-left: 14px;
15093    padding-right: 14px;
15094    margin-left: 4px;
15095    font-size: 12px;
15096    line-height: 18px;
15097    padding-top: 11px;
15098    padding-bottom: 11px;
15099}
15100.uploader-container__box .button:first-child {
15101    margin-left: 0;
15102}
15103
15104.uploader-container__box .button-outline {
15105    padding-top: 10px;
15106    padding-bottom: 10px;
15107    padding-left: 12px;
15108    padding-right: 12px;
15109}
15110
15111.uploader-container .btn-group > .button-outline {
15112    padding: 10px 4px 9px 16px;
15113}
15114
15115.uploader-container__box .button-outline--grey {
15116    padding-left: 16px;
15117    padding-right: 16px;
15118    padding-top: 10px;
15119    padding-bottom: 9px;
15120}
15121
15122.uploader-container--images .card-body {
15123    height: 420px;
15124    overflow-x: hidden;
15125    padding-right: 12px;
15126    margin-right: -12px;
15127    padding-top: 0;
15128    padding-bottom: 0;
15129    margin-top: 40px;
15130}
15131
15132.uploader-container--images .images-preview {
15133    margin-left: -8px;
15134    margin-right: -8px;
15135}
15136
15137.images-preview .item {
15138    display: inline-flex;
15139    width: 225px;
15140    height: 225px;
15141    align-items: center;
15142    position: relative;
15143    padding: 0;
15144    border: 1px solid #E3E3E4;
15145    border-radius: 8px;
15146    margin-left: 8px;
15147    margin-right: 8px;
15148    margin-top: 12px;
15149    margin-bottom: 40px;
15150    flex: 0 0 23.3%;
15151    transition: background-color .2s linear;
15152}
15153
15154.images-preview .item:before {
15155    content: "";
15156    display: block;
15157    position: absolute;
15158    top: 0;
15159    bottom: 0;
15160    left: 0;
15161    right: 0;
15162    background-color: rgba(24, 29, 32, 0.16);
15163    opacity: 0;
15164    border-radius: inherit;
15165    z-index: 1;
15166    transition: opacity .2s linear;
15167}
15168
15169.images-preview .item:hover:before {
15170    opacity: 1;
15171}
15172
15173.uploader-container--images .preview-page {
15174    width: 100%;
15175    border-radius: inherit;
15176    display: flex;
15177    justify-content: center;
15178}
15179
15180.uploader-container--images .preview-page .buttons {
15181    display: none;
15182}
15183
15184.images-preview .item img {
15185    width: 100%;
15186    max-height: 100%;
15187    border-radius: inherit;
15188}
15189
15190.images-preview .item .btn-download {
15191    position: absolute;
15192    top: 50%;
15193    left: 50%;
15194    transform: translate(-50%, -50%);
15195    -ms-transform: translate(-50%, -50%);
15196    cursor: pointer;
15197}
15198
15199.uploader-container .item:hover .buttons {
15200    opacity: 1;
15201}
15202
15203.uploader-container .buttons {
15204    background: #FFFFFF;
15205    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
15206    border-radius: 8px;
15207    padding: 8px;
15208    position: absolute;
15209    top: 50%;
15210    left: 50%;
15211    transform: translate(-50%, -50%);
15212    -ms-transform: translate(-50%, -50%);
15213    display: flex;
15214    opacity: 0;
15215    transition: opacity .2s ease-in;
15216    z-index: 2;
15217}
15218
15219.uploader-container .buttons .button-outline {
15220    padding: 4px;
15221    margin-left: 4px;
15222    border: none;
15223    min-height: 28px;
15224}
15225.uploader-container .buttons .button-outline:first-child {
15226    margin-left: 0;
15227}
15228
15229.uploader-container .buttons .button-outline:hover {
15230    background-color: #e1e1e1;
15231}
15232
15233.uploader-container .buttons .button {
15234    border-radius: 4px;
15235}
15236
15237.uploader-container .buttons .button-view {
15238    color: #707375;
15239}
15240
15241.uploader-container .buttons .button-download {
15242    color: #1A8FE3;
15243}
15244
15245.uploader-container .buttons .button-delete {
15246    color: #E2464C;
15247}
15248
15249.uploader-container .buttons .button-rotate {
15250    color: #707375;
15251}
15252
15253.images-preview .buttons .btn-group {
15254    position: relative;
15255    margin-left: 8px;
15256}
15257
15258.images-preview .buttons .btn-group:first-child {
15259    margin-left: 0;
15260}
15261
15262.images-preview .buttons .btn-group:before {
15263    content: "";
15264    position: absolute;
15265    top: 50%;
15266    left: -5px;
15267    transform: translateY(-50%);
15268    height: 10px;
15269    width: 1px;
15270    background-color: #E3E3E4;
15271}
15272
15273.images-preview .buttons .btn-group:first-child:before {
15274    display: none;
15275}
15276
15277.images-preview__number {
15278    position: absolute;
15279    left: 0;
15280    right: 0;
15281    top: 100%;
15282    text-align: center;
15283    margin-top: 8px;
15284    font-weight: 500;
15285    font-size: 14px;
15286    color: #181D20;
15287    line-height: 20px;
15288}
15289
15290@media (max-width: 1200px) {
15291    .images-preview .item {
15292        flex: 0 0 23%;
15293        height: 215px;
15294        margin-bottom: 85px;
15295    }
15296
15297    .uploader-container--pdf .item {
15298        margin-bottom: 52px;
15299    }
15300
15301    .uploader-container .buttons {
15302        opacity: 1;
15303        transform: translate(-50%, 0);
15304        top: 100%;
15305        margin-top: 34px;
15306        background-color: transparent;
15307        box-shadow: none;
15308    }
15309
15310    .uploader-container--pdf .buttons {
15311        margin-top: 4px;
15312    }
15313
15314    .uploader-container--pdf .button-view,
15315    .uploader-container .btn-group .button-view {
15316        display: none;
15317    }
15318
15319    .uploader-container .buttons .button-outline {
15320        border: 1px solid #E3E3E4;
15321        border-radius: 4px;
15322    }
15323
15324    .uploader-container .buttons .button:first-child:before {
15325        right: -5px;
15326    }
15327
15328    .uploader-container--images .preview-page {
15329        position: relative;
15330    }
15331
15332    .uploader-container--images .preview-page .buttons {
15333        margin-top: 0;
15334        top: 50%;
15335        transform: translate(-50%, -50%);
15336    }
15337    .images-preview .item:hover .preview-page .buttons {
15338        display: flex;
15339    }
15340
15341    .uploader-container--images .preview-page .button-view {
15342        margin-right: 0;
15343        border: none;
15344        background: #FFFFFF;
15345        box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
15346        border-radius: 6px;
15347        display: block;
15348    }
15349
15350    .uploader-container--images .preview-page .button-view:before {
15351        display: none;
15352    }
15353}
15354
15355@media (max-width: 992px) {
15356    .images-preview .item {
15357        flex: 0 0 22%;
15358        height: 150px;
15359    }
15360}
15361
15362@media (max-width: 767px) {
15363    .images-preview .item {
15364        flex: 0 0 45%;
15365        max-width: 45%;
15366    }
15367
15368    .uploader-container .dropup .dropdown-toggle::after {
15369        border-right: 2px solid #fff;
15370        border-bottom: 2px solid #fff;
15371        vertical-align: 1px;
15372    }
15373}
15374
15375/* Split PDF File */
15376.uploader-container__box .nav {
15377    margin-left: -10px;
15378    border: 1px solid #E3E3E4;
15379    border-radius: 8px;
15380    padding: 1px 8px;
15381    align-items: center;
15382    position: relative;
15383    margin-right: 16px;
15384}
15385
15386.uploader-container__box .nav::before {
15387    content: "";
15388    position: absolute;
15389    top: 50%;
15390    right: -8px;
15391    transform: translateY(-50%);
15392    height: 16px;
15393    width: 1px;
15394    background-color: #E3E3E4;
15395}
15396
15397.uploader-container__box .nav .btn-link {
15398    color: #707375;
15399    padding: 2px;
15400}
15401
15402.uploader-container__box .nav .form-control {
15403    border: none;
15404    padding: 0;
15405    margin-left: 4px;
15406    margin-right: 4px;
15407    max-width: 34px;
15408    font-weight: 500;
15409    font-size: 14px;
15410    line-height: 20px;
15411    color: #707375;
15412    text-align: center;
15413}
15414
15415.uploader-container__box .form-group > .form-control {
15416    border-color: #E3E3E4;
15417    border-radius: 8px;
15418    font-size: 12px;
15419    line-height: 18px;
15420    color: #707375;
15421    font-weight: 500;
15422    height: 39px;
15423}
15424
15425.uploader-container__box .form-group > .form-control::placeholder {
15426    color: #A7A9AA;
15427    font-weight: 400;
15428}
15429
15430@media (max-width: 767px) {
15431    .uploader-container__box .nav {
15432        display: none;
15433    }
15434
15435    .uploader-container__box .form-inline {
15436        width: 100%;
15437        display: block;
15438    }
15439
15440    .button-box .button {
15441        width: calc(50% - 4px);
15442    }
15443}
15444
15445/* Edit PDF */
15446.uploader-container .file-drop-area {
15447    margin-top: 0;
15448    padding: 0;
15449    border: none;
15450}
15451
15452.uploader-container .file-drop-area > .row {
15453    width: 100%;
15454}
15455
15456.file-drop-area__buttons {
15457    display: flex;
15458    align-items: center;
15459    flex-wrap: wrap;
15460    max-width: 426px;
15461    margin-left: auto;
15462    margin-right: auto;
15463}
15464
15465.uploader-container .file-drop-area .button {
15466    border-radius: 8px;
15467    font-weight: 600;
15468    font-size: 16px;
15469}
15470
15471.file-drop-area .button svg {
15472    margin-right: 8px;
15473}
15474
15475.file-drop-area .button.file-uploads {
15476    padding-top: 17px;
15477    padding-bottom: 17px;
15478    margin-right: 8px;
15479    flex-grow: 1;
15480}
15481
15482.file-uploads {
15483    overflow: hidden;
15484    position: relative;
15485    text-align: center;
15486    display: inline-block;
15487}
15488
15489.file-uploads.file-uploads-html4 input, .file-uploads.file-uploads-html5 label {
15490    background: #fff;
15491    opacity: 0;
15492    font-size: 20em;
15493    z-index: 1;
15494    top: 0;
15495    left: 0;
15496    right: 0;
15497    bottom: 0;
15498    position: absolute;
15499    width: 100%;
15500    height: 100%;
15501}
15502
15503.file-uploads.file-uploads-html5 input {
15504    background: rgba(255,255,255,0);
15505    overflow: hidden;
15506    position: fixed;
15507    width: 1px;
15508    height: 1px;
15509    z-index: -1;
15510    opacity: 0;
15511}
15512
15513.button-file-create {
15514    margin-top: 12px;
15515    color: #1A8FE3;
15516    background: #F6FBFE;
15517    flex-grow: 1;
15518    margin-right: 8px;
15519}
15520
15521.file-drop-area__buttons .button-files {
15522    margin-top: 12px;
15523    margin-right: 8px;
15524}
15525
15526@media (max-width: 767px) {
15527
15528    .uploader-container .file-drop-area {
15529        padding-top: 112px;
15530        padding-bottom: 100px;
15531        padding-left: 34px;
15532        padding-right: 34px;
15533        height: auto;
15534    }
15535
15536    .uploader-container .file-drop-area .button {
15537        width: 100%;
15538        font-size: 12px;
15539        line-height: 18px;
15540        margin-right: 0;
15541        padding-top: 9px;
15542        padding-bottom: 9px;
15543    }
15544
15545    .file-drop-area .button.file-uploads {
15546        padding-top: 10px;
15547        padding-bottom: 10px;
15548    }
15549
15550    .uploader-container .file-drop-area .button-files {
15551        margin-top: 12px;
15552    }
15553
15554    .uploader-container .button.button-file-create {
15555        padding-top: 11px;
15556        padding-bottom: 11px;
15557    }
15558
15559    p.drag {
15560        font-size: 12px;
15561    }
15562}
15563
15564/* ctrl-icon */
15565.ctrl-icon {
15566    display: inline-block;
15567    vertical-align: middle;
15568    width: 24px;
15569    height: 24px;
15570}
15571
15572.ctrl-icon--fill {
15573    fill: currentColor;
15574    stroke: none;
15575}
15576
15577.ctrl-icon--stroke {
15578    fill: none;
15579    stroke: currentColor;
15580}
15581/* end ctrl-icon */
15582
15583/* ctrl-btn */
15584.ctrl-btn {
15585    display: inline-flex;
15586    align-items: center;
15587    justify-content: center;
15588    text-decoration: none;
15589    font-size: 14px;
15590    line-height: calc(20 / 14);
15591    color: var(--color, #1A8FE3);
15592    border-color: var(--border-color, #1A8FE3);;
15593}
15594.ctrl-btn__icon {
15595    width: 20px;
15596    height: 20px;
15597    margin-right: 8px;
15598
15599}
15600.ctrl-btn__text {
15601
15602}
15603
15604.ctrl-btn--view-stroke {
15605
15606}
15607
15608.ctrl-btn--view-link {
15609    padding: 0;
15610    border-width: 0;
15611    background-color: transparent;
15612}
15613/* end ctrl-btn */
15614
15615/* ctrl-btn-icon */
15616.ctrl-btn-rounded {
15617    display: inline-flex;
15618    align-items: center;
15619    justify-content: center;
15620    padding: 7px 16px;
15621    border-width: 1px;
15622    border-style: solid;
15623    color: var(--color, #707375);
15624    border-color: var(--border-color, #E3E3E4);
15625    border-radius: 18px;
15626    background-color: #fff;
15627    font-size: 12px;
15628    line-height: calc(16 / 12);
15629}
15630
15631.ctrl-btn-rounded__icon {
15632    width: 16px;
15633    height: 16px;
15634    margin-right: 8px;
15635}
15636
15637.ctrl-btn-rounded__text {}
15638
15639.ctrl-btn-rounded:hover {
15640    --color: #1A8FE3;
15641    --border-color: #1A8FE3;
15642}
15643/* end ctrl-btn-icon */
15644
15645/* ctrl-btn-icon */
15646.ctrl-btn-icon {
15647    padding: 0;
15648    width: 24px;
15649    height: 24px;
15650    border-width: 0;
15651    border-radius: 4px;
15652    color: inherit;
15653    background-color: transparent;
15654}
15655
15656.ctrl-btn-icon__icon {
15657    display: block;
15658    width: 100%;
15659    height: 100%;
15660}
15661
15662.ctrl-btn-icon__text {
15663    clip: rect(0 0 0 0);
15664    clip-path: inset(50%);
15665    height: 1px;
15666    overflow: hidden;
15667    position: absolute;
15668    white-space: nowrap;
15669    width: 1px;
15670}
15671
15672.ctrl-btn-icon--size-xs {
15673    width: 16px;
15674    height: 16px;
15675}
15676
15677.ctrl-btn-icon--size-xl {
15678    width: 40px;
15679    height: 40px;
15680    padding: 8px;
15681}
15682/* end ctrl-btn-icon */
15683
15684/* ctrl-range */
15685.ctrl-range {
15686    width: 100%;
15687    height: 16px;
15688    padding: 0;
15689    background-color: transparent;
15690    -webkit-appearance: none;
15691    -moz-appearance: none;
15692}
15693.ctrl-range:focus{
15694    outline:0
15695}
15696.ctrl-range::-moz-focus-outer{
15697    border: 0;
15698}
15699.ctrl-range::-webkit-slider-thumb {
15700    width: 16px;
15701    height: 16px;
15702    margin-top: -7px;
15703    background-color: #fff;
15704    border-width: 2px;
15705    border-style: solid;
15706    border-color: #4097F4;
15707    border-radius: 50%;
15708    -webkit-appearance: none;
15709    -moz-appearance: none;
15710    appearance: none;
15711}
15712.ctrl-range::-moz-range-thumb {
15713    width: 16px;
15714    height: 16px;
15715    margin-top: -7px;
15716    background-color: #fff;
15717    border-width: 2px;
15718    border-style: solid;
15719    border-color: #4097F4;
15720    border-radius: 50%;
15721    -webkit-appearance: none;
15722    -moz-appearance: none;
15723    appearance: none;
15724}
15725
15726.ctrl-range::-webkit-slider-thumb:active {}
15727.ctrl-range::-moz-range-thumb:active {}
15728
15729.ctrl-range::-webkit-slider-runnable-track {
15730    width:100%;
15731    height: 2px;
15732    color:transparent;
15733    cursor:pointer;
15734    background-color:#dee2e6;
15735    border-color:transparent;
15736    border-radius: 2px;
15737}
15738.ctrl-range::-moz-range-track {
15739    width:100%;
15740    height: 2px;
15741    color:transparent;
15742    cursor:pointer;
15743    background-color:#dee2e6;
15744    border-color:transparent;
15745    border-radius: 2px;
15746}
15747
15748/*.ctrl-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}*/
15749/*.ctrl-range:disabled::-webkit-slider-runnable-track{cursor:default}*/
15750/*.ctrl-range:disabled::-moz-range-thumb{background-color:#adb5bd}*/
15751/*.ctrl-range:disabled::-moz-range-track{cursor:default}*/
15752/* end ctrl-range */
15753
15754/* ctrl-text-styles */
15755.ctrl-text-styles {
15756    display: flex;
15757}
15758
15759.ctrl-text-styles__button {
15760    margin-right: 8px;
15761    width: 36px;
15762    height: 36px;
15763    padding: 6px;
15764}
15765
15766.ctrl-text-styles__button:last-child {
15767    margin-right: 0;
15768}
15769
15770.ctrl-text-styles__button.is-active {
15771    background-color: #F6F6F6;
15772    border-radius: 8px;
15773}
15774/* end ctrl-text-styles */
15775
15776/* ctrl-check-style */
15777.ctrl-check-style {
15778    display: flex;
15779}
15780
15781.ctrl-check-style__item {
15782    position: relative;
15783    flex-basis: 25%;
15784    flex-grow: 1;
15785    flex-shrink: 0;
15786    margin-right: 12px;
15787    cursor: pointer;
15788}
15789
15790.ctrl-check-style__label {
15791    display: block;
15792    padding: 16px;
15793    border-width: 1px;
15794    border-style: solid;
15795    border-color: #E3E3E4;
15796    border-radius: 8px;
15797    font-size: 14px;
15798    line-height: calc(20 / 14);
15799    text-align: center;
15800    color: #181D20;
15801    background-color: #fff;
15802    transition-property: border-color, color;
15803    transition-duration: .125s;
15804    transition-timing-function: ease-in-out;
15805}
15806
15807.ctrl-check-style__field {
15808    position: absolute;
15809    top: 0;
15810    left: 0;
15811    opacity: 0;
15812}
15813
15814.ctrl-check-style__field:checked + .ctrl-check-style__label {
15815    color: #1A8FE3;
15816    border-color: #1A8FE3;
15817}
15818
15819.ctrl-check-style__item:last-child {
15820    margin-right: 0;
15821}
15822/* end ctrl-check-style */
15823
15824/* ctrl-preset-style */
15825.ctrl-preset-style {
15826    display: block;
15827    width: 200px;
15828    padding: 0;
15829    border-width: 1px;
15830    border-style: solid;
15831    border-color: #E3E3E4;
15832    border-radius: 8px;
15833    font-weight: 400;
15834    font-size: 14px;
15835    line-height: calc(20 / 14);
15836    text-align: left;
15837    background-color: #fff;
15838    overflow: hidden;
15839}
15840
15841.ctrl-preset-style__box {
15842    display: flex;
15843    flex-direction: column;
15844    align-items: center;
15845    justify-content: center;
15846    height: 120px;
15847    padding: 20px;
15848    color: #fff;
15849    background-image:
15850        linear-gradient(
15851            180deg,
15852            #181D20 0%,
15853            rgba(24, 29, 32, 0) 195%
15854        );
15855}
15856
15857.ctrl-preset-style__preview {
15858    margin-bottom: 2px;
15859    padding: 3px;
15860    text-align: center;
15861}
15862
15863.ctrl-preset-style__preview:last-child {
15864    margin-bottom: 0;
15865}
15866
15867.ctrl-preset-style__text {
15868    display: block;
15869    padding: 10px 10px 16px;
15870    border-top-width: 1px;
15871    border-top-style: solid;
15872    border-top-color: #E3E3E4;
15873    color: var(--color, #707375);
15874}
15875
15876.ctrl-preset-style.is-active {
15877    --color: #1A8FE3;
15878}
15879
15880.ctrl-preset-style--default {}
15881.ctrl-preset-style--default .ctrl-preset-style__preview {
15882    background-color: rgba(24, 29, 32, .56);
15883    border-radius: 4px;
15884}
15885
15886/* end ctrl-preset-style */
15887
15888/* light-scroll */
15889.light-scroll {
15890}
15891
15892.light-scroll::-webkit-scrollbar {
15893    width: 3px;
15894    height: 3px;
15895}
15896
15897.light-scroll::-webkit-scrollbar-track {
15898    background: transparent;
15899}
15900
15901.light-scroll::-webkit-scrollbar-thumb {
15902    background-color: var(--scroll-color, transparent);
15903    border-radius: 10px;
15904    border-width: 0;
15905    border-color: transparent;
15906}
15907
15908.light-scroll:hover {
15909    --scroll-color: #E3E3E4;
15910}
15911
15912.dark-mode .light-scroll:hover {
15913    --scroll-color: #223544
15914}
15915/* end light-scroll */
15916
15917/* ctrl-generate */
15918.ctrl-generate {
15919    text-align: left;
15920}
15921.ctrl-generate__header {}
15922.ctrl-generate__label {}
15923.ctrl-generate__body {
15924    position: relative;
15925}
15926.ctrl-generate__field {
15927    display: block;
15928    width: 100%;
15929    padding: 14px;
15930    border-width: 1px;
15931    border-style: solid;
15932    border-color: transparent;
15933    border-radius: 100px;
15934    font-size: 12px;
15935    line-height: calc(18 / 12);
15936    letter-spacing: .005em;
15937    color: #525658;
15938    background-color: #fff;
15939    box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--field-shadow-opacity, .05));
15940    text-overflow: ellipsis;
15941}
15942.ctrl-generate__field::-webkit-input-placeholder {
15943    color: #A7A9AA;
15944}
15945
15946.ctrl-generate__field:focus {
15947    --field-shadow-opacity: .1;
15948}
15949
15950.ctrl-generate__button-go {
15951    position: absolute;
15952    top: 4px;
15953    right: 4px;
15954    padding: 11px;
15955    font-size: 12px !important;
15956    line-height: calc(18 / 12);
15957    border-radius: 100px;
15958}
15959
15960.ctrl-generate--label-is-hidden {}
15961.ctrl-generate--label-is-hidden .ctrl-generate__label {
15962    clip: rect(0 0 0 0);
15963    clip-path: inset(50%);
15964    height: 1px;
15965    overflow: hidden;
15966    position: absolute;
15967    white-space: nowrap;
15968    width: 1px;
15969}
15970.ctrl-generate--with-button-generate {}
15971.ctrl-generate--with-button-generate .ctrl-generate__field {
15972    padding-right: 88px;
15973}
15974
15975.dark-mode .ctrl-generate__field {
15976    color: #fff;
15977    background-color: #223544;
15978}
15979
15980.dark-mode .ctrl-generate__field::-webkit-input-placeholder {
15981    color: #bbb;
15982}
15983
15984@media (min-width: 992px) {
15985
15986    .ctrl-generate__field {
15987        padding: 17px;
15988        border-radius: 100px;
15989        font-size: 14px;
15990        line-height: calc(20 / 14);
15991        letter-spacing: normal;
15992    }
15993
15994    .ctrl-generate__button-go {
15995        position: absolute;
15996        top: 8px;
15997        right: 8px;
15998        padding-right: 16px;
15999        padding-left: 16px;
16000    }
16001
16002    .ctrl-generate--with-button-generate .ctrl-generate__field {
16003        padding-right: 108px;
16004    }
16005}
16006/* end ctrl-generate */
16007
16008/* block-try */
16009.block-try {
16010    padding: 12px;
16011    border-radius: 12px;
16012    background-color: #fff;
16013}
16014
16015.block-try__icon-box {
16016    display: block;
16017    width: 40px;
16018    height: 40px;
16019    padding: 10px;
16020    border-radius: 8px;
16021    color: #1A8FE3;
16022    background-color: #EFF7FD;
16023}
16024
16025.block-try__icon {
16026    display: block;
16027    width: 100%;
16028    height: 100%;
16029}
16030
16031.block-try__name {
16032    margin-top: 8px;
16033    font-weight: 600;
16034    font-size: 14px;
16035    line-height: calc(20 / 14);
16036    color: #181D20;
16037}
16038
16039.block-try__description {
16040    margin-top: 2px;
16041    font-size: 12px;
16042    line-height: calc(18 / 12);
16043    letter-spacing: .005em;
16044    color: #707375;
16045}
16046
16047.block-try__actions {
16048    margin-top: 12px;
16049}
16050
16051.block-try__button {
16052    width: 100%;
16053}
16054
16055.dark-mode .block-try {
16056    background-color: #223544;
16057}
16058
16059.dark-mode .block-try__name {
16060    color: #fff;
16061}
16062
16063.dark-mode .block-try__description {
16064    color: #bbb;
16065}
16066
16067.dark-mode .block-try__icon-box {
16068    background-color: #1f2a33;
16069}
16070
16071@media (min-width: 992px) {
16072    .block-try {
16073        padding: 24px;
16074        display: flex;
16075        flex-direction: column;
16076    }
16077
16078    .block-try__icon-box {
16079        width: 56px;
16080        height: 56px;
16081        padding: 15px;
16082    }
16083
16084    .block-try__name {
16085        margin-top: 16px;
16086        font-size: 20px;
16087        line-height: calc(30 / 20);
16088        color: #181D20;
16089    }
16090
16091    .block-try__description {
16092        margin-bottom: auto;
16093        font-size: 14px;
16094        line-height: calc(20 / 14);
16095        letter-spacing: normal;
16096    }
16097
16098    .block-try__actions {
16099        margin-top: 24px;
16100    }
16101}
16102/* end block-try */
16103
16104/* list-try */
16105.list-try {}
16106
16107.list-try__item {
16108    margin-bottom: 12px;
16109}
16110
16111.list-try__item:last-child {
16112    margin-bottom: 0;
16113}
16114
16115@media (min-width: 768px) {
16116    .list-try {
16117        display: grid;
16118        grid-template-columns: repeat(3, 1fr);
16119        gap: 12px;
16120    }
16121    .list-try__item {
16122        margin-bottom: 0;
16123    }
16124}
16125
16126@media (min-width: 992px) {
16127    .list-try {
16128        gap: 16px;
16129    }
16130}
16131/* end list-try */
16132
16133/* block-article-preview */
16134.block-article-preview {
16135    position: relative;
16136    border-width: 1px;
16137    border-style: solid;
16138    border-color: #E3E3E4;
16139    border-radius: 12px;
16140    background-color: #fff;
16141    overflow: hidden;
16142}
16143
16144.block-article-preview__image {
16145    display: block;
16146    width: 100%;
16147    height: 230px;
16148    object-fit: cover;
16149    object-position: center;
16150}
16151
16152.block-article-preview__body {
16153    padding: 10px 10px 16px;
16154    border-top-width: 1px;
16155    border-top-style: solid;
16156    border-top-color: #E3E3E4;
16157}
16158
16159.block-article-preview__name {
16160    font-weight: 500;
16161    font-size: 14px;
16162    line-height: calc(20 / 14);
16163    color: #181D20;
16164}
16165
16166.block-article-preview__date {
16167    margin-top: 2px;
16168    font-weight: 400;
16169    font-size: 12px;
16170    line-height: calc(18 / 12);
16171    letter-spacing: .005em;
16172    color: #707375;
16173}
16174
16175.block-article-preview__link {
16176    position: absolute;
16177    top: 0;
16178    left: 0;
16179    width: 100%;
16180    height: 100%;
16181    opacity: 0;
16182}
16183
16184.dark-mode .block-article-preview {
16185    border-color: #314453;
16186    background-color: #223544;
16187}
16188
16189.dark-mode .block-article-preview__body {
16190    border-top-color: #314453;
16191}
16192
16193.dark-mode .block-article-preview__name {
16194    color: #fff;
16195}
16196
16197.dark-mode .block-article-preview__date {
16198    color: #bbb;
16199}
16200
16201@media (min-width: 992px) {
16202    .block-article-preview__image {
16203        height: 165px;
16204    }
16205}
16206/* end block-article-preview */
16207
16208/* list-articles-preview */
16209.list-articles-preview {}
16210
16211.list-articles-preview__item {
16212    margin-bottom: 16px;
16213}
16214
16215.list-articles-preview__item:last-child {
16216    margin-bottom: 0;
16217}
16218
16219@media (min-width: 768px) {
16220    .list-articles-preview {
16221        display: grid;
16222        grid-template-columns: repeat(2, 1fr);
16223        gap: 16px;
16224    }
16225
16226    .list-articles-preview__item {
16227        margin-bottom: 0;
16228    }
16229}
16230
16231@media (min-width: 992px) {
16232    .list-articles-preview {
16233        grid-template-columns: repeat(4, 1fr);
16234    }
16235}
16236/* end list-articles-preview */
16237
16238/* loading-box */
16239@keyframes gradient {
16240    0% {
16241        background-position: 0 50%;
16242    }
16243    50% {
16244        background-position: 100% 50%;
16245    }
16246    100% {
16247        background-position: 0 50%;
16248    }
16249}
16250
16251.loading-box {
16252    display: flex;
16253    align-items: center;
16254}
16255
16256.loading-box__item {
16257    display: block;
16258    flex-shrink: 0;
16259    width: 20px;
16260    height: 20px;
16261    border-radius: 6px;
16262    background-image: linear-gradient(90deg, #F1EFEF, #F9F8F8, #E7E5E5);
16263    background-size: 300% 300%;
16264    animation-name: gradient;
16265    animation-duration: 5s;
16266    animation-timing-function: ease;
16267    animation-iteration-count: infinite;
16268}
16269
16270.loading-box__item--button {
16271    width: 40px;
16272    height: 40px;
16273}
16274
16275.loading-box__item--image {
16276    width: 48px;
16277    height: 48px;
16278}
16279
16280.dark-mode .loading-box__item {
16281    background-image: linear-gradient(90deg, #536676, #395061, #335069);
16282}
16283
16284/* end loading-box */
16285
16286/* table-ap */
16287.table-ap-box {
16288    overflow-x: auto;
16289    overflow-y: hidden;
16290    padding-bottom: 8px;
16291}
16292
16293.table-ap {
16294    table-layout: fixed;
16295    min-width: 100%;
16296    background-color: #fff;
16297    border-spacing: 0;
16298    border-collapse: separate;
16299    border-radius: 12px;
16300    border-width: 1px;
16301    border-style: solid;
16302    border-color: #E3E3E4;
16303}
16304
16305.table-ap thead .table-ap__row:first-child .table-ap__cell:first-child {
16306    border-top-left-radius: 12px;
16307}
16308
16309.table-ap thead .table-ap__row:first-child .table-ap__cell:last-child {
16310    border-top-right-radius: 12px;
16311}
16312
16313.table-ap tbody .table-ap__row:last-child .table-ap__cell::before {
16314    content: none;
16315}
16316
16317.table-ap__row {}
16318
16319.table-ap__cell {
16320    box-sizing: content-box;
16321    padding-top: 10px;
16322    padding-bottom: 10px;
16323    vertical-align: middle;
16324}
16325
16326.table-ap__cell:first-child {
16327    padding-left: 10px;
16328}
16329
16330.table-ap__cell:last-child {
16331    padding-right: 10px;
16332}
16333
16334.table-ap__cell--th {
16335    border-bottom-width: 1px;
16336    border-bottom-style: solid;
16337    border-bottom-color: #E3E3E4;
16338    font-weight: 400;
16339    font-size: 12px;
16340    line-height: calc(18 / 12);
16341    letter-spacing: .005em;
16342    color: #707375;
16343    background-color: #F6F6F6;
16344    white-space: nowrap;
16345}
16346
16347.table-ap__cell--td {
16348    position: relative;
16349    padding-top: 12px;
16350    padding-bottom: 12px;
16351    font-weight: 500;
16352    font-size: 14px;
16353    line-height: calc(20 / 14);
16354    color: #181D20;
16355}
16356
16357.table-ap__cell--td::before {
16358    content: "";
16359    position: absolute;
16360    bottom: 0;
16361    right: 0;
16362    left: 0;
16363    height: 1px;
16364    background-color: #E3E3E4;
16365}
16366
16367.table-ap__cell--td:first-child::before {
16368    left: 10px;
16369}
16370
16371.table-ap__cell--td:last-child::before {
16372    right: 10px;
16373}
16374
16375.table-ap__cell--title {
16376    white-space: nowrap;
16377    text-overflow: ellipsis;
16378    overflow: hidden;
16379}
16380
16381.table-ap__image {
16382    width: 48px;
16383    height: 48px;
16384    margin-right: 10px;
16385    border-radius: 12px;
16386    object-fit: cover;
16387    object-position: center;
16388}
16389
16390.table-ap__button {
16391    display: inline-block;
16392    width: 40px;
16393    height: 40px;
16394    padding: 10px;
16395    border-width: 1px;
16396    border-style: solid;
16397    color: #707375;
16398    border-color: #E3E3E4;
16399    border-radius: 8px;
16400    background-color: #fff;
16401}
16402
16403.table-ap__cell--hidden > span {
16404    clip: rect(0 0 0 0);
16405    clip-path: inset(50%);
16406    height: 1px;
16407    overflow: hidden;
16408    position: absolute;
16409    white-space: nowrap;
16410    width: 1px;
16411}
16412
16413.dark-mode .table-ap {
16414    background-color: #223544;
16415    border-color: #314453;
16416}
16417
16418.dark-mode .table-ap__cell--th {
16419    border-bottom-color: #314453;
16420    color: #bbb;
16421    background-color: #1F2A33;
16422}
16423
16424.dark-mode .table-ap__cell--td {
16425    color: #fff;
16426}
16427
16428.dark-mode .table-ap__cell--td::before {
16429    background-color: #314453;
16430}
16431
16432.dark-mode .table-ap__button {
16433    border-color: #314453;
16434    color: #fff;
16435    background-color: #1F2A33;
16436}
16437
16438@media (min-width: 992px) {
16439
16440    .table-ap__cell--th {
16441        font-size: 14px;
16442        line-height: calc(20 / 14);
16443        letter-spacing: normal;
16444    }
16445
16446    .table-ap__cell {
16447        padding-top: 16px;
16448        padding-bottom: 16px;
16449    }
16450
16451    .table-ap__cell:first-child {
16452        padding-left: 24px;
16453    }
16454
16455    .table-ap__cell:last-child {
16456        padding-right: 24px;
16457    }
16458
16459    .table-ap__cell--td:first-child::before {
16460        left: 24px;
16461    }
16462
16463    .table-ap__cell--td:last-child::before {
16464        right: 24px;
16465    }
16466}
16467
16468/* table-ap--articles */
16469.table-ap--articles { }
16470
16471.table-ap--articles .table-ap__cell--number {
16472    width: 20px;
16473    padding-right: 10px;
16474}
16475
16476.table-ap--articles .table-ap__cell--title {
16477    max-width: 500px;
16478}
16479
16480.table-ap--articles .table-ap__cell--date {
16481    width: 110px;
16482    padding-left: 10px;
16483}
16484
16485.table-ap--articles .table-ap__cell--actions {
16486    width: 40px;
16487    padding-left: 10px;
16488    text-align: right;
16489}
16490/* end table-ap--articles */
16491
16492/* table-ap--5-articles */
16493.table-ap--5-articles { }
16494
16495.table-ap--5-articles .table-ap__cell--number {
16496    width: 20px;
16497    padding-right: 10px;
16498}
16499
16500.table-ap--5-articles .table-ap__cell--title {
16501    max-width: 500px;
16502}
16503
16504.table-ap--5-articles .table-ap__cell--title .loading-box__item--image {
16505    margin-right: 10px;
16506}
16507
16508.table-ap--5-articles .table-ap__cell--title .loading-box__item--text {
16509    flex-grow: 1;
16510}
16511
16512.table-ap--5-articles .table-ap__cell--actions {
16513    width: 40px;
16514    padding-left: 10px;
16515    text-align: right;
16516}
16517
16518.table-ap--5-articles .table-ap__cell--actions .loading-box {
16519    justify-content: flex-end;
16520}
16521
16522/* end table-ap--5-articles */
16523
16524@media (min-width: 768px) {
16525    /*.table-ap--5-articles .table-ap__cell--title {*/
16526    /*    width: auto;*/
16527    /*}*/
16528}
16529
16530@media (min-width: 992px) {
16531
16532}
16533
16534/* end table-ap */
16535
16536/* ctrl-view */
16537.ctrl-view {
16538    display: flex;
16539    align-items: center;
16540}
16541
16542.ctrl-view__body {
16543    display: flex;
16544    align-items: center;
16545    padding: 4px;
16546    border-radius: 8px;
16547    background-color: #fff;
16548    box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
16549}
16550
16551.ctrl-view__item {
16552    margin-right: 3px;
16553    width: 24px;
16554    height: 24px;
16555    padding: 6px;
16556    border-radius: 6px;
16557    background-color: #fff;
16558}
16559
16560.ctrl-view__item.is-active {
16561    color: #fff;
16562    background-color: #1A8FE3 !important;
16563    box-shadow: 0 10px 32px rgba(26, 143, 227, .24);
16564}
16565
16566.ctrl-view__item:last-child {
16567    margin-right: 0;
16568}
16569
16570.ctrl-view__links {
16571    position: relative;
16572    margin-left: 10px;
16573    padding-left: 10px;
16574}
16575
16576.ctrl-view__links::before {
16577    content: "";
16578    position: absolute;
16579    width: 1px;
16580    height: 8px;
16581    background-color: #E3E3E4;
16582    top: 50%;
16583    left: 0;
16584    transform: translate(-50%, -50%);
16585}
16586
16587.dark-mode .ctrl-view__body {
16588    background-color: #223544;
16589}
16590
16591.dark-mode .ctrl-view__item {
16592    background-color: #223544;
16593}
16594/* end ctrl-view */
16595
16596/* articles-preview */
16597.articles-preview {}
16598
16599.articles-preview__header {
16600    display: flex;
16601    align-items: center;
16602    padding-top: 0;
16603    padding-bottom: 0;
16604    background-color: transparent;
16605}
16606
16607.articles-preview__title {
16608    font-weight: 700;
16609    font-size: 20px;
16610    line-height: calc(28 / 20);
16611    color: #181D20;
16612}
16613
16614.articles-preview__actions {
16615    margin-left: auto;
16616}
16617
16618.articles-preview__body {
16619    margin-top: 16px;
16620}
16621
16622.dark-mode .articles-preview__header {
16623    background-color: transparent;
16624}
16625
16626.dark-mode .articles-preview__title {
16627    color: #fff;
16628}
16629
16630@media (min-width: 992px) {
16631    .articles-preview__title {
16632        font-size: 32px;
16633        line-height: calc(44 / 32);
16634    }
16635
16636    .articles-preview__body {
16637        margin-top: 24px;
16638    }
16639}
16640/* end articles-preview */
16641
16642/* g-articles-list */
16643.g-articles-list {
16644
16645}
16646
16647.g-articles-list__preview {
16648    margin-top: 56px;
16649}
16650
16651@media (min-width: 992px) {
16652    .g-articles-list__preview {
16653        margin-top: 80px;
16654    }
16655}
16656/* end g-articles-list */
16657
16658/* el-attention */
16659.el-attention {
16660    display: flex;
16661    align-items: center;
16662    width: fit-content;
16663    padding: 8px;
16664    margin-right: auto;
16665    margin-left: auto;
16666    border-radius: 8px;
16667    background-color: #fff;
16668    box-shadow: var(--shadow-2);
16669}
16670.el-attention__icon {
16671    flex-shrink: 0;
16672    width: 20px;
16673    height: 20px;
16674    margin-right: 10px;
16675    color: var(--attention-icon-color);
16676}
16677
16678.el-attention__text {
16679    font-size: 12px;
16680    font-weight: 500;
16681    line-height: 1.2;
16682    letter-spacing: .06px;
16683    color: var(--neutral-100);
16684}
16685
16686.el-attention_type_warning {
16687    --attention-icon-color: #FFC205;
16688}
16689
16690@media (min-width: 992px) {
16691
16692    .el-attention__icon {
16693        width: 24px;
16694        height: 24px;
16695    }
16696
16697    .el-attention__text {
16698        font-size: 16px;
16699        line-height: calc(24 / 16);
16700        letter-spacing: normal;
16701    }
16702}
16703/* end el-attention */
16704
16705/* mega-box */
16706.mega-box {
16707    padding-top: 64px;
16708    padding-bottom: 100px;
16709}
16710
16711.mega-box__header {
16712    padding-top: 0;
16713    padding-bottom: 0;
16714    background-color: transparent;
16715    text-align: center;
16716}
16717
16718.mega-box__alert {
16719    margin-top: -20px;
16720    margin-bottom: 32px;
16721}
16722
16723.mega-box__title {
16724    font-weight: 700;
16725    font-size: 28px;
16726    line-height: calc(42 / 28);
16727    color: #181D20;
16728}
16729
16730.mega-box__description {
16731    margin-top: 4px;
16732    font-size: 12px;
16733    line-height: calc(18 / 12);
16734    letter-spacing: .005em;
16735    color: #707375;
16736}
16737
16738.mega-box__form {
16739    margin-top: 16px;
16740    max-width: 506px;
16741    margin-right: auto;
16742    margin-left: auto;
16743}
16744
16745.mega-box__body {
16746    margin-top: 40px;
16747}
16748
16749.dark-mode .mega-box__header {
16750    background-color: transparent;
16751}
16752
16753.dark-mode .mega-box__title {
16754    color: #fff;
16755}
16756.dark-mode .mega-box__description {
16757    color: #bbb;
16758}
16759
16760@media (min-width: 992px) {
16761    .mega-box {
16762        padding-top: 80px;
16763        padding-bottom: 150px;
16764    }
16765
16766    .mega-box__alert {
16767        margin-bottom: 40px;
16768    }
16769
16770    .mega-box__title {
16771        font-size: 40px;
16772        line-height: calc(52 / 40);
16773    }
16774
16775    .mega-box__description {
16776        margin-top: 10px;
16777        font-size: 16px;
16778        line-height: calc(24 / 16);
16779        letter-spacing: normal;
16780    }
16781
16782    .mega-box__form {
16783        margin-top: 24px;
16784    }
16785
16786    .mega-box__body {
16787        margin-top: 56px;
16788    }
16789}
16790/* end mega-box */
16791
16792/* ctrl-btn-sidebar */
16793.ctrl-btn-sidebar {
16794    display: inline-flex;
16795    align-items: center;
16796    padding: 8px;
16797    border-width: 0;
16798    border-radius: 8px;
16799    font-size: 14px;
16800    line-height: calc(20 / 14);
16801    color: #707375;
16802    background-color: transparent;
16803}
16804
16805.ctrl-btn-sidebar__icon {
16806    width: 20px;
16807    height: 20px;
16808    margin-right: 12px;
16809    flex-shrink: 0;
16810}
16811
16812.ctrl-btn-sidebar__text {
16813
16814}
16815
16816.ctrl-btn-sidebar__icon-check {
16817    width: 12px;
16818    height: 12px;
16819    margin-left: auto;
16820    color: #1CAB48;
16821}
16822
16823.ctrl-btn-sidebar--is-active {
16824    color: #1A8FE3;
16825    background-color: #F6FBFE;
16826}
16827
16828.dark-mode .ctrl-btn-sidebar {
16829    color: #bbb;
16830}
16831
16832.dark-mode .ctrl-btn-sidebar--is-active {
16833    color: #1A8FE3;
16834    background-color: #1F2A33;
16835}
16836
16837/* end ctrl-btn-sidebar*/
16838
16839/* sticky-sidebar */
16840.sticky-sidebar {
16841    padding: 16px;
16842    border-radius: 8px;
16843    background-color: #fff;
16844    box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
16845}
16846
16847.sticky-sidebar__title {
16848    font-weight: 600;
16849    font-size: 16px;
16850    line-height: calc(24 / 16);
16851    color: #181D20;
16852}
16853
16854.sticky-sidebar__body {
16855    margin-top: 16px;
16856}
16857
16858.sticky-sidebar__section {
16859    margin-bottom: 16px;
16860}
16861
16862.sticky-sidebar__section:last-child {
16863    margin-bottom: 0;
16864}
16865
16866.sticky-sidebar__subtitle {
16867    font-weight: 400;
16868    font-size: 12px;
16869    line-height: calc(18 / 12);
16870    color: #707375;
16871}
16872
16873.sticky-sidebar__group {
16874    margin-top: 16px;
16875}
16876
16877.sticky-sidebar__item {
16878    width: 100%;
16879    white-space: nowrap;
16880}
16881
16882.sticky-sidebar__item--show-xs {
16883    display: none;
16884}
16885
16886.dark-mode .sticky-sidebar {
16887    background-color: #223544;
16888}
16889
16890.dark-mode .sticky-sidebar__title {
16891    color: #fff;
16892}
16893
16894.dark-mode .sticky-sidebar__subtitle {
16895    color: #bbb;
16896}
16897
16898
16899@media (max-width: 991px) {
16900
16901    .sticky-sidebar {
16902        border-radius: 0;
16903        padding-top: 12px;
16904        padding-bottom: 12px;
16905    }
16906
16907    .sticky-sidebar__title {
16908        display: none;
16909    }
16910
16911    .sticky-sidebar__body {
16912        margin-top: 0;
16913        display: flex;
16914        justify-content: space-between;
16915        width: 690px;
16916        margin-right: auto;
16917        margin-left: auto;
16918    }
16919
16920    .sticky-sidebar__section {
16921        margin-bottom: 0;
16922    }
16923
16924    .sticky-sidebar__subtitle {
16925        display: none;
16926    }
16927
16928    .sticky-sidebar__group {
16929        margin-top: 0;
16930    }
16931
16932    .sticky-sidebar__item--show-xs {
16933        display: inline-flex;
16934    }
16935
16936    .sticky-sidebar__item--view-werewolf {}
16937
16938    .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__text {
16939        clip: rect(0 0 0 0);
16940        clip-path: inset(50%);
16941        height: 1px;
16942        overflow: hidden;
16943        position: absolute;
16944        white-space: nowrap;
16945        width: 1px;
16946    }
16947
16948    .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__icon {
16949        margin-right: 0;
16950    }
16951
16952    .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active {
16953        position: relative;
16954        background-color: transparent;
16955    }
16956
16957    .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active::before {
16958        content: "";
16959        position: absolute;
16960        top: -12px;
16961        left: 50%;
16962        width: 24px;
16963        height: 1px;
16964        background-color: #1A8FE3;
16965        transform: translateX(-50%);
16966    }
16967
16968    .sticky-sidebar__section--view-sometimes {
16969        position: relative;
16970    }
16971
16972    .sticky-sidebar__section--view-sometimes .sticky-sidebar__group {
16973        position: absolute;
16974        bottom: 100%;
16975        left: 50%;
16976        min-width: 168px;
16977        padding: 5px;
16978        border-radius: 8px;
16979        background-color: #fff;
16980        box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
16981        transform: translateX(-50%);
16982    }
16983
16984    .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-right {
16985        left: 0;
16986        transform: none;
16987    }
16988
16989    .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-left {
16990        left: auto;
16991        right: 0;
16992        transform: none;
16993    }
16994
16995    .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--is-hidden {
16996        display: none;
16997    }
16998
16999    .sticky-sidebar__section--view-always .sticky-sidebar__group {
17000        display: flex;
17001    }
17002
17003    .dark-mode .sticky-sidebar__section--view-sometimes .sticky-sidebar__group {
17004        background-color: #223544;
17005    }
17006}
17007
17008@media (max-width: 767px) {
17009
17010    .sticky-sidebar__body {
17011        width: 510px;
17012    }
17013}
17014
17015@media (max-width: 575px) {
17016
17017    .sticky-sidebar__body {
17018        width: auto;
17019    }
17020}
17021/* end sticky-sidebar */
17022
17023/* grid-default */
17024.grid-default {
17025    padding-right: 15px;
17026    padding-left: 15px;
17027    margin-right: auto;
17028    margin-left: auto;
17029}
17030/* end grid-default */
17031
17032/* grid-with-sidebar */
17033.grid-with-sidebar {
17034    width: 100%;
17035    padding: 64px 15px 100px;
17036    margin-right: auto;
17037    margin-left: auto;
17038}
17039
17040.grid-with-sidebar__body {}
17041
17042.grid-with-sidebar__body > .mega-box {
17043    padding-top: 0;
17044    padding-bottom: 0;
17045    max-width: 960px;
17046    margin-right: auto;
17047    margin-left: auto;
17048}
17049
17050.grid-with-sidebar__sidebar {
17051    position: fixed;
17052    bottom: 0;
17053    left: 0;
17054    width: 100%;
17055    z-index: 100;
17056}
17057
17058.grid-with-sidebar--wide .grid-with-sidebar__body > .mega-box {
17059    max-width: 1140px;
17060}
17061
17062@media (min-width: 576px) {
17063
17064    .grid-with-sidebar {
17065        max-width: 540px;
17066    }
17067}
17068
17069@media (min-width: 768px) {
17070
17071    .grid-with-sidebar {
17072        max-width: 720px;
17073    }
17074}
17075
17076@media (min-width: 992px) {
17077
17078    .grid-with-sidebar {
17079        display: grid;
17080        grid-template-columns: 240px 1fr;
17081        gap: 16px;
17082        max-width: none;
17083        padding-top: 80px;
17084        padding-bottom: 150px;
17085    }
17086
17087    .grid-with-sidebar__sidebar {
17088        order: -1;
17089        position: static;
17090    }
17091
17092    .grid-with-sidebar__sidebar > .sticky-sidebar {
17093        position: sticky;
17094        top: 16px;
17095    }
17096
17097    .grid-with-sidebar__body {
17098        min-width: 0;
17099    }
17100}
17101
17102/* divider-more */
17103.divider-more {
17104    text-align: center;
17105    color: #707375;
17106    overflow: hidden;
17107}
17108
17109.divider-more__text {
17110    position: relative;
17111    padding-right: 10px;
17112    padding-left: 10px;
17113    font-size: 12px;
17114    line-height: calc(18 / 12);
17115    letter-spacing: .005em;
17116    text-transform: uppercase;
17117}
17118
17119.divider-more__text::before,
17120.divider-more__text::after {
17121    content: "";
17122    position: absolute;
17123    top: 50%;
17124    width: 100vw;
17125    height: 1px;
17126    background-color: #E3E3E4;
17127    transform: translateY(-50%);
17128}
17129
17130.divider-more__text::before {
17131    right: 100%;
17132}
17133
17134.divider-more__text::after {
17135    left: 100%;
17136}
17137
17138.dark-mode .divider-more {
17139    color: #bbb;
17140}
17141
17142.dark-mode .divider-more__text::before,
17143.dark-mode .divider-more__text::after {
17144    background-color: #bbb;
17145}
17146
17147
17148/* end divider-more */
17149
17150
17151/* ctrl-choice */
17152.ctrl-choice {
17153    position: relative;
17154    display: inline-block;
17155    vertical-align: middle;
17156    font-size: 12px;
17157    line-height: calc(18 / 12);
17158    letter-spacing: .005em;
17159    cursor: pointer;
17160}
17161
17162.ctrl-choice__box {
17163    display: flex;
17164    align-items: center;
17165    padding: 4px;
17166    border-width: 1px;
17167    border-style: solid;
17168    border-color: #fff;
17169    border-radius: 8px;
17170    background-color: #fff;
17171    box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
17172    transition-property: color, border-color;
17173    transition-timing-function: ease-in-out;
17174    transition-duration: .125s;
17175}
17176
17177.ctrl-choice__icon {
17178    width: 24px;
17179    height: 24px;
17180    padding: 5px;
17181    margin-right: 5px;
17182    flex-shrink: 0;
17183    border-radius: 8px;
17184    color: #1A8FE3;
17185    background-color: #F6FBFE;
17186}
17187
17188.ctrl-choice__label {
17189    white-space: nowrap;
17190    flex-shrink: 0;
17191}
17192
17193.ctrl-choice__field {
17194    position: absolute;
17195    top: 0;
17196    left: 0;
17197    opacity: 0;
17198}
17199
17200.ctrl-choice:hover .ctrl-choice__field:not(:checked) ~ .ctrl-choice__box {
17201    color: #1A8FE3;
17202}
17203
17204.ctrl-choice__field:checked ~ .ctrl-choice__box {
17205    color: #1A8FE3;
17206    border-color: #1A8FE3;
17207}
17208
17209.dark-mode .ctrl-choice__box {
17210    background-color: #1F2A33;
17211    border-color: #1F2A33;
17212    color: #fff;
17213}
17214
17215.dark-mode .ctrl-choice__icon {
17216    background-color: #1a252e;
17217}
17218
17219@media (min-width: 992px) {
17220
17221    .ctrl-choice {
17222        font-size: 14px;
17223        line-height: calc(20 / 14);
17224    }
17225
17226    .ctrl-choice__icon {
17227        width: 32px;
17228        height: 32px;
17229        padding: 8px;
17230        margin-right: 8px;
17231    }
17232
17233    .ctrl-choice__box {
17234        padding: 8px;
17235    }
17236}
17237
17238/* end ctrl-choice */
17239
17240/* block-choice */
17241.block-choice {}
17242
17243.block-choice__group {
17244    display: flex;
17245    flex-wrap: wrap;
17246    justify-content: center;
17247    margin: -5px;
17248}
17249
17250.block-choice__item {
17251    margin: 5px;
17252}
17253
17254@media (min-width: 992px) {
17255    .block-choice__group {
17256        margin: -8px;
17257    }
17258    .block-choice__item {
17259        margin: 8px;
17260    }
17261}
17262/* end block-choice*/
17263
17264/* custom-form */
17265.custom-form {}
17266
17267.custom-form .row {
17268    margin-right: -8px;
17269    margin-left: -8px;
17270}
17271
17272.custom-form [class*="col-"] {
17273    padding-right: 8px;
17274    padding-left: 8px;
17275}
17276
17277.custom-form .form-group label {
17278    margin-bottom: 8px;
17279    font-size: 12px;
17280    line-height: calc(18 / 12);
17281    letter-spacing: .005em;
17282    color: #181D20;
17283}
17284
17285.custom-form .form-control {
17286    height: auto;
17287    padding: 11px;
17288    font-weight: 400;
17289    font-size: 10px;
17290    line-height: calc(16 / 10);
17291    letter-spacing: .005em;
17292}
17293
17294.custom-form .form-text,
17295.custom-form .invalid-feedback,
17296.custom-form .valid-feedback {
17297    font-size: 12px;
17298    line-height: calc(16 / 12);
17299}
17300
17301.custom-form .form-text a {
17302    text-decoration: underline;
17303}
17304
17305.custom-form .form-text a:hover {
17306    text-decoration: none;
17307}
17308
17309.dark-mode .custom-form label {
17310    color: #fff;
17311}
17312
17313.dark-mode .custom-form .form-control {
17314    color: #fff;
17315    border-color: #314453;
17316    background-color: #223544;
17317}
17318
17319.dark-mode .custom-form .form-control::placeholder {
17320    color: #bbb;
17321}
17322
17323@media (min-width: 992px) {
17324    .custom-form .form-control {
17325        padding: 11px;
17326        font-size: 12px;
17327        line-height: calc(18 / 12);
17328        letter-spacing: normal;
17329    }
17330}
17331/* end custom-form */
17332
17333/* .ctrl-form-line */
17334.ctrl-form-line {}
17335
17336.ctrl-form-line__body {
17337    margin-top: 8px;
17338}
17339
17340.ctrl-form-line__label {
17341    margin-bottom: 0;
17342    font-weight: 600;
17343    font-size: 14px;
17344    line-height: calc(20 / 14);
17345    color: #181D20;
17346}
17347
17348.ctrl-form-line__description {
17349    display: block;
17350    font-size: 12px;
17351    line-height: calc(18 / 12);
17352    letter-spacing: .005em;
17353    color: #707375;
17354}
17355
17356.dark-mode .ctrl-form-line__label {
17357    color: #fff;
17358}
17359
17360.dark-mode .ctrl-form-line__description {
17361    color: #bbb;
17362}
17363
17364@media (min-width: 992px) {
17365
17366    .ctrl-form-line__label {
17367        font-size: 16px;
17368        line-height: calc(24 / 16);
17369    }
17370
17371    .ctrl-form-line__description {
17372        font-size: 14px;
17373        line-height: calc(20 / 14);
17374    }
17375}
17376
17377@media (min-width: 1200px) {
17378
17379    .ctrl-form-line {
17380        display: flex;
17381    }
17382
17383    .ctrl-form-line__header {
17384        width: 300px;
17385        padding-right: 24px;
17386        flex-shrink: 0;
17387    }
17388
17389    .ctrl-form-line__body {
17390        margin-top: 0;
17391        flex-grow: 1;
17392    }
17393}
17394/* end .ctrl-form-line */
17395
17396/* ctrl-check-group */
17397.ctrl-check-group {}
17398
17399.ctrl-check-group__item {
17400    position: relative;
17401    display: block;
17402    margin-bottom: 8px;
17403    cursor: pointer;
17404}
17405
17406.ctrl-check-group__item:last-child {
17407    margin-bottom: 0;
17408}
17409
17410.ctrl-check-group__field {
17411    position: absolute;
17412    top: 0;
17413    left: 0;
17414    opacity: 0;
17415}
17416
17417.ctrl-check-group__box {
17418    display: flex;
17419    padding: 11px;
17420    border-width: 1px;
17421    border-style: solid;
17422    border-color: #E3E3E4;
17423    border-radius: 8px;
17424}
17425
17426.ctrl-check-group__visual {
17427    position: relative;
17428    width: 16px;
17429    height: 16px;
17430    margin-right: 8px;
17431    color: #E3E3E4;
17432    border-width: 1px;
17433    border-style: solid;
17434    border-color: currentColor;
17435    border-radius: 50%;
17436}
17437
17438.ctrl-check-group__visual::before {
17439    content: "";
17440    position: absolute;
17441    top: 2px;
17442    left: 2px;
17443    width: 10px;
17444    height: 10px;
17445    border-radius: 50%;
17446    background-color: transparent;
17447}
17448
17449.ctrl-check-group__label {
17450    font-size: 10px;
17451    line-height: 16px;
17452    letter-spacing: .005em;
17453    color: #A7A9AA;
17454}
17455
17456.ctrl-check-group__field:checked ~ .ctrl-check-group__box {
17457    border-color: #1A8FE3;
17458}
17459
17460.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual {
17461    color: #1A8FE3;
17462}
17463
17464.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual::before {
17465    background-color: #1A8FE3;
17466}
17467
17468.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__label {
17469    color: #1A8FE3;
17470}
17471
17472.dark-mode .ctrl-check-group__box {
17473    border-color: #314453;
17474}
17475
17476.dark-mode .ctrl-check-group__label {
17477    color: #fff;
17478}
17479
17480.dark-mode .ctrl-check-group__visual {
17481    color: #fff;
17482}
17483
17484/* end ctrl-check-group */
17485
17486/* form-settings */
17487.form-settings {}
17488.form-settings__item {
17489    padding-top: 16px;
17490    margin-top: 16px;
17491    border-top-width: 1px;
17492    border-top-style: solid;
17493    border-top-color: #E3E3E4;
17494}
17495
17496.form-settings__item--actions,
17497.form-settings__item:first-child {
17498    padding-top: 0;
17499    margin-top: 0;
17500    border-top-width: 0;
17501}
17502
17503.form-settings__item--actions {
17504    margin-top: 24px;
17505    display: flex;
17506}
17507
17508.form-settings__button {
17509    margin-right: 8px;
17510    flex-shrink: 0;
17511    flex-grow: 1;
17512    flex-basis: 30%;
17513    padding-right: 10px;
17514    padding-left: 10px;
17515}
17516
17517.form-settings__button:last-child {
17518    margin-right: 0;
17519}
17520
17521.dark-mode .form-settings__item {
17522    border-top-color: #314453;
17523}
17524
17525@media (min-width: 992px) {
17526
17527    .form-settings__item {
17528        margin-top: 24px;
17529        padding-top: 24px;
17530    }
17531
17532    .form-settings__item--actions {
17533        padding-top: 0;
17534        justify-content: flex-end;
17535    }
17536
17537    .form-settings__button {
17538        margin-right: 8px;
17539        flex-shrink: 0;
17540        flex-grow: 0;
17541        flex-basis: auto;
17542        padding-right: 24px;
17543        padding-left: 24px;
17544    }
17545}
17546/* end form-settings */
17547
17548/* wizard-item */
17549.wizard-item {
17550    background-color: #fff;
17551    border-radius: 12px;
17552    overflow: hidden;
17553    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
17554}
17555
17556.wizard-item__viewport {
17557    display: flex;
17558    width: 200%;
17559    transition-property: margin-left;
17560    transition-timing-function: ease-in-out;
17561    transition-duration: .125s;
17562}
17563
17564.wizard-item__viewport--is-active {
17565    margin-left: -100%;
17566}
17567
17568.wizard-item__header {
17569    width: 50%;
17570    padding: 16px;
17571}
17572
17573.wizard-item__panel {
17574    display: flex;
17575    align-items: center;
17576    padding-bottom: 16px;
17577}
17578
17579.wizard-item__button-back {
17580    flex-shrink: 0;
17581    margin-right: 8px;
17582    width: 20px;
17583    height: 20px;
17584}
17585
17586.wizard-item__title {
17587    flex-grow: 1;
17588    margin-right: 8px;
17589    font-weight: 600;
17590    font-size: 16px;
17591    line-height: calc(24 / 16);
17592    color: #181D20;
17593}
17594
17595.wizard-item__icon {
17596    flex-shrink: 0;
17597    margin-left: auto;
17598    color: #1A8FE3;
17599}
17600
17601.wizard-item__nav-button {
17602    width: 100%;
17603    margin-bottom: 16px;
17604}
17605
17606.wizard-item__nav-button:last-child {
17607    margin-bottom: 0;
17608}
17609
17610.wizard-item__body {
17611    width: 50%;
17612    padding: 16px;
17613}
17614
17615.dark-mode .wizard-item {
17616    background-color: #223544;
17617}
17618
17619.dark-mode .wizard-item__title {
17620    color: #fff;
17621}
17622
17623.dark-mode .wizard-item__body {
17624    border-left-color: #314453;
17625}
17626
17627@media (min-width: 768px) {
17628
17629    .wizard-item__viewport {
17630        width: 100%;
17631    }
17632    .wizard-item__header {
17633        width: 280px;
17634    }
17635
17636    .wizard-item__body {
17637        flex-grow: 1;
17638        border-left-width: 1px;
17639        border-left-style: solid;
17640        border-left-color: #E3E3E4;
17641    }
17642
17643    .wizard-item__button-back,
17644    .wizard-item__icon {
17645        display: none;
17646    }
17647
17648    .wizard-item__panel {
17649        padding-bottom: 24px;
17650    }
17651
17652    .wizard-item__title {
17653        font-size: 24px;
17654        line-height: calc(32 / 24);
17655    }
17656
17657    .wizard-item__viewport--is-active {
17658        margin-left: 0 !important;
17659    }
17660}
17661
17662@media (min-width: 992px) {
17663
17664    .wizard-item__header,
17665    .wizard-item__body {
17666        padding: 24px;
17667    }
17668
17669    .wizard-item__nav-button {
17670        font-size: 18px;
17671        line-height: calc(26 / 18);
17672    }
17673
17674    .wizard-item__nav-button .ctrl-btn-sidebar__icon {
17675        width: 24px;
17676        height: 24px;
17677    }
17678}
17679/* end wizard-item */
17680
17681/* article-example */
17682.article-example {
17683    position: relative;
17684    display: flex;
17685    flex-wrap: wrap;
17686    padding: 12px;
17687    border-width: 1px;
17688    border-style: solid;
17689    border-color: #E3E3E4;
17690    border-radius: 8px;
17691    font-weight: 500;
17692    font-size: 14px;
17693    line-height: calc(20 / 14);
17694    color: #181D20;
17695    background-color: #fff;
17696    cursor: pointer;
17697    user-select: none;
17698}
17699
17700.article-example__field {
17701    position: absolute;
17702    top: 0;
17703    left: 0;
17704    opacity: 0;
17705}
17706
17707.article-example__icon-box {
17708    position: relative;
17709    width: 20px;
17710    height: 20px;
17711}
17712
17713.article-example__icon {
17714    position: absolute;
17715    top: 0;
17716    left: 0;
17717    width: 100%;
17718    height: 100%;
17719    transition-property: opacity;
17720    transition-timing-function: ease-in-out;
17721    transition-duration: .125s;
17722}
17723
17724.article-example__icon--no-checked {
17725    color: #A7A9AA;
17726    opacity: 1;
17727}
17728
17729.article-example__icon--checked {
17730    color: green;
17731    opacity: 0;
17732}
17733
17734.article-example__field:checked ~ .article-example__icon-box .article-example__icon--no-checked {
17735    opacity: 0;
17736}
17737
17738.article-example__field:checked ~ .article-example__icon-box .article-example__icon--checked {
17739    opacity: 1;
17740}
17741
17742.article-example__number {
17743    margin-left: 8px;
17744    margin-top: 1px;
17745}
17746
17747.article-example__label {
17748    width: 100%;
17749    margin-top: 8px;
17750}
17751
17752.dark-mode .article-example {
17753    color: #fff;
17754    border-color: #314453;
17755    background-color: #223544;
17756}
17757
17758.dark-mode .article-example__icon--no-checked {
17759    color: #bbb;
17760}
17761
17762@media (min-width: 992px) {
17763    .article-example {
17764        padding: 16px 24px;
17765        flex-wrap: nowrap;
17766        align-items: center;
17767        border-width: 0;
17768        border-radius: 0;
17769    }
17770
17771    .article-example__icon-box {
17772        order: 99;
17773        flex-shrink: 0;
17774        margin-left: 30px;
17775    }
17776
17777    .article-example__number {
17778        box-sizing: border-box;
17779        flex-shrink: 0;
17780        width: 44px;
17781        padding-right: 10px;
17782        margin-top: 0;
17783        margin-left: 0;
17784    }
17785
17786    .article-example__label {
17787        margin-top: 0;
17788        white-space: nowrap;
17789        overflow: hidden;
17790        text-overflow: ellipsis;
17791    }
17792}
17793/* end article-example */
17794
17795/* table-examples */
17796.table-examples {}
17797
17798.table-examples__title {
17799    margin-top: 24px;
17800    text-align: center;
17801    font-weight: 600;
17802    font-size: 14px;
17803    line-height: calc(20 / 14);
17804    color: #181D20;
17805}
17806
17807.table-examples__group {
17808    margin-top: 16px;
17809}
17810
17811.table-examples__head {
17812    display: none;
17813}
17814
17815.table-examples__item {
17816    margin-top: 10px;
17817}
17818
17819.dark-mode .table-examples__title {
17820    color: #fff;
17821}
17822
17823@media (min-width: 992px) {
17824
17825    .table-examples__title {
17826        font-size: 16px;
17827        line-height: calc(24 / 16);
17828    }
17829
17830    .table-examples__group {
17831        margin-top: 24px;
17832        border-width: 1px;
17833        border-style: solid;
17834        border-color: #E3E3E4;
17835        border-radius: 8px;
17836        overflow: hidden;
17837    }
17838
17839    .table-examples__head {
17840        display: flex;
17841        align-items: center;
17842        width: 100%;
17843        font-size: 14px;
17844        line-height: calc(20 / 14);
17845        color: #707375;
17846        border-bottom-width: 1px;
17847        border-bottom-style: solid;
17848        border-bottom-color: #E3E3E4;
17849        background-color: #F6F6F6;
17850    }
17851    .table-examples__head-item {
17852        padding-top: 16px;
17853        padding-bottom: 16px;
17854    }
17855
17856    .table-examples__head-item--number {
17857        width: calc(24px + 34px + 10px);
17858        padding-right: 10px;
17859        padding-left: 24px;
17860        flex-shrink: 0;
17861    }
17862
17863    .table-examples__head-item--name {
17864        flex-grow: 1;
17865    }
17866
17867    .table-examples__head-item--actions {
17868        width: calc(24px + 50px);
17869        padding-right: 24px;
17870        padding-left: 10px;
17871        flex-shrink: 0;
17872    }
17873
17874    .table-examples__item {
17875        margin-top: 0;
17876    }
17877
17878    .table-examples__item::before {
17879        content: "";
17880        position: absolute;
17881        bottom: 0;
17882        right: 24px;
17883        left: 24px;
17884        height: 1px;
17885        background-color: #E3E3E4;
17886    }
17887
17888    .table-examples__item:last-child::before {
17889        content: none;
17890    }
17891
17892    .dark-mode .table-examples__group {
17893        border-color: #314453;
17894        background-color: #223544;
17895    }
17896
17897    .dark-mode .table-examples__head {
17898        color: #bbb;
17899        border-bottom-color: #314453;
17900        background-color: #1A252E;
17901    }
17902
17903    .dark-mode .table-examples__item::before {
17904        background-color: #314453;
17905    }
17906}
17907/* end table-examples */
17908
17909/* wizard-step */
17910.wizard-step {
17911    padding: 16px;
17912    background-color: #fff;
17913    border-radius: 12px;
17914}
17915
17916.wizard-step__header {
17917    padding-top: 0;
17918    padding-bottom: 0;
17919    background-color: transparent;
17920    text-align: center;
17921}
17922
17923.wizard-step__title {
17924    font-weight: 600;
17925    font-size: 16px;
17926    line-height: calc(24 / 16);
17927    color: #181D20;
17928}
17929
17930.wizard-step__description {
17931    margin-top: 4px;
17932    font-size: 12px;
17933    line-height: calc(18 / 12);
17934    letter-spacing: .005em;
17935    color: #707375;
17936}
17937
17938.wizard-step__body {
17939    margin-top: 16px;
17940}
17941
17942.wizard-step__body > *:first-child {
17943    margin-top: 0;
17944}
17945
17946.wizard-step__choice {}
17947
17948.wizard-step__divider {
17949    margin-top: 24px;
17950}
17951
17952.wizard-step__form {
17953    margin-top: 24px;
17954}
17955
17956.wizard-step__footer {
17957    padding-top: 0;
17958    display: flex;
17959    align-items: center;
17960    margin-top: 24px;
17961    background-color: transparent;
17962}
17963
17964.wizard-step__footer-button {
17965    margin-right: 5px;
17966    flex-shrink: 0;
17967    flex-grow: 1;
17968    flex-basis: 30%;
17969}
17970
17971.wizard-step__footer-button:last-child {
17972    margin-right: 0;
17973}
17974
17975.dark-mode .wizard-step {
17976    background-color: #1A252E;
17977}
17978
17979.dark-mode .wizard-step__title {
17980    color: #fff;
17981}
17982
17983.dark-mode .wizard-step__description {
17984    color: #bbb;
17985}
17986
17987@media (min-width: 992px) {
17988    .wizard-step {
17989        padding: 80px;
17990    }
17991
17992    .wizard-step__title {
17993        font-size: 24px;
17994        line-height: calc(32 / 24);
17995    }
17996
17997    .wizard-step__description {
17998        font-size: 14px;
17999        line-height: calc(20 / 14);
18000        letter-spacing: normal;
18001    }
18002
18003    .wizard-step__body {
18004        margin-top: 56px;
18005    }
18006
18007    .wizard-step__footer {
18008        margin-top: 40px;
18009        justify-content: center;
18010    }
18011
18012    .wizard-step__footer-button {
18013        margin-right: 24px;
18014        flex-grow: 0;
18015        flex-basis: 200px;
18016    }
18017}
18018/* end wizard-step */
18019
18020/* generate-article */
18021.generate-article {}
18022
18023.generate-article__image {
18024    width: 100%;
18025    height: 250px;
18026    border-radius: 8px;
18027    object-fit: cover;
18028    object-position: center;
18029}
18030
18031.generate-article__title {
18032    margin-top: 16px;
18033    font-weight: 700;
18034    font-size: 16px;
18035    line-height: calc(24 / 16);
18036    color: #181D20;
18037}
18038
18039.generate-article__actions {
18040    margin-top: 24px;
18041    display: flex;
18042    align-items: center;
18043    padding: 8px;
18044    border-width: 1px;
18045    border-style: solid;
18046    border-color: #E3E3E4;
18047    border-radius: 8px;
18048    background-color: #F6F6F6;
18049}
18050
18051.generate-article__actions-text {
18052    margin-right: 20px;
18053    flex-grow: 1;
18054    font-weight: 500;
18055    font-size: 12px;
18056    line-height: calc(18 / 12);
18057    letter-spacing: .005em;
18058    color: #181D20;
18059}
18060
18061.button.generate-article__actions-button {
18062    flex-shrink: 0;
18063    padding: 8px;
18064    font-size: 10px;
18065    line-height: calc(16 / 10);
18066    margin-left: auto;
18067}
18068
18069@media (min-width: 992px) {
18070
18071    .generate-article__image {
18072        height: 320px;
18073        border-radius: 12px;
18074    }
18075
18076    .generate-article__title {
18077        margin-top: 24px;
18078        font-size: 20px;
18079        line-height: calc(28 / 20);
18080    }
18081
18082    .generate-article__actions {
18083        padding: 16px;
18084    }
18085
18086    .generate-article__actions-text {
18087        font-size: 16px;
18088        line-height: calc(24 / 16);
18089        letter-spacing: normal;
18090    }
18091
18092    .button.generate-article__actions-button {
18093        padding: 11px 16px;
18094        font-size: 12px;
18095        line-height: calc(18 / 12);
18096    }
18097}
18098/* end generate-article */
18099
18100
18101/* modal-generate-article */
18102.modal-generate-article {}
18103.modal-generate-article .modal-dialog {
18104    max-width: 560px;
18105}
18106.modal-generate-article .modal-content {
18107    border-width: 0;
18108    border-radius: 8px;
18109    box-shadow: 3px 1px 32px rgba(24, 29, 32, .05);
18110}
18111
18112.modal-generate-article .modal-header {
18113    padding: 16px;
18114    border-bottom-width: 0;
18115}
18116
18117.modal-generate-article .modal-title {
18118    font-weight: 700;
18119    font-size: 18px;
18120    line-height: calc(26 / 18);
18121    color: #181D20;
18122}
18123
18124.modal-generate-article .modal-body {
18125    padding: 0 16px 16px 16px;
18126}
18127
18128@media (min-width: 991px) {
18129
18130    .modal-generate-article .modal-header {
18131        padding: 24px;
18132    }
18133
18134    .modal-generate-article .modal-body {
18135        padding-right: 24px;
18136        padding-bottom: 24px;
18137        padding-left: 24px;
18138    }
18139}
18140
18141.dark-mode .modal-generate-article .modal-title {
18142    color: #fff;
18143}
18144/* end modal-generate-article */
18145
18146/* ctrl-check-image */
18147.ctrl-check-image {}
18148
18149.ctrl-check-image__group {
18150    display: flex;
18151    flex-wrap: wrap;
18152    margin: -3px;
18153}
18154
18155.ctrl-check-image__item {
18156    position: relative;
18157    width: calc(100% / 2 - 3px * 2);
18158    padding-top: calc(100% / 2 - 3px * 2);
18159    margin: 3px;
18160    cursor: pointer;
18161    overflow: hidden;
18162    border-radius: 8px;
18163}
18164
18165.ctrl-check-image__field {
18166    position: absolute;
18167    top: 0;
18168    left: 0;
18169}
18170
18171.ctrl-check-image__box {
18172    position: absolute;
18173    top: 0;
18174    left: 0;
18175    width: 100%;
18176    height: 100%;
18177}
18178
18179.ctrl-check-image__box::before {
18180    content: "";
18181    position: absolute;
18182    top: 0;
18183    left: 0;
18184    width: 100%;
18185    height: 100%;
18186    border-width: 2px;
18187    border-style: solid;
18188    border-color: #1CAB48;
18189    border-radius: 8px;
18190    opacity: 0;
18191    transition-property: opacity;
18192    transition-timing-function: ease-in-out;
18193    transition-duration: .125s;
18194}
18195
18196.ctrl-check-image__image {
18197    display: block;
18198    width: 100%;
18199    height: 100%;
18200    object-fit: cover;
18201    object-position: center;
18202}
18203
18204.ctrl-check-image__field:checked ~ .ctrl-check-image__box::before {
18205    opacity: 1;
18206}
18207
18208@media (min-width: 576px) {
18209
18210    .ctrl-check-image__item {
18211        width: calc(100% / 4 - 3px * 2);
18212        padding-top: calc(100% / 4 - 3px * 2);
18213    }
18214}
18215/* end ctrl-check-image */
18216
18217/* settings-image */
18218.settings-image {}
18219
18220.settings-image__title {
18221    font-weight: 600;
18222    font-size: 14px;
18223    line-height: calc(20 / 14);
18224    color: #181D20;
18225}
18226
18227.settings-image__description {
18228    font-weight: 400;
18229    font-size: 12px;
18230    line-height: calc(18 / 12);
18231    letter-spacing: .005em;
18232    color: #707375;
18233}
18234
18235.settings-image__preview {
18236    display: none;
18237}
18238
18239.settings-image__check {
18240    margin-top: 8px;
18241}
18242
18243.settings-image__actions {
18244    margin-top: 24px;
18245    display: flex;
18246}
18247
18248.settings-image__button {
18249    margin-right: 8px;
18250    flex-shrink: 0;
18251    flex-grow: 1;
18252    flex-basis: 30%;
18253    padding-right: 10px;
18254    padding-left: 10px;
18255}
18256
18257.settings-image__button:last-child {
18258    margin-right: 0;
18259}
18260
18261.dark-mode .settings-image__title {
18262    color: #fff;
18263}
18264
18265.dark-mode .settings-image__description {
18266    color: #bbb;
18267}
18268
18269@media (min-width: 992px) {
18270
18271    .settings-image__title {
18272        font-size: 16px;
18273        line-height: calc(24 / 16);
18274    }
18275
18276    .settings-image__description {
18277        font-size: 14px;
18278        line-height: calc(20 / 14);
18279    }
18280
18281    .settings-image__check {
18282        margin-top: 24px;
18283    }
18284
18285    .settings-image__actions {
18286        padding-top: 0;
18287        justify-content: flex-end;
18288    }
18289
18290    .settings-image__button {
18291        margin-right: 8px;
18292        flex-shrink: 0;
18293        flex-grow: 0;
18294        flex-basis: auto;
18295        padding-right: 24px;
18296        padding-left: 24px;
18297    }
18298}
18299
18300
18301@media (min-width: 1200px) {
18302
18303    .settings-image {
18304        display: grid;
18305        grid-template-areas:
18306            "header check"
18307            "preview check"
18308            "preview actions";
18309        grid-template-columns: 230px 1fr;
18310        grid-column-gap: 30px;
18311    }
18312
18313    .settings-image__header {
18314        grid-area: header;
18315    }
18316
18317    .settings-image__preview {
18318        margin-top: 16px;
18319        display: block;
18320        grid-area: preview;
18321        border-width: 1px;
18322        border-style: solid;
18323        border-color: #E3E3E4;
18324        border-radius: 8px;
18325        overflow: hidden;
18326    }
18327
18328    .settings-image__preview-header {
18329        padding: 8px;
18330        font-weight: 400;
18331        font-size: 12px;
18332        line-height: calc(18 / 12);
18333        letter-spacing: .005em;
18334        text-align: center;
18335        text-transform: uppercase;
18336        color: #707375;
18337        background-color: #F6F6F6;
18338        border-bottom-width: inherit;
18339        border-bottom-style: inherit;
18340        border-bottom-color: inherit;
18341    }
18342
18343    .settings-image__preview-body {
18344        height: 228px;
18345        padding: 8px;
18346        display: flex;
18347        justify-content: center;
18348        align-items: center;
18349    }
18350
18351    .settings-image__preview-text {
18352        width: 216px;
18353        font-size: 12px;
18354        line-height: calc(18 / 12);
18355        text-align: center;
18356        letter-spacing: .005em;
18357        color: #707375;
18358    }
18359
18360    .settings-image__preview-image {
18361        display: block;
18362        width: 100%;
18363        height: 100%;
18364        object-fit: cover;
18365        object-position: center;
18366        border-radius: 8px;
18367    }
18368
18369    .settings-image__check {
18370        grid-area: check;
18371        margin-top: 0;
18372    }
18373
18374    .settings-image__actions {
18375        grid-area: actions;
18376    }
18377
18378    .dark-mode .settings-image__preview-header {
18379        background-color: #1F2A33;
18380        color: #bbb;
18381    }
18382
18383    .dark-mode .settings-image__preview {
18384        border-color: #314453;
18385    }
18386
18387    .dark-mode .settings-image__preview-text {
18388        color: #bbb;
18389    }
18390}
18391
18392@media (min-width: 1400px) {
18393    .settings-image {
18394        grid-template-columns: 280px 1fr;
18395        grid-column-gap: 70px;
18396    }
18397
18398    .settings-image__preview-body {
18399        height: 278px;
18400    }
18401}
18402/* end settings-image */
18403
18404.ctrl-button {
18405    display: inline-flex;
18406    vertical-align: middle;
18407    align-items: center;
18408    justify-content: center;
18409    padding: var(--padding-v) var(--padding-h);
18410    border-width: 1px;
18411    border-style: solid;
18412    border-color: var(--border-color);
18413    border-radius: 8px;
18414    font-weight: 600;
18415    font-size: var(--font-size);
18416    line-height: var(--line-height);
18417    color: var(--color);
18418    background-color: var(--bg);
18419}
18420.ctrl-button__text {}
18421.ctrl-button__icon {
18422    width: var(--icon-size);
18423    height: var(--icon-size);
18424    margin-right: 8px;
18425}
18426
18427.ctrl-button:hover {
18428    color: var(--hover-color);
18429    border-color: var(--hover-border-color);
18430    background-color: var(--hover-bg);
18431}
18432
18433.ctrl-button:focus-visible {
18434    color: var(--focus-color);
18435    border-color: var(--focus-border-color);
18436    background-color: var(--focus-bg);
18437    box-shadow: var(--focus-shadow);
18438}
18439
18440.ctrl-button:active {
18441    color: var(--active-color);
18442    border-color: var(--active-border-color);
18443    background-color: var(--active-bg);
18444}
18445
18446.ctrl-button:disabled {
18447    color: #A7A9AA;
18448    border-color: #E3E3E4;
18449    background-color: #EFEFEF;
18450}
18451
18452.ctrl-button_iconly {
18453}
18454.ctrl-button_iconly .ctrl-button__text {
18455    clip: rect(0 0 0 0);
18456    clip-path: inset(50%);
18457    height: 1px;
18458    overflow: hidden;
18459    position: absolute;
18460    white-space: nowrap;
18461    width: 1px;
18462}
18463.ctrl-button_iconly .ctrl-button__icon {
18464    width: var(--iconly-size);
18465    height: var(--iconly-size);
18466    margin-right: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2);
18467    margin-left: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2);
18468}
18469
18470.ctrl-button_size_s {
18471    --padding-v: 10px;
18472    --padding-h: 15px;
18473    --icon-size: 14px;
18474    --iconly-size: 18px;
18475    --font-size: 12px;
18476    --line-height: 18px;
18477}
18478.ctrl-button_size_m {
18479    --padding-v: 13px;
18480    --padding-h: 19px;
18481    --icon-size: 16px;
18482    --iconly-size: 20px;
18483    --font-size: 14px;
18484    --line-height: 20px;
18485}
18486.ctrl-button_size_l {
18487    --padding-v: 15px;
18488    --padding-h: 23px;
18489    --icon-size: 20px;
18490    --iconly-size: 24px;
18491    --font-size: 16px;
18492    --line-height: 24px;
18493}
18494
18495.ctrl-button_color_primary {}
18496.ctrl-button_color_primary.ctrl-button_view_fill {
18497    --color: #fff;
18498    --bg: #1A8FE3;
18499    --border-color: #1A8FE3;
18500
18501    --hover-color: #fff;
18502    --hover-bg: #1677BD;
18503    --hover-border-color: #1677BD;
18504
18505    --focus-color: #fff;
18506    --focus-bg: #1677BD;
18507    --focus-border-color: #1677BD;
18508    --focus-shadow: 0 0 0 3px #D1E9F9;
18509
18510    --active-color: #fff;
18511    --active-bg: #0D4771;
18512    --active-border-color: #0D4771;
18513}
18514.ctrl-button_color_primary.ctrl-button_view_ghost {
18515    --color: #1A8FE3;
18516    --bg: #F6FBFE;
18517    --border-color: #F6FBFE;
18518
18519    --hover-color: #1677BD;
18520    --hover-bg: #F6FBFE;
18521    --hover-border-color: #F6FBFE;
18522
18523    --focus-color: #1677BD;
18524    --focus-bg: #F6FBFE;
18525    --focus-border-color: #F6FBFE;
18526    --focus-shadow: 0 0 0 3px #D1E9F9;
18527
18528    --active-color: #003A78;
18529    --active-bg: #F6FBFE;
18530    --active-border-color: #F6FBFE;
18531}
18532.ctrl-button_color_primary.ctrl-button_view_stroke {
18533    --color: #1A8FE3;
18534    --bg: #fff;
18535    --border-color: #1A8FE3;
18536
18537    --hover-color: #1A8FE3;
18538    --hover-bg: #F6FBFE;
18539    --hover-border-color: #1A8FE3;
18540
18541    --focus-color: #1A8FE3;
18542    --focus-bg: #F6FBFE;
18543    --focus-border-color: #1A8FE3;
18544    --focus-shadow: 0 0 0 3px #D1E9F9;
18545
18546    --active-color: #1A8FE3;
18547    --active-bg: #EFF7FD;
18548    --active-border-color: #C8E4F8;
18549}
18550.ctrl-button_color_primary.ctrl-button_view_link {
18551    --color: #1A8FE3;
18552    --bg: transparent;
18553    --border-color: transparent;
18554
18555    --hover-color: #1677BD;
18556    --hover-bg: transparent;
18557    --hover-border-color: transparent;
18558
18559    --focus-color: #1677BD;
18560    --focus-bg: transparent;
18561    --focus-border-color: transparent;
18562    --focus-shadow: 0 0 0 3px #D1E9F9;
18563
18564    --active-color: #003A78;
18565    --active-bg: transparent;
18566    --active-border-color: transparent;
18567}
18568
18569.ctrl-button_color_error.ctrl-button_view_fill {
18570    --color: #fff;
18571    --bg: #E2464C;
18572    --border-color: #E2464C;
18573
18574    --hover-color: #fff;
18575    --hover-bg: #BC3A3F;
18576    --hover-border-color: #BC3A3F;
18577
18578    --focus-color: #fff;
18579    --focus-bg: #BC3A3F;
18580    --focus-border-color: #BC3A3F;
18581    --focus-shadow: 0 0 0 3px #D1E9F9;
18582
18583    --active-color: #fff;
18584    --active-bg: #712326;
18585    --active-border-color: #712326;
18586}
18587
18588.ctrl-button_color_warning.ctrl-button_view_link {
18589    --color: #FFC205;
18590    --bg: transparent;
18591    --border-color: transparent;
18592
18593    --hover-color: #D4A204;
18594    --hover-bg: transparent;
18595    --hover-border-color: transparent;
18596
18597    --focus-color: #D4A204;
18598    --focus-bg: transparent;
18599    --focus-border-color: transparent;
18600    --focus-shadow: 0 0 0 3px #D1E9F9;
18601
18602    --active-color: #806102;
18603    --active-bg: transparent;
18604    --active-border-color: transparent;
18605}
18606
18607.ctrl-button_color_white.ctrl-button_view_stroke {
18608    --color: #fff;
18609    --bg: transparent;
18610    --border-color: #fff;
18611
18612    --hover-color: #EFEFEF;
18613    --hover-bg: transparent;
18614    --hover-border-color: #EFEFEF;
18615
18616    --focus-color: #EFEFEF;
18617    --focus-bg: transparent;
18618    --focus-border-color: #EFEFEF;
18619    --focus-shadow: 0 0 0 3px #D1E9F9;
18620
18621    --active-color: #C8C9CA;
18622    --active-bg: transparent;
18623    --active-border-color: #C8C9CA;
18624}
18625.ctrl-button_color_white.ctrl-button_view_link {
18626    --color: #fff;
18627    --bg: transparent;
18628    --border-color: transparent;
18629
18630    --hover-color: #EFEFEF;
18631    --hover-bg: transparent;
18632    --hover-border-color: transparent;
18633
18634    --focus-color: #EFEFEF;
18635    --focus-bg: transparent;
18636    --focus-border-color: transparent;
18637    --focus-shadow: 0 0 0 3px #D1E9F9;
18638
18639    --active-color: #C8C9CA;
18640    --active-bg: transparent;
18641    --active-border-color: transparent;
18642}
18643
18644.ctrl-button_color_secondary.ctrl-button_view_fill {
18645    --color: #A7A9AA;
18646    --bg: #F6F6F6;
18647    --border-color: #F6F6F6;
18648
18649    --hover-color: #A7A9AA;
18650    --hover-bg: #EFEFEF;
18651    --hover-border-color: #EFEFEF;
18652
18653    --focus-color: #A7A9AA;
18654    --focus-bg: #EFEFEF;
18655    --focus-border-color: #EFEFEF;
18656    --focus-shadow: 0 0 0 3px #D1E9F9;
18657
18658    --active-color: #A7A9AA;
18659    --active-bg: #E3E3E4;
18660    --active-border-color: #E3E3E4;
18661}
18662
18663.ctrl-upload-file {
18664    position: relative;
18665    display: inline-block;
18666    vertical-align: middle;
18667    overflow: hidden;
18668}
18669
18670.ctrl-upload-file:focus-within {
18671    border-radius: 8px;
18672    box-shadow: 0 0 0 3px #D1E9F9;
18673}
18674
18675.ctrl-upload-file__field {
18676    position: absolute;
18677    top: 0;
18678    right: 0;
18679    opacity: 0;
18680}
18681.ctrl-upload-file__label {
18682    position: relative;
18683    width: 100%;
18684    cursor: pointer;
18685}
18686
18687.user-avatar-default {
18688    display: flex;
18689    align-items: center;
18690    justify-content: center;
18691    width: 80px;
18692    height: 80px;
18693    border-radius: 50%;
18694    font-weight: 500;
18695    font-size: 24px;
18696    line-height: calc(36 / 24);
18697    color: #fff;
18698    background-color: #9747FF;
18699}
18700
18701.user-avatar {
18702    display: block;
18703    width: 80px;
18704    height: 80px;
18705    border-radius: 50%;
18706    overflow: hidden;
18707}
18708
18709.user-avatar_size_m {
18710    width: 40px;
18711    height: 40px;
18712}
18713
18714.user-avatar__image{
18715    width: 100%;
18716    height: 100%;
18717    object-fit: cover;
18718    object-fit: ;
18719}
18720
18721.ctrl-link {
18722    padding: 0;
18723    border-width: 0;
18724    font-weight: 500;
18725    font-size: 12px;
18726    line-height: calc(21 / 12);
18727    text-decoration-line: underline;
18728    color: #707375;
18729    background-color: transparent;
18730}
18731
18732.user-avatar-default__name,
18733.user-avatar-default__name[title] /* bootstrap fix */
18734{
18735    margin: auto;
18736    cursor: default;
18737    text-decoration: none;
18738}
18739
18740.tab-navs {
18741    display: flex;
18742    border-bottom-width: 2px;
18743    border-bottom-style: solid;
18744    border-bottom-color: #E3E3E4;
18745}
18746.tab-navs__item {
18747    position: relative;
18748    padding: 8px 0;
18749    margin-right: 40px;
18750    margin-bottom: -2px;
18751    border-width: 0;
18752    font-weight: 400;
18753    font-size: 14px;
18754    line-height: calc(20 / 14);
18755    color: var(--color, #A7A9AA);
18756    background-color: transparent;
18757}
18758.tab-navs__item::before {
18759    content: "";
18760    position: absolute;
18761    bottom: 0;
18762    left: 0;
18763    width: 100%;
18764    height: 2px;
18765    background-color: currentColor;
18766    opacity: 0;
18767}
18768.tab-navs__item_is-active {
18769    font-weight: 500;
18770    --color: #1A8FE3;
18771}
18772.tab-navs__item_is-active::before {
18773    opacity: 1;
18774}
18775.tab-navs__item:last-child {
18776    margin-right: 0;
18777}
18778@media (min-width: 1200px) {
18779    .tab-navs__item {
18780        position: relative;
18781        padding: 8px 0;
18782        margin-right: 80px;
18783        font-size: 16px;
18784        line-height: calc(24 / 16);
18785    }
18786}
18787
18788.plan-card {
18789    display: flex;
18790    flex-direction: column;
18791    padding: 12px;
18792    border-radius: 10px;
18793    color: var(--color, #181D20);
18794    background-color: var(--bg, #fff);
18795    box-shadow: var(--shadow, 3px 10px 40px rgba(24, 29, 32, .05));
18796}
18797.plan-card__type {
18798    display: flex;
18799    margin-bottom: 8px;
18800    font-size: 10px;
18801    line-height: calc(12 / 10);
18802    text-transform: uppercase;
18803    color: var(--color-second, #525658);
18804}
18805.plan-card__type-item {
18806    padding: 6px 10px;
18807    margin-right: 5px;
18808    border-radius: 99px;
18809    background-color: rgba(255, 255, 255, .4);
18810}
18811.plan-card__title {
18812    font-weight: 600;
18813    font-size: 14px;
18814    line-height: calc(20 / 14);
18815}
18816.plan-card__description {
18817    margin-top: 2px;
18818    margin-bottom: 8px;
18819    font-size: 10px;
18820    line-height: calc(16 / 10);
18821    letter-spacing: .005em;
18822    color: var(--color-second, #525658);
18823}
18824.plan-card__price {
18825    margin-top: auto;
18826    font-weight: 700;
18827    font-size: 16px;
18828    line-height: calc(24 / 16);
18829}
18830.plan-card__price small {
18831    margin-left: 4px;
18832    font-size: 8px;
18833    line-height: calc(12 / 8);
18834    color: var(--color-second, #707375);
18835    vertical-align: bottom;
18836}
18837.plan-card__actions {
18838    margin-top: 16px;
18839}
18840.plan-card_is-active {
18841    --color: #fff;
18842    --color-second: #fff;
18843    --bg: #1A8FE3;
18844    --shadow: 0 10px 32px rgba(26, 143, 227, .24);
18845}
18846
18847@media (min-width: 992px) and (max-width: 1199px) {
18848    .plan-card__actions .ctrl-button {
18849        width: 100%;
18850    }
18851}
18852@media (min-width: 1200px) {
18853    .plan-card {
18854        padding: 16px;
18855    }
18856    .plan-card__type {
18857        margin-bottom: 10px;
18858    }
18859    .plan-card__title {
18860        font-size: 16px;
18861        line-height: calc(24 / 16);
18862    }
18863    .plan-card__description {
18864        font-size: 12px;
18865        line-height: calc(18 / 12);
18866    }
18867}
18868
18869.plan-cards {}
18870.plan-cards__group {}
18871.plan-cards__item {
18872    margin-bottom: 12px;
18873}
18874.plan-cards__item:last-child {
18875    margin-bottom: 0;
18876}
18877@media (min-width: 992px) {
18878    .plan-cards__group {
18879        display: flex;
18880        margin: -5px
18881    }
18882    .plan-cards__item {
18883        margin: 5px;
18884        flex-grow: 1;
18885        flex-basis: 20%;
18886    }
18887    .plan-cards__item:last-child {
18888        margin-bottom: 5px;
18889    }
18890}
18891
18892.user-card {
18893    display: grid;
18894    grid-column-gap: 10px;
18895    grid-row-gap: 8px;
18896    grid-template-columns: auto 1fr;
18897}
18898.user-card__logo {
18899    width: 71px;
18900    border-radius: 8px;
18901}
18902.user-card__end {
18903    font-weight: 400;
18904    font-size: 12px;
18905    line-height: calc(16 / 12);
18906    color: #525658;
18907    align-self: center;
18908}
18909.user-card__end > b {
18910    font-weight: 600;
18911    color: #181D20;
18912}
18913
18914.user-card__default {
18915    grid-column: span 2;
18916    font-weight: 500;
18917    font-style: italic;
18918    font-size: 12px;
18919    line-height: calc(16 / 12);
18920    color: #181D20;
18921}
18922.user-card__actions {
18923    grid-column: span 2;
18924    display: flex;
18925    align-items: center;
18926}
18927.user-card__button {
18928    margin-right: 8px;
18929}
18930.user-card__button:last-child {
18931    margin-right: 0;
18932}
18933
18934@media (min-width: 992px) {
18935    .user-card {
18936        display: flex;
18937        grid-column-gap: unset;
18938        grid-row-gap: unset;
18939    }
18940    .user-card__end {
18941        flex-grow: 1;
18942        margin-right: 10px;
18943        margin-left: 10px;
18944    }
18945}
18946
18947@media (min-width: 1200px) {
18948    .user-card__logo {
18949        width: 90px;
18950    }
18951    .user-card__end {
18952        font-size: 14px;
18953        line-height: calc(21 / 14);
18954    }
18955    .user-card__default {
18956        font-size: 12px;
18957        line-height: calc(21 / 12);
18958    }
18959}
18960
18961.user-cards {
18962    padding: 12px;
18963    border-radius: 10px;
18964    background-color: #fff;
18965    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
18966}
18967.user-cards__title {
18968    margin-bottom: 16px;
18969    font-weight: 600;
18970    font-size: 14px;
18971    line-height: calc(20 / 14);
18972    color: #181D20;
18973}
18974.user-cards__group {}
18975.user-cards__item {
18976    padding-bottom: 16px;
18977    margin-bottom: 16px;
18978    border-bottom-width: 1px;
18979    border-bottom-style: solid;
18980    border-bottom-color: #E3E3E4;
18981}
18982.user-cards__actions {}
18983
18984@media (min-width: 1200px) {
18985    .user-cards {
18986        padding: 16px;
18987    }
18988    .user-cards__title {
18989        font-size: 16px;
18990        line-height: calc(24 / 16);
18991    }
18992}
18993
18994.el-divider {
18995    font-weight: 500;
18996    font-size: 12px;
18997    line-height: calc(18 / 12);
18998    letter-spacing: .005em;
18999    color: #ADADAD;
19000    text-align: center;
19001    text-transform: uppercase;
19002    overflow: hidden;
19003}
19004.el-divider__text {
19005    position: relative;
19006    padding-right: 8px;
19007    padding-left: 8px;
19008}
19009.el-divider__text::before,
19010.el-divider__text::after {
19011    content: "";
19012    position: absolute;
19013    top: 50%;
19014    width: 100vw;
19015    height: 1px;
19016    background-color: currentcolor;
19017    transform: translateY(-50%);
19018}
19019.el-divider__text::before {
19020    right: 100%;
19021}
19022.el-divider__text::after {
19023    left: 100%;
19024}
19025
19026@media (min-width: 1200px) {
19027    .el-divider {
19028        font-size: 16px;
19029        line-height: calc(20 / 16);
19030        letter-spacing: 0;
19031    }
19032    .el-divider__text {
19033        padding-right: 10px;
19034        padding-left: 10px;
19035    }
19036}
19037
19038.billing-table {
19039    min-width: 100%;
19040}
19041.billing-table__row {}
19042.billing-table__cell {
19043    padding: 22px 16px 22px 12px;
19044    border-width: 1px;
19045    border-style: solid;
19046    border-color: #E3E3E4;
19047    font-size: 10px;
19048    line-height: calc(16 / 10);
19049    letter-spacing: .005em;
19050    color: #707375;
19051    white-space: nowrap;
19052}
19053.billing-table__cell_th {
19054    font-weight: 400;
19055    background-color: #EFEFEF;
19056}
19057.billing-table__cell_empty-text {
19058    text-align: center;
19059}
19060.billing-table__head {
19061    display: flex;
19062    align-items: center;
19063    justify-content: space-between;
19064}
19065.billing-table__head-text {}
19066.billing-table__head-sort {
19067    width: 12px;
19068    height: 12px;
19069    margin-left: 10px;
19070}
19071.billing-table__head-sort_is-active {
19072    transform: scaleY(-1);
19073}
19074.billing-table__number {
19075    font-weight: 600;
19076}
19077.billing-table__status {
19078    padding: 8px 16px;
19079    border-radius: 99px;
19080    font-weight: 500;
19081    color: var(--color, currentColor);
19082    background-color: var(--bg, lightgray);
19083}
19084.billing-table__status_success {
19085    --color: #1CAB48;
19086    --bg: #E3F4E9;
19087}
19088.billing-table__status_failed {
19089    --color: #E2464C;
19090    --bg: #FBE8E9;
19091}
19092.billing-table__status_pending {
19093    --color: #FFC205;
19094    --bg: #FFF7E1;
19095}
19096
19097@media (min-width: 1200px) {
19098    .billing-table__cell {
19099        font-size: 14px;
19100        line-height: calc(21 / 14);
19101        letter-spacing: 0;
19102    }
19103    .billing-table__head-sort {
19104        width: 16px;
19105        height: 16px;
19106    }
19107}
19108
19109.user-billing {
19110    padding: 12px;
19111    border-radius: 10px;
19112    background-color: #fff;
19113    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19114}
19115.user-billing__header {
19116    display: flex;
19117    align-items: center;
19118    padding-top: 0;
19119    padding-bottom: 0;
19120    background-color: transparent;
19121}
19122.user-billing__title {
19123    margin-right: 10px;
19124    font-weight: 600;
19125    font-size: 14px;
19126    line-height: calc(20 / 14);
19127    color: #181D20;
19128}
19129.user-billing__header-actions {
19130    margin-left: auto;
19131}
19132.user-billing__body {
19133    margin-top: 16px;
19134    overflow-x: auto;
19135    overflow-y: hidden;
19136}
19137
19138@media (min-width: 1200px) {
19139    .user-billing {
19140        padding: 16px;
19141    }
19142    .user-billing__title {
19143        font-size: 16px;
19144        line-height: calc(24 / 16);
19145    }
19146}
19147
19148.user-summary {
19149    padding: 16px;
19150    border-radius: 12px;
19151    background-color: #fff;
19152    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19153}
19154.user-summary__header {
19155    padding: 0;
19156    text-align: center;
19157}
19158.user-summary__avatar {
19159    margin-right: auto;
19160    margin-left: auto;
19161}
19162.user-summary__name {
19163    margin-top: 16px;
19164    font-weight: 500;
19165    font-size: 20px;
19166    line-height: calc(28 / 20);
19167    color: #181D20;
19168    overflow: hidden;
19169    text-overflow: ellipsis;
19170}
19171.user-summary__email {
19172    margin-top: 2px;
19173    font-weight: 400;
19174    font-size: 14px;
19175    line-height: calc(20 / 14);
19176    color: #707375;
19177    overflow: hidden;
19178    text-overflow: ellipsis;
19179    white-space: nowrap;
19180}
19181.user-summary__header-actions {
19182    margin-top: 12px;
19183}
19184.user-summary__header-button {
19185    width: 100%;
19186}
19187.user-summary__body {
19188    margin-top: 24px;
19189    padding-top: 24px;
19190    border-top-width: 1px;
19191    border-top-style: solid;
19192    border-top-color: #E3E3E4;
19193}
19194.user-summary__item {
19195    display: flex;
19196    flex-wrap: wrap;
19197    margin-bottom: 16px;
19198    font-size: 14px;
19199    line-height: calc(20 / 14);
19200    color: #525658;
19201}
19202.user-summary__label {
19203    flex-shrink: 0;
19204}
19205.user-summary__value {
19206    margin-left: 20px;
19207    flex-grow: 1;
19208    font-weight: 500;
19209    text-align: right;
19210    overflow: hidden;
19211    text-overflow: ellipsis;
19212    white-space: nowrap;
19213    color: #181D20;
19214}
19215.user-summary__body-actions {
19216    margin-top: 24px;
19217    display: flex;
19218}
19219.user-summary__body-button {
19220    flex-grow: 1;
19221    margin-right: 5px;
19222}
19223
19224.user-summary__body-button:last-child {
19225    margin-right: 0;
19226}
19227
19228
19229@media (min-width: 1200px) {
19230    .user-summary {
19231        padding: 24px;
19232    }
19233}
19234
19235.user-settings {
19236    padding: 16px;
19237    border-radius: 12px;
19238    background-color: #fff;
19239    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19240}
19241.user-settings__header {
19242    padding: 0;
19243}
19244.user-settings__title {
19245    font-weight: 600;
19246    font-size: 20px;
19247    line-height: calc(28 / 20);
19248    color: #181D20;
19249}
19250.user-settings__nav {
19251    margin-top: 8px;
19252}
19253.user-settings__body {
19254    margin-top: 24px;
19255}
19256.user-settings__subtitle {
19257    font-weight: 600;
19258    font-size: 20px;
19259    line-height: calc(30 / 20);
19260    color: #181D20;
19261}
19262.user-settings__group {
19263    margin-top: 12px;
19264}
19265.user-settings__part {
19266    margin-bottom: 20px;
19267}
19268.user-settings__part:last-child {
19269    margin-bottom: 0;
19270}
19271.user-settings__item {
19272    margin-bottom: 20px;
19273}
19274.user-settings__item:last-child {
19275    margin-bottom: 0;
19276}
19277
19278@media (min-width: 1200px) {
19279    .user-settings {
19280        padding: 24px;
19281    }
19282    .user-settings__title {
19283        font-size: 24px;
19284        line-height: calc(32 / 24);
19285    }
19286    .user-settings__nav {
19287        margin-top: 16px;
19288    }
19289    .user-settings__group {
19290        margin-top: 16px;
19291    }
19292}
19293
19294.ctrl-utility {
19295    position: relative;
19296    display: grid;
19297    grid-template-columns: auto 1fr;
19298    grid-template-rows: auto auto 1fr;
19299    padding: 12px;
19300    border-radius: 12px;
19301    background-color: #fff;
19302    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19303    overflow: hidden;
19304}
19305.ctrl-utility__icon-box {
19306    grid-row: span 2;
19307    width: 40px;
19308    height: 40px;
19309    padding: 12px;
19310    margin-right: 10px;
19311    color: var(--ic, #717375);
19312    background-color: var(--ibgc, lightgray);
19313    border-radius: 8px;
19314}
19315.ctrl-utility__icon-box_color_1 {
19316    --ic: #E24841;
19317    --ibgc: #FBE6E5;
19318}
19319.ctrl-utility__icon-box_color_2 {
19320    --ic: #E2C740;
19321    --ibgc: #FEF9E2;
19322}
19323.ctrl-utility__icon-box_color_3 {
19324    --ic: #FF7919;
19325    --ibgc: #FFEDE0;
19326}
19327.ctrl-utility__icon-box_color_4 {
19328    --ic: #10D0D5;
19329    --ibgc: #E3FCFD;
19330}
19331.ctrl-utility__icon-box_color_5 {
19332    --ic: #624BD8;
19333    --ibgc: #E9E6F9;
19334}
19335.ctrl-utility__icon-box_color_6 {
19336    --ic: #3D99F5;
19337    --ibgc: #E2F0FE;
19338}
19339.ctrl-utility__icon-box_color_7 {
19340    --ic: #79DC47;
19341    --ibgc: #ECFAE5;
19342}
19343.ctrl-utility__icon-box_color_8 {
19344    --ic: #FF5975;
19345    --ibgc: #FFE0E6;
19346}
19347.ctrl-utility__icon-box_color_9 {
19348    --ibgc: #FFE6E0;
19349}
19350.ctrl-utility__icon-box_color_10 {
19351    --ibgc: #E2F6FD;
19352}
19353.ctrl-utility__icon-box_color_11 {
19354    --ibgc: #E7E3FD;
19355}
19356.ctrl-utility__icon-box_color_12 {
19357    --ibgc: #FBE5FB;
19358}
19359.ctrl-utility__icon-box_color_13 {
19360    --ibgc: #FBE5E4;
19361}
19362.ctrl-utility__icon-box_color_14 {
19363    --ibgc: #E2F0FD;
19364}
19365.ctrl-utility__icon-box_color_15 {
19366    --ibgc: #FFF5E0;
19367}
19368.ctrl-utility__icon-box_color_16 {
19369    --ibgc: #E2E3FE;
19370}
19371.ctrl-utility__icon-box_color_17 {
19372    --ibgc: #E2FEE6;
19373}
19374.ctrl-utility__icon-box_color_18 {
19375    --ibgc: #FAE2FE;
19376}
19377.ctrl-utility__icon-box_color_19 {
19378    --ibgc: #FEF8E2;
19379}
19380.ctrl-utility__icon-box_color_20 {
19381    --ic: #FFF;
19382    --ibgc: #FEEBE2;
19383}
19384.ctrl-utility__icon-box_color_21 {
19385    --ic: #FFF;
19386    --ibgc: #E2EDFE;
19387}
19388.ctrl-utility__icon-box_color_22 {
19389    --ic: #FFF;
19390    --ibgc: #E1FDE5;
19391}
19392.ctrl-utility__icon-box_color_23 {
19393    --ibgc: #E2FEFC;
19394}
19395.ctrl-utility__icon-box_color_24 {
19396    --ibgc: #FEE2E2;
19397}
19398.ctrl-utility__icon-box_color_25 {
19399    --ibgc: #E2F7FE;
19400}
19401.ctrl-utility__icon-box_color_26 {
19402    --ibgc: #FEF3E2;
19403}
19404.ctrl-utility__icon {
19405    display: block;
19406    width: 100%;
19407    height: 100%;
19408}
19409.ctrl-utility__name {
19410    font-weight: 600;
19411    font-size: 14px;
19412    line-height: calc(20 / 14);
19413    color: #181D20;
19414    overflow: hidden;
19415    text-overflow: ellipsis;
19416    white-space: nowrap;
19417}
19418.ctrl-utility__category {
19419    margin-top: 2px;
19420    font-size: 10px;
19421    line-height: calc(16 / 10);
19422    letter-spacing: 0.005em;
19423    overflow: hidden;
19424    text-overflow: ellipsis;
19425    white-space: nowrap;
19426    color: var(--catcolor, gray);
19427}
19428.ctrl-utility__category_color_orange {
19429    --catcolor: #F66213;
19430}
19431.ctrl-utility__category_color_purple {
19432    --catcolor: #D61C4E;
19433}
19434.ctrl-utility__category_color_blue {
19435    --catcolor: #1C67CA;
19436}
19437.ctrl-utility__category_color_green {
19438    --catcolor: #247881;
19439}
19440.ctrl-utility__description {
19441    grid-column: span 2;
19442    margin-top: 8px;
19443    font-size: 10px;
19444    line-height: calc(16 / 10);
19445    letter-spacing: .005em;
19446    color: #707375;
19447}
19448.ctrl-utility__button-open {
19449    position: absolute;
19450    top: 0;
19451    left: 0;
19452    width: 100%;
19453    height: 100%;
19454    opacity: 0;
19455}
19456.ctrl-utility__button-feature {
19457    position: absolute;
19458    top: 12px;
19459    right: 12px;
19460    width: 24px;
19461    height: 24px;
19462    padding: 5px;
19463    border-radius: 50%;
19464    color: #E2464C;
19465    background-color: #FCE9EA;
19466}
19467
19468.ctrl-utility_with_button {}
19469.ctrl-utility_with_button .ctrl-utility__name,
19470.ctrl-utility_with_button .ctrl-utility__category {
19471    margin-right: 28px;
19472}
19473@media (min-width: 1200px) {
19474    .ctrl-utility__icon-box {
19475        width: 48px;
19476        height: 48px;
19477    }
19478    .ctrl-utility__name {
19479        margin-top: 3px;
19480        font-size: 16px;
19481        line-height: calc(22 / 16);
19482    }
19483    .ctrl-utility__category,
19484    .ctrl-utility__description {
19485        font-size: 12px;
19486        line-height: calc(18 / 12);
19487    }
19488    .ctrl-utility__description {
19489        margin-top: 12px;
19490    }
19491}
19492
19493.user-favorite {}
19494.user-favorite__group {}
19495.user-favorite__item,
19496.user-favorite .element-tools {
19497    margin-bottom: 12px;
19498}
19499.user-favorite__item:last-child,
19500.user-favorite .element-tools:last-child {
19501    margin-bottom: 0;
19502}
19503@media (min-width: 576px) {
19504    .user-favorite__group {
19505        display: flex;
19506        flex-wrap: wrap;
19507        margin: -5px
19508    }
19509    .user-favorite__item,
19510    .user-favorite .element-tools {
19511        margin: 5px;
19512        width: calc(100% / 2 - 5px * 2);
19513    }
19514    .user-favorite__item:last-child {
19515        margin: 5px;
19516    }
19517}
19518@media (min-width: 1025px) {
19519    .user-favorite__item,
19520    .user-favorite .element-tools {
19521        width: calc(100% / 3 - 5px * 2);
19522    }
19523}
19524
19525.user-favorite .element-tools {
19526    border-radius: 12px;
19527    background-color: #fff;
19528    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19529}
19530.user-favorite .element-tools .icon_box {
19531    width: 40px;
19532    height: 40px;
19533    padding: 12px;
19534    margin-right: 10px;
19535    margin-bottom: 10px;
19536}
19537.user-favorite .element-tools .tools_box h4 {
19538    margin-top: 0;
19539    margin-bottom: 0;
19540    font-weight: 600;
19541    font-size: 14px;
19542    line-height: calc(20 / 14);
19543    color: #181D20;
19544}
19545.user-favorite .element-tools .catalog-box__tag {
19546    font-weight: 400;
19547    font-size: 10px;
19548    line-height: calc(16 / 10);
19549    letter-spacing: .005em;
19550}
19551.user-favorite .element-tools .tools_box p {
19552    font-size: 10px;
19553    line-height: calc(16 / 10);
19554    letter-spacing: .005em;
19555    color: #707375;
19556}
19557@media (min-width: 1200px) {
19558    .user-favorite .element-tools .icon_box {
19559        width: 48px;
19560        height: 48px;
19561    }
19562    .user-favorite .element-tools .tools_box h4 {
19563        font-size: 16px;
19564        line-height: calc(22 / 16);
19565    }
19566    .user-favorite .element-tools .catalog-box__tag {
19567        font-size: 12px;
19568        line-height: calc(17 / 12);
19569    }
19570    .user-favorite .element-tools .tools_box p {
19571        font-size: 12px;
19572        line-height: calc(17 / 12);
19573    }
19574}
19575
19576
19577.grid-user {
19578    padding-top: 64px;
19579    padding-bottom: 80px;
19580}
19581
19582.grid-user__summary {
19583    margin-bottom: 20px;
19584}
19585
19586@media (min-width: 768px) {
19587    .grid-user {
19588        display: grid;
19589        grid-template-columns: auto 1fr;
19590        grid-column-gap: 20px;
19591        align-items: self-start;
19592    }
19593    .grid-user__summary {
19594        position: sticky;
19595        top: 20px;
19596        width: 260px;
19597        margin-bottom: 0;
19598    }
19599    .grid-user__settings {
19600        min-width: 0;
19601    }
19602}
19603
19604@media (min-width: 1200px) {
19605    .grid-user {
19606        padding-top: 48px;
19607        padding-bottom: 150px;
19608    }
19609    .grid-user__summary {
19610        width: 295px;
19611    }
19612}
19613
19614.ctrl-switcher-type {
19615    position: relative;
19616    display: inline-flex;
19617    align-items: center;
19618    font-weight: 400;
19619    color: #707375;
19620}
19621.ctrl-switcher-type__field {
19622    position: absolute;
19623    top: 0;
19624    left: 0;
19625    opacity: 0;
19626    cursor: pointer;
19627}
19628.ctrl-switcher-type__visual {
19629    position: relative;
19630    display: inline-block;
19631    vertical-align: middle;
19632    width: 40px;
19633    height: 24px;
19634    margin-right: 8px;
19635    margin-left: 8px;
19636    border-radius: 99px;
19637    background-color: #1CAB48;
19638    cursor: pointer;
19639    user-select: none;
19640}
19641.ctrl-switcher-type__visual::before {
19642    content: "";
19643    position: absolute;
19644    top: 4px;
19645    left: 4px;
19646    width: 16px;
19647    height: 16px;
19648    border-radius: 50%;
19649    background-color: #fff;
19650    transition-property: left;
19651    transition-duration: .125s;
19652    transition-timing-function: ease-in-out;
19653}
19654.ctrl-switcher-type__label {
19655    cursor: pointer;
19656    user-select: none;
19657}
19658.ctrl-switcher-type__label_default {
19659    order: -1;
19660    color: #181D20;
19661    font-weight: 500;
19662}
19663.ctrl-switcher-type__label_checked {}
19664.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__visual::before {
19665    left: 20px;
19666}
19667.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_default {
19668    font-weight: 400;
19669    color: #707375;
19670}
19671.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_checked {
19672    font-weight: 500;
19673    color: #181D20;
19674}
19675
19676.subscription-type {
19677    display: inline-flex;
19678    align-items: center;
19679}
19680.subscription-type__switcher {
19681    flex-shrink: 0;
19682}
19683.subscription-type__sale {
19684    flex-shrink: 0;
19685    padding: 5px;
19686    border-radius: 99px;
19687    font-weight: 500;
19688    font-size: 80%;
19689    line-height: 1;
19690    text-transform: uppercase;
19691    color: #E2464C;
19692    background-color: #FBE8E9;
19693    margin-left: 10px;
19694}
19695
19696.subscription-summary {}
19697.subscription-summary__group {}
19698.subscription-summary__item {
19699    display: flex;
19700    flex-wrap: wrap;
19701    align-items: center;
19702    font-size: 12px;
19703    line-height: calc(18 / 12);
19704    letter-spacing: .005em;
19705    color: #181D20;
19706}
19707.subscription-summary__item:not(:last-child) {
19708    margin-bottom: 16px;
19709}
19710.subscription-summary__label {
19711    margin-right: 10px;
19712    flex-grow: 1;
19713}
19714.subscription-summary__label_main {
19715    font-weight: 600;
19716    font-size: 14px;
19717    line-height: calc(20 / 14);
19718}
19719.subscription-summary__value {
19720    margin-left: auto;
19721    font-weight: 600;
19722}
19723.subscription-summary__value_total {
19724    color: #1A8FE3;
19725}
19726.subscription-summary__value_switcher {
19727    width: 100%;
19728    margin-top: 8px;
19729}
19730
19731@media (min-width: 768px) {
19732    .subscription-summary__item {
19733        font-size: 14px;
19734        line-height: calc(20 / 14);
19735        letter-spacing: normal;
19736    }
19737    .subscription-summary__label_main {
19738        font-size: 16px;
19739        line-height: calc(24 / 16);
19740    }
19741    .subscription-summary__value_switcher {
19742        width: auto;
19743        margin-top: auto;
19744    }
19745}
19746
19747.user-settings-upload {}
19748.user-settings-upload__avatar-default {
19749    margin-left: auto;
19750    margin-right: auto;
19751}
19752.user-settings-upload__actions {
19753    margin-top: 16px;
19754    display: flex;
19755    justify-content: center;
19756}
19757.user-settings-upload__button {
19758    min-width: 120px;
19759    margin-right: 8px;
19760}
19761.user-settings-upload__button:last-child {
19762    margin-right: 0;
19763}
19764
19765.ctrl-check-card {
19766    position: relative;
19767    display: inlin-flex;
19768    align-items: center;
19769    cursor: pointer;
19770}
19771.ctrl-check-card__field {
19772    position: absolute;
19773    top: 0;
19774    left: 0;
19775    opacity: 0;
19776}
19777
19778.ctrl-check-card__visual {
19779    width: 20px;
19780    height: 20px;
19781    margin-right: 8px;
19782    border-width: 1px;
19783    border-style: solid;
19784    border-color: #E3E3E4;
19785    border-radius: 50%;
19786}
19787.ctrl-check-card__field:checked ~ .ctrl-check-card__visual {
19788    border-width: 5px;
19789    border-color: #1A8FE3;
19790}
19791
19792.card-dropdown {}
19793.card-dropdown__toggle {
19794    display: flex;
19795    align-items: center;
19796    padding: 8px;
19797    width: 100%;
19798    border-radius: 8px;
19799    border-width: 1px;
19800    border-style: solid;
19801    border-color: #E3E3E4;
19802    text-align: left;
19803    background-color: #fff;
19804}
19805.card-dropdown__toggle::after {
19806    content: none;
19807}
19808.card-dropdown__toggle-card {
19809    margin-right: auto;
19810}
19811.card-dropdown__toggle-text {
19812    display: none;
19813    margin-right: 5px;
19814    font-weight: 500;
19815    font-size: 14px;
19816    line-height: calc(20 / 14);
19817    color: #1A8FE3;
19818}
19819.card-dropdown__icon-dropdown {
19820    width: 12px;
19821    height: 12px;
19822    color: #1A8FE3;
19823    transform: var(--icon-transform);
19824}
19825.card-dropdown .dropdown-menu {
19826    width: 100%;
19827    padding: 8px;
19828    border-width: 0;
19829    border-radius: 8px;
19830    background-color: #fff;
19831    box-shadow: var(--shadow-1);
19832}
19833label.ctrl-check-card.card-dropdown__item {
19834    display: flex;
19835    margin-bottom: 16px;
19836}
19837label.ctrl-check-card.card-dropdown__item:last-child {
19838    margin-bottom: 0;
19839}
19840.card-dropdown.show {
19841    --icon-transform: rotate(180deg);
19842}
19843@media (min-width: 1200px){
19844    .card-dropdown__toggle-text {
19845        display: block;
19846    }
19847}
19848
19849.custom-modal {}
19850.custom-modal .modal-content {
19851    border-width: 0;
19852    background-color: #fff;
19853    border-radius: 12px;
19854    box-shadow: 3px 10px 40px rgba(24, 29, 32, .05);
19855}
19856.custom-modal .modal-header {
19857    padding: 16px;
19858    border-bottom-width: 0;
19859    border-top-left-radius: 12px;
19860    border-top-right-radius: 12px;
19861}
19862.custom-modal .modal-title {
19863    font-weight: 700;
19864    font-size: 16px;
19865    line-height: calc(24 / 16);
19866    color: #181D20;
19867}
19868.custom-modal .modal-body {
19869    padding: 0 16px;
19870}
19871.custom-modal .modal-footer {
19872    padding: 16px;
19873    border-top-width: 0;
19874}
19875
19876.custom-modal .modal-footer__note {
19877    width: 100%;
19878    font-style: italic;
19879    font-size: 12px;
19880    line-height: 16px;
19881    letter-spacing: .005em;
19882    color: #181D20;
19883    text-align: center;
19884    margin-bottom: 8px;
19885}
19886.custom-modal .modal-footer_buttons_2 {}
19887.custom-modal .modal-footer_buttons_2 .ctrl-button {
19888    flex-grow: 1;
19889    flex-basis: 30%;
19890}
19891@media (min-width: 768px) {
19892    .custom-modal .modal-dialog {
19893        max-width: 668px;
19894    }
19895    .custom-modal .modal-header {
19896        padding: 24px;
19897    }
19898    .custom-modal .modal-title {
19899        font-size: 24px;
19900        line-height: calc(34 / 24);
19901    }
19902    .custom-modal .modal-body {
19903        padding-right: 24px;
19904        padding-left: 24px;
19905    }
19906    .custom-modal .modal-footer {
19907        padding: 24px;
19908    }
19909    .custom-modal .modal-footer__note {
19910        width: auto;
19911        flex-grow: 1;
19912        text-align: left;
19913    }
19914    .custom-modal .modal-footer_buttons_2 .ctrl-button {
19915        flex-grow: 0;
19916        flex-basis: 152px;
19917    }
19918}
19919
19920.custom-confirmation {}
19921.custom-confirmation .modal-content {
19922    max-width: 400px;
19923    margin: auto;
19924}
19925.custom-confirmation .modal-header {
19926    padding-bottom: 0;
19927    display: block;
19928    text-align: center;
19929}
19930.custom-confirmation .modal-header__icon-box {
19931    width: 80px;
19932    height: 80px;
19933    padding: 20px;
19934    margin-right: auto;
19935    margin-bottom: 24px;
19936    margin-left: auto;
19937    border-radius: 50%;
19938    color: #fff;
19939    background-color: #E2464C;
19940}
19941.custom-confirmation .modal-header__icon {
19942    display: block;
19943    width: 100%;
19944    height: 100%;
19945}
19946
19947.custom-confirmation .modal-body {
19948    color: #828586;
19949    text-align: center;
19950}
19951.custom-confirmation .modal-footer_buttons_2 .ctrl-button {
19952    flex-grow: 1;
19953}
19954
19955@media (min-width: 768px) {
19956
19957}
19958
19959.modal-add-new-card .custom-form {
19960    margin-bottom: -16px;
19961}
19962
19963.modal-order-summary .subscription-summary {
19964    padding-top: 16px;
19965    margin-top: 16px;
19966    border-top-width: 1px;
19967    border-top-style: solid;
19968    border-top-color: #E3E3E4;
19969}
19970
19971.modal-edit-profile .user-settings-upload {
19972    margin-bottom: 24px;
19973}
19974
19975/* custom-datepicker */
19976.custom-datepicker {}
19977.custom-datepicker .form-control.is-valid {
19978    background-image: none;
19979}
19980.custom-datepicker .b-form-datepicker {
19981    border-width: 0;
19982    padding: 0;
19983}
19984.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] {
19985    position: absolute;
19986    top: 0;
19987    left: 0;
19988    border: 0;
19989    height: 100% !important;
19990    color: #707375;
19991    outline: none;
19992    box-shadow: none;
19993}
19994
19995.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] > svg {
19996    margin-top: -2px;
19997}
19998
19999.custom-datepicker .b-form-datepicker > .form-control {
20000    padding-left: 38px;
20001}
20002
20003.custom-datepicker .dropdown-menu {
20004    padding-top: 4px;
20005    padding-bottom: 0;
20006}
20007
20008.custom-datepicker .b-calendar-inner {
20009    width: auto !important;
20010}
20011
20012.custom-datepicker .b-calendar-nav {
20013    padding-right: 4px;
20014    padding-left: 4px;
20015}
20016
20017.custom-datepicker .b-calendar-grid-caption {
20018    padding: 4px;
20019}
20020
20021.custom-datepicker .b-calendar-grid {
20022    margin: 4px;
20023    width: calc(32px * 7 + 2px);
20024    border-radius: 4px;
20025    padding: 0;
20026    overflow: hidden;
20027}
20028
20029.custom-datepicker .b-calendar-grid .row {
20030    margin-right: 0;
20031    margin-left: 0;
20032}
20033
20034.custom-datepicker .b-calendar-grid .btn {
20035    font-size: 12px;
20036    padding: 0;
20037    width: 32px;
20038    height: 32px;
20039    display: flex;
20040    align-items: center;
20041    justify-content: center;
20042}
20043
20044/* modal-upgrade */
20045.modal-upgrade {
20046    background: #fff;
20047}
20048
20049.modal-upgrade .modal-dialog {
20050    max-width: 100%;
20051    height: 100%;
20052    margin: -1px 0 0;
20053}
20054
20055.modal-upgrade .modal-content {
20056    border-radius: 0;
20057    height: inherit;
20058    border: none;
20059}
20060
20061.modal-upgrade .modal-header {
20062    border: none;
20063    padding: 104px 24px 0;
20064    display: block;
20065}
20066
20067.modal-upgrade .modal-header .close {
20068    margin: 0;
20069    padding: 7px 8px;
20070    border-radius: 8px;
20071    border: 1px solid #E3E3E5;
20072    opacity: 1;
20073    position: absolute;
20074    top: 24px;
20075    right: 100px;
20076}
20077
20078.modal-upgrade .modal-title {
20079    color: #181D20;
20080    font-weight: bold;
20081    font-size: 40px;
20082    flex-grow: 1;
20083    text-align: center;
20084    margin-bottom: 12px;
20085}
20086
20087.modal-upgrade .modal-header p {
20088    color: #525658;
20089    text-align: center;
20090    font-size: 16px;
20091    font-weight: 400;
20092    line-height: 24px;
20093}
20094
20095.modal-upgrade .modal-body {
20096    padding: 0 24px 60px;
20097}
20098
20099.dark-mode .modal-upgrade .modal-title,
20100.dark-mode .our-plans_title,
20101.dark-mode .our-plans .btn-secondary,
20102.dark-mode .our-plans .show>.btn-secondary.dropdown-toggle {
20103    color: #fff;
20104}
20105
20106.dark-mode .modal-upgrade .modal-header p,
20107.dark-mode .our-plans_price-note {
20108    color: #c9cacb;
20109}
20110
20111.dark-mode .upgrade-tools .tools_box {
20112    background-color: #273744;
20113}
20114
20115.dark-mode .our-plans .form-check-label {
20116    background-color: #273744;
20117    color: #fff;
20118}
20119
20120.dark-mode .our-plans .dropdown-toggle::after {
20121    border-right: 2px solid #fff;
20122    border-bottom: 2px solid #fff;
20123}
20124
20125.our-plans {
20126    margin-top: 56px;
20127    max-width: 480px;
20128    margin-left: auto;
20129    margin-right: auto;
20130}
20131
20132.our-plans_title {
20133    color: #181D20;
20134    font-size: 18px;
20135    font-weight: 600;
20136    line-height: 26px;
20137}
20138
20139.our-plans_group {}
20140
20141.our-plans .form-check {
20142    margin-top: 16px;
20143    margin-right: 0;
20144    display: block;
20145}
20146
20147.our-plans .form-check-label {
20148    display: flex;
20149    align-items: center;
20150    justify-content: space-between;
20151    color: #181D20;
20152    cursor: pointer;
20153    background: #FFF;
20154    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
20155    border: 1px solid transparent;
20156    transition: border-color .2s linear;
20157    padding: 24px;
20158    border-radius: 8px;
20159}
20160
20161.our-plans .form-check-input:checked+.form-check-label {
20162    border-color: #1A8FE3;
20163}
20164
20165.our-plans .form-check-input:checked+.form-check-label .our-plans_check {
20166    border-color: #1A8FE3;
20167    background-color: #1A8FE3;
20168}
20169
20170.our-plans .form-check-input:checked+.form-check-label .our-plans_check svg {
20171    opacity: 1;
20172}
20173
20174.our-plans_name {
20175    display: flex;
20176    align-items: center;
20177    font-size: 18px;
20178    font-weight: 600;
20179    max-width: 50%;
20180}
20181
20182.our-plans_check {
20183    margin-right: 16px;
20184    width: 24px;
20185    height: 24px;
20186    border: 1px solid #E3E3E4;
20187    color: #fff;
20188    border-radius: 100%;
20189    flex-shrink: 0;
20190    display: flex;
20191    align-items: center;
20192    justify-content: center;
20193    transition: border-color, background-color .2s linear;
20194}
20195.our-plans_check svg {
20196    width: 14px;
20197    height: 14px;
20198    opacity: 0;
20199    transition: opacity .2s linear;
20200}
20201
20202.our-plans .form-check-input {
20203    position: absolute;
20204    opacity: 0;
20205    visibility: hidden;
20206}
20207
20208.our-plans .form-group {
20209    margin: 0;
20210}
20211
20212.our-plans .btn-secondary {
20213    padding: 0;
20214    background-color: transparent;
20215    border: none;
20216    color: #181D20;
20217    text-align: left;
20218    font-weight: 600;
20219    font-size: 18px;
20220    display: flex;
20221    justify-content: space-between;
20222    align-items: center;
20223}
20224
20225.our-plans .dropdown .btn-secondary:focus {
20226    border: none;
20227    outline: 0;
20228    box-shadow: none;
20229}
20230
20231.our-plans .dropdown .btn-secondary:active {
20232    background-color: transparent;
20233    border: none;
20234    color: #181D20;
20235    box-shadow: none;
20236}
20237
20238.our-plans .show>.btn-secondary.dropdown-toggle {
20239    background-color: transparent;
20240    color: #181D20;
20241}
20242
20243.our-plans .show>.btn-secondary.dropdown-toggle:focus {
20244    box-shadow: none;
20245}
20246
20247.our-plans .dropdown-toggle::after {
20248    content: "";
20249    width: 9px;
20250    height: 9px;
20251    border-right: 2px solid #181D20;
20252    border-bottom: 2px solid #181D20;
20253    border-top: none;
20254    border-left: none;
20255    transform: rotate(45deg);
20256    z-index: 3;
20257    margin-left: 8px;
20258    border-radius: 0 0 3px 0;
20259}
20260
20261.our-plans .dropdown-menu {
20262    width: 100%;
20263    box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
20264    border-radius: 6px;
20265    padding: 7px;
20266    border: none;
20267    margin-top: 8px;
20268}
20269
20270.our-plans .dropdown-item {
20271    padding: 5px;
20272    font-size: 14px;
20273    line-height: 21px;
20274    color: #707375;
20275    margin-top: 11px;
20276}
20277
20278.our-plans .dropdown-item:first-child {
20279    margin-top: 0;
20280}
20281
20282.our-plans_price {
20283    text-align: right;
20284}
20285
20286.our-plans_price-number {
20287    font-size: 24px;
20288    font-weight: 700;
20289    line-height: 32px;
20290}
20291
20292.our-plans_price-note {
20293    display: block;
20294    color: #707375;
20295    font-size: 12px;
20296    letter-spacing: 0.06px;
20297}
20298
20299.our-plans .button {
20300    display: block;
20301    margin-top: 16px;
20302}
20303
20304.upgrade-tools {
20305    margin-top: 56px;
20306    padding: 0;
20307    background-color: transparent;
20308}
20309
20310.upgrade-tools .tools_box {
20311    border-radius: 8px;
20312    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
20313}
20314
20315.upgrade-tools .tools_box .icon_box {
20316    float: none;
20317    margin-bottom: 10px;
20318}
20319
20320.catalog-box .icon_box {
20321    width: 40px;
20322    height: 40px;
20323    border-radius: 8px;
20324}
20325
20326.upgrade-tools .tools_box h4 {
20327    font-size: 18px;
20328}
20329
20330.upgrade-tools .tools_box p {
20331    color: #707375;
20332    font-size: 12px;
20333    font-weight: 400;
20334    letter-spacing: 0.06px;
20335}
20336
20337@media (max-width: 767px) {
20338
20339    .modal-upgrade .modal-header {
20340        padding-left: 40px;
20341        padding-right: 40px;
20342    }
20343
20344    .modal-upgrade .modal-title {
20345        font-size: 28px;
20346        margin-bottom: 4px;
20347    }
20348
20349    .modal-upgrade .modal-header p {
20350        font-size: 12px;
20351    }
20352
20353    .modal-upgrade .modal-header .close {
20354        top: 24px;
20355        right: 24px;
20356    }
20357
20358    .our-plans {
20359        margin-top: 40px;
20360    }
20361
20362    .our-plans_title {
20363        font-size: 16px;
20364    }
20365
20366    .our-plans .btn-secondary {
20367        font-size: 14px;
20368    }
20369
20370    .our-plans .dropdown-toggle::after {
20371        margin-top: -4px;
20372        width: 8px;
20373        height: 8px;
20374    }
20375
20376    .our-plans_price-number {
20377        font-size: 18px;
20378        line-height: 26px;
20379    }
20380
20381    .our-plans_price-note {
20382        font-size: 10px;
20383    }
20384
20385    .upgrade-tools {
20386        margin-left: -15px;
20387        margin-right: -15px;
20388        margin-top: 40px;
20389    }
20390
20391    .upgrade-tools .tools_box h4 {
20392        font-size: 16pz;
20393    }
20394
20395}
20396
20397@media (max-width: 1199px) {
20398    .upgrade-tools .catalog-box .tools_box p {
20399        display: block;
20400    }
20401}
20402
20403
20404/* modal-out-of-content */
20405.modal-out-of-content {}
20406
20407.modal-out-of-content .modal-dialog {
20408    max-width: 410px;
20409}
20410
20411.modal-out-of-content .modal-content {
20412    border-radius: 14px;
20413}
20414
20415.modal-out-of-content .modal-icon {
20416    width: 64px;
20417    height: 64px;
20418    margin-left: auto;
20419    margin-right: auto;
20420    margin-bottom: 24px;
20421    background-color: #FBE8E9;
20422    border-radius: 50%;
20423    font-size: 30px;
20424    display: flex;
20425    align-items: center;
20426    justify-content: center;
20427}
20428
20429.modal-out-of-content .modal-header {
20430    border: none;
20431    padding: 24px 24px 0;
20432    display: block;
20433    text-align: center;
20434}
20435
20436.modal-out-of-content .modal-header strong {
20437    font-weight: 500;
20438    color: #181D20;
20439}
20440
20441.modal-out-of-content .modal-title {
20442    color: #181D20;
20443    font-weight: 700;
20444    font-size: 24px;
20445    flex-grow: 1;
20446    margin-bottom: 16px;
20447}
20448
20449.modal-header p {
20450    color: #707375;
20451}
20452
20453.modal-out-of-content .modal-body {
20454    padding: 24px;
20455}
20456
20457.modal-out-of-content .modal-actions {
20458    justify-content: center;
20459}
20460
20461.modal-out-of-content .modal-actions .btn-action {
20462    max-width: 120px;
20463    margin-left: 4px;
20464    margin-right: 4px;
20465    font-size: 16px;
20466    font-weight: 600;
20467    border-radius: 8px;
20468}
20469
20470@media (max-width: 767px) {
20471
20472    .modal-out-of-content .modal-icon {
20473        width: 56px;
20474        height: 56px;
20475        font-size: 24px;
20476        margin-bottom: 8px;
20477    }
20478
20479    .modal-out-of-content .modal-title {
20480        font-size: 18px;
20481    }
20482
20483    .modal-header p {
20484        font-size: 12px;
20485    }
20486
20487    .modal-out-of-content .modal-actions .btn-action {
20488        max-width: inherit;
20489    }
20490}
20491
20492.dark-mode .modal-out-of-content .modal-title {
20493    color: #fff;
20494}
20495
20496.dark-mode .modal-header p {
20497    color: #c9cacb;
20498}
20499
20500.dark-mode .modal-out-of-content .modal-header strong {
20501    color: #fff;
20502}
20503/* .credits-remaining */
20504.credits-remaining {
20505    border-radius: 4px;
20506    background: #FDF7E2;
20507    padding: 8px;
20508    color: #181D20;
20509    margin-bottom: 16px;
20510}
20511
20512.credits-remaining__group {
20513    display: flex;
20514    align-items: center;
20515}
20516
20517.credits-remaining__icon {
20518    color: #EFBE1F;
20519    flex-shrink: 0;
20520}
20521
20522.credits-remaining__info {
20523    margin-left: 6px;
20524    flex-grow: 1;
20525    line-height: 1.2;
20526}
20527
20528.credits-remaining__text {
20529    font-size: 12px;
20530    letter-spacing: 0.06px;
20531    font-weight: 500;
20532}
20533
20534.credits-remaining__text--note {
20535    color: #707375;
20536    font-weight: 400;
20537    display: block;
20538}
20539
20540.credits-remaining__button {
20541    border-radius: 8px;
20542    background-color: #EFBE1F;
20543    box-shadow: 8px 8px 32px 0px rgba(239, 190, 31, 0.24);
20544    border: none;
20545    padding: 8px;
20546    color: #FFF;
20547    font-size: 12px;
20548    font-weight: 500;
20549    line-height: 1.2;
20550    letter-spacing: 0.06px;
20551}
20552
20553.credits-remaining__button:hover {
20554    background-color: #d7a709;
20555    color: #FFF;
20556}
20557
20558.credits-remaining__button--link {
20559    background-color: transparent;
20560    box-shadow: none;
20561    padding: 0;
20562    text-decoration: underline;
20563    color: #EFBE1F;
20564    border-radius: 0;
20565}
20566
20567.credits-remaining__button--link:hover {
20568    background-color: transparent;
20569    color: #EFBE1F;
20570    text-decoration: none;
20571}
20572
20573.credits-remaining--big {
20574    max-width: 360px;
20575    margin-left: auto;
20576    margin-right: auto;
20577    padding: 12px;
20578}
20579
20580.credits-remaining--big .credits-remaining__info {
20581    display: flex;
20582    justify-content: space-between;
20583    align-items: center;
20584    margin-left: 8px;
20585}
20586
20587.credits-remaining--big .credits-remaining__text {
20588    font-size: 14px;
20589}
20590
20591.credits-remaining--big .credits-remaining__icon {
20592    width: 24px;
20593    height: 24px;
20594}
20595
20596@media (max-width: 960px) {
20597
20598    .sticky-sidebar .credits-remaining {
20599        display: none;
20600    }
20601}
20602
20603@media (max-width: 767px) {
20604
20605    .credits-remaining--big .credits-remaining__text {
20606        font-size: 12px;
20607    }
20608
20609    .credits-remaining__button {
20610        font-size: 10px;
20611    }
20612}
20613
20614/* .toast */
20615.toast {
20616    opacity: 1;
20617    border-radius: 8px;
20618    background: #E3F1FB;
20619    padding: 12px 48px 12px 12px;
20620    max-width: 565px;
20621    margin-left: auto;
20622    margin-right: auto;
20623    border: none;
20624    box-shadow: none;
20625    text-align: left;
20626    font-size: 14px;
20627    font-weight: 500;
20628    color: #181D20;
20629    position: relative;
20630}
20631
20632.toast-body {
20633    padding: 0;
20634}
20635
20636.toast-body__icon {
20637    padding-right: 8px;
20638}
20639
20640.toast-body a {
20641    text-decoration: underline;
20642    color: #1A8FE3;
20643}
20644
20645.toast-body a:hover {
20646    text-decoration: none;
20647}
20648
20649.toast .close {
20650    color: #181D20;
20651    position: absolute;
20652    right: 12px;
20653    top: 50%;
20654    transform: translateY(-50%);
20655    opacity: 1;
20656}
20657
20658.toast--sticky {
20659    position: fixed;
20660    left: 0;
20661    right: 0;
20662    bottom: 0;
20663    z-index: 99;
20664    max-width: 100%;
20665    margin-bottom: 0;
20666    background: #1A8FE3;
20667    box-shadow: 0px -5px 40px 0px rgba(26, 143, 227, 0.16);
20668    border-radius: 0;
20669    padding-left: 48px;
20670    padding-top: 16px;
20671    padding-bottom: 16px;
20672    text-align: center;
20673    color: #fff;
20674    font-size: 16px;
20675}
20676
20677.toast__button {
20678    padding: 8px 16px;
20679    border-radius: 8px;
20680    background: #FFF;
20681    font-size: 12px;
20682    color: #1A8FE3;
20683    margin-left: 16px;
20684}
20685
20686.toast--sticky .close {
20687    color: #fff;
20688    right: 16px;
20689}
20690
20691.toast:not(:last-child) {
20692    margin-bottom: 0;
20693}
20694
20695@media (max-width: 767px) {
20696    .toast--sticky {
20697        font-size: 14px;
20698    }
20699
20700    .toast__button {
20701        display: block;
20702        margin-top: 8px;
20703        margin-left: auto;
20704        margin-right: auto;
20705    }
20706}
20707
20708/* .ctrl-modal */
20709.ctrl-modal {}
20710
20711.ctrl-modal .modal-content {
20712    border-radius: 12px;
20713}
20714
20715.ctrl-modal .modal-header {
20716    border: none;
20717    padding: 24px 24px 0;
20718    display: block;
20719    text-align: center;
20720}
20721
20722.ctrl-modal .modal-title {
20723    color: #181D20;
20724    font-weight: 700;
20725    font-size: 24px;
20726    flex-grow: 1;
20727    margin-bottom: 8px;
20728}
20729
20730.ctrl-modal .modal-header .close {
20731    margin: 0 29px 0 0;
20732    padding: 0;
20733}
20734
20735.ctrl-modal p {
20736    color: #707375;
20737}
20738
20739.ctrl-modal .modal-body {
20740    padding: 24px;
20741}
20742
20743.dark-mode .ctrl-modal .modal-title {
20744    color: #fff;
20745}
20746
20747.dark-mode .ctrl-modal .modal-header p {
20748    color: #c9cacb;
20749}
20750
20751.dark-mode .ctrl-modal .modal-header strong {
20752    color: #fff;
20753}
20754
20755@media (max-width: 767px) {
20756
20757    .ctrl-modal .modal-title {
20758        font-size: 18px;
20759    }
20760
20761    .ctrl-modal .modal-header p {
20762        font-size: 12px;
20763    }
20764
20765    .ctrl-modal .modal-actions .btn-action {
20766        max-width: inherit;
20767    }
20768}
20769
20770
20771/* .modal-content-machine */
20772.modal-content-machine {}
20773
20774.modal-content-machine .modal-dialog {
20775    max-width: 488px;
20776}
20777
20778.modal-content-machine .modal-header {
20779    padding-left: 84px;
20780    padding-right: 84px;
20781}
20782
20783.modal-content-machine .modal-body {
20784    padding: 16px 24px 24px 24px;
20785}
20786
20787.modal-content-machine .btn-action {
20788    margin-top: 8px;
20789    font-size: 16px;
20790    font-weight: 600;
20791}
20792
20793.modal-content-machine .btn-action--gray {
20794    color: #1A8FE3;
20795    border: none;
20796    background-color: #F6FBFE;
20797}
20798
20799.content-machine {
20800    border-radius: 8px;
20801    background: #F6F6F6;
20802    padding-top: 16px;
20803    padding-left: 16px;
20804    padding-right: 16px;
20805    margin-bottom: 24px;
20806}
20807
20808.content-machine img {
20809    box-shadow: 1.22892px 4.09639px 16.38554px 0px rgba(24, 29, 32, 0.05);
20810}
20811
20812@media (max-width: 767px) {
20813    .modal-content-machine .modal-header {
20814        padding-left: 24px;
20815        padding-right: 24px;
20816    }
20817}
20818
20819/* .chat-bot */
20820.chat-bot {
20821    border-radius: 12px;
20822    background-color: #FFF;
20823    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
20824    color: #181D20;
20825}
20826
20827.chat-bot__box {
20828    display: flex;
20829    min-height: 504px;
20830}
20831
20832.chat-bot__sidebar {
20833    border-right: 1px solid #E3E3E4;
20834    padding: 16px;
20835    width: 240px;
20836    flex-shrink: 0;
20837    box-sizing: border-box;
20838}
20839
20840.chat-bot__sidebar-button {
20841    width: 100%;
20842    font-size: 14px;
20843}
20844
20845.chat-bot__sidebar-button svg {
20846    margin-right: 6px;
20847}
20848
20849.chat-bot__recent {
20850    margin-top: 16px;
20851    height: calc(100% - 65px);
20852}
20853
20854.chat-bot__recent-title {
20855    font-size: 16px;
20856    font-weight: 500;
20857}
20858
20859.chat-bot__recent-button {
20860    display: none;
20861}
20862
20863.chat-bot__recent-button .icon-arrow {
20864    transform: rotate(-90deg);
20865}
20866
20867.chat-bot__recent-button .icon-cross {
20868    display: none;
20869}
20870
20871.chat-bot__recent-content {
20872    margin-left: -8px;
20873    margin-right: -10px;
20874    padding-right: 6px;
20875    height: 388px;
20876    /*height: calc(100% - 25px);*/
20877}
20878
20879.chat-bot__recent-item {
20880    display: flex;
20881    align-items: center;
20882    font-size: 12px;
20883    padding: 8px;
20884    margin-top: 6px;
20885    border-radius: 8px;
20886    cursor: pointer;
20887}
20888
20889.chat-bot__recent-item:hover {
20890    background-color: #F6F6F6;
20891}
20892
20893.chat-bot__recent-item svg {
20894    flex-shrink: 0;
20895}
20896
20897.chat-bot__recent-item span {
20898    margin-left: 10px;
20899    flex-grow: 1;
20900    text-overflow: ellipsis;
20901    white-space: nowrap;
20902    overflow: hidden;
20903}
20904
20905.chat-bot__body {
20906    padding: 16px;
20907    display: flex;
20908    flex-direction: column;
20909    justify-content: space-between;
20910    flex-grow: 1;
20911    color: #181D20;
20912}
20913
20914.chat-bot__content {
20915    flex-grow: 1;
20916    display: flex;
20917    align-items: center;
20918    justify-content: center;
20919    border-radius: 12px;
20920}
20921
20922.chat-bot__content.custom-scroll {
20923    margin-right: -9px;
20924    padding-right: 8px;
20925    align-items: flex-start;
20926    max-height: 500px;
20927}
20928
20929.chat-bot__content.custom-scroll .dialog {
20930    height: auto;
20931}
20932
20933.chat-bot__action {
20934    display: flex;
20935    margin-top: 16px;
20936}
20937
20938.chat-bot__action--simple {
20939    width: 100%;
20940    margin-top: 24px;
20941}
20942
20943.chat-bot__action--multiple {
20944    align-items: center;
20945}
20946
20947.chat-bot__action--multiple .chat-bot__send {
20948    flex-wrap: wrap;
20949}
20950
20951.chat-bot__action--multiple .form-control {
20952    max-width: 96.5%;
20953}
20954
20955.chat-bot__action--multiple .chat-bot__upload {
20956    align-self: flex-end;
20957    margin-bottom: 4px;
20958}
20959
20960.chat-bot__send {
20961    border-radius: 8px;
20962    border: 1px solid #E3E3E4;
20963    background: #FFF;
20964    padding: 8px 16px;
20965    display: flex;
20966    justify-content: space-between;
20967    align-items: center;
20968}
20969
20970.chat-bot__action .chat-bot__send {
20971    flex-grow: 1;
20972}
20973
20974.chat-bot__send .form-control {
20975    border: none;
20976    font-size: 14px;
20977    padding: 0;
20978}
20979
20980.chat-bot__send .form-control:focus {
20981    box-shadow: none;
20982}
20983
20984.chat-bot__send .form-control::placeholder {
20985    color: #A7A9AA;
20986}
20987
20988.chat-bot__button {
20989    color: #C8C9CA;
20990    margin-left: 8px;
20991    flex-shrink: 0;
20992    border-radius: 8px;
20993    border: none;
20994}
20995
20996.chat-bot__button:hover {
20997    color: #1A8FE3;
20998}
20999
21000.chat-bot__button--send {
21001    flex-shrink: 0;
21002    border-radius: 12px;
21003    background: #1A8FE3;
21004    padding: 16px;
21005    margin-left: 8px;
21006    color: #fff;
21007    border: none;
21008}
21009
21010.chat-bot__button--send:hover {
21011    color: #fff;
21012}
21013
21014.chat-bot__title {
21015    text-align: center;
21016    font-size: 20px;
21017    font-weight: 700;
21018    line-height: 28px;
21019    margin-bottom: 4px;
21020}
21021
21022.chat-bot__title-descr {
21023    color: #707375;
21024    text-align: center;
21025    font-size: 16px;
21026    font-weight: 400;
21027    line-height: 24px;
21028}
21029
21030.chat-bot__title-descr strong {
21031    color: #181D20;
21032    font-weight: 500;
21033}
21034
21035.chat-options {
21036    width: 100%;
21037}
21038
21039.chat-options__group {
21040    display: flex;
21041    justify-content: center;
21042    flex-wrap: wrap;
21043    margin-top: 8px;
21044    margin-left: -4px;
21045    margin-right: -4px;
21046}
21047
21048.chat-options__item {
21049    border-radius: 8px;
21050    background-color: #fff;
21051    border: 1px solid #E3E3E4;
21052    padding: 8px 32px 8px 8px;
21053    position: relative;
21054    width: calc(50% - 8px);
21055    margin-top: 8px;
21056    margin-left: 4px;
21057    margin-right: 4px;
21058    cursor: pointer;
21059}
21060
21061.chat-options__item--small {
21062    padding-top: 12px;
21063    padding-bottom: 12px;
21064    padding-left: 12px;
21065}
21066
21067.chat-options__title {
21068    font-size: 16px;
21069    font-weight: 600;
21070    line-height: 24px;
21071}
21072.chat-options__item--small .chat-options__title {
21073    font-weight: 400;
21074}
21075
21076.chat-options__title-descr {
21077    color: #525658;
21078    text-overflow: ellipsis;
21079    overflow: hidden;
21080    white-space: nowrap;
21081    font-size: 12px;
21082    font-weight: 400;
21083    letter-spacing: 0.06px;
21084    margin-top: 2px;
21085}
21086
21087.chat-options__icon {
21088    position: absolute;
21089    top: 50%;
21090    right: 8px;
21091    color: #1A8FE3;
21092    transform: translateY(-50%) rotate(-90deg);
21093}
21094
21095.chat-options .file-drop-area  {
21096    margin-top: 16px;
21097    margin-left: auto;
21098    margin-right: auto;
21099    border: none;
21100    max-width: 560px;
21101    border-radius: 12px;
21102    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21103    height: 252px;
21104}
21105
21106.chat-options .file-drop-area .button,
21107.chat-options p.drag {
21108    font-size: 14px;
21109}
21110
21111.chat-options .uploader-zoom {
21112    margin-top: 16px;
21113    margin-left: auto;
21114    margin-right: auto;
21115    border: none;
21116    max-width: 560px;
21117    border-radius: 12px;
21118    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21119    padding: 24px;
21120}
21121
21122.chat-options .form-group {
21123    margin-top: 16px;
21124    margin-bottom: 16px;
21125}
21126
21127.chat-options .form-control-field {
21128    height: 40px;
21129}
21130
21131.uploader-zoom .chat-options__group {
21132    justify-content: flex-start;
21133}
21134
21135.chat-options .form-check {}
21136
21137.chat-options .form-check--radio {
21138    margin-left: 4px;
21139    margin-right: 8px;
21140}
21141
21142.chat-options .dropdown {
21143    margin-top: 16px;
21144    width: 100%;
21145}
21146
21147.chat-options .dropdown .ctrl-button {
21148    background-color: #FFFFFF;
21149    border: 1px solid #E3E3E4;
21150    border-radius: 8px;
21151    width: 100%;
21152    padding: 8px;
21153    font-size: 12px;
21154}
21155
21156.chat-options .dropdown-menu {
21157    width: 100%;
21158}
21159
21160.chat-options .dropdown-toggle::after {
21161    margin-left: 6px;
21162}
21163
21164.chat-options .dropdown-item {
21165    font-size: 12px;
21166}
21167
21168.chat-options .twitter-navigation {
21169    margin-left: 0;
21170}
21171
21172.chat-options .uploader-container__box .button {
21173    margin-left: 0;
21174    width: 100%;
21175    margin-top: 22px;
21176    font-size: 12px;
21177}
21178
21179.chat-options .uploader-container {
21180    margin-top: 0;
21181    border-radius: 12px;
21182    padding: 16px;
21183    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21184}
21185
21186.chat-options .compress-result {
21187    padding: 0;
21188    border: none;
21189}
21190
21191.chat-options .compress-result_info {
21192    border-radius: 8px;
21193    background: #F6FBFE;
21194    margin-bottom: 16px;
21195    padding-top: 53px;
21196    position: relative;
21197}
21198
21199.chat-options .compress-result_info::after {
21200    content: "";
21201    border-bottom: 1px solid #E3E3E4;
21202    position: absolute;
21203    bottom: -16px;
21204    left: 0;
21205    right: 0;
21206}
21207
21208.chat-options .compress-result_action {
21209    border: none;
21210}
21211
21212.chat-options .compress-result_action-group {
21213    width: auto;
21214}
21215
21216.chat-options .compress-result_tools {
21217    display: flex;
21218    justify-content: center;
21219    align-items: center;
21220    padding-top: 0;
21221}
21222
21223.chat-options .compress-result_tools-item {
21224    width: 200px;
21225    margin-left: 5px;
21226    margin-right: 5px;
21227}
21228
21229.chat-options .compress-result_button-link {
21230    text-decoration: none;
21231    margin-top: 16px;
21232}
21233
21234.chat-options .scan-qr {
21235    border-radius: 8px;
21236    border: 1px solid #E3E3E4;
21237    background: #FFF;
21238    padding: 24px;
21239    height: 100%;
21240    box-sizing: border-box;
21241    text-align: center;
21242}
21243
21244.chat-options .scan-qr h3 {
21245    font-size: 20px;
21246    font-weight: 600;
21247}
21248
21249.chat-options .scan-qr p {
21250    color: #707375;
21251    font-size: 12px;
21252    font-weight: 400;
21253}
21254
21255.chat-options .scan-qr_code {
21256    margin-top: 16px;
21257}
21258
21259.chat-options .compress-result .get-update {
21260    height: auto;
21261}
21262
21263.chat-options .compress-result .share {
21264    height: auto;
21265    margin-top: 16px;
21266}
21267
21268.chat-bot__error {
21269    text-align: center;
21270    margin-top: 8px;
21271    margin-bottom: 16px;
21272}
21273
21274.chat-bot__error-box {
21275    border-radius: 8px;
21276    background: #FDF2F2;
21277    padding: 16px;
21278    color: #E2464C;
21279    font-size: 16px;
21280    font-weight: 500;
21281    display: inline-flex;
21282    align-items: center;
21283}
21284
21285.chat-bot__error-icon {
21286    margin-right: 8px;
21287}
21288
21289.chat-bot__reccomend {
21290    text-align: center;
21291    font-size: 16px;
21292    font-weight: 500;
21293    line-height: 24px;
21294}
21295
21296@media (max-width: 960px) {
21297
21298    .chat-bot__box {
21299        flex-direction: column;
21300        position: relative;
21301        overflow: hidden;
21302    }
21303
21304    .chat-bot__sidebar {
21305        width: 100%;
21306        border: none;
21307    }
21308
21309    .chat-bot__recent-header {
21310        display: flex;
21311        justify-content: space-between;
21312        padding-bottom: 8px;
21313        border-bottom: 1px solid #E3E3E4;
21314        cursor: pointer;
21315    }
21316
21317    .chat-bot__recent-content {
21318        display: none;
21319        position: absolute;
21320        background-color: #fff;
21321        z-index: 10;
21322        top: 0;
21323        bottom: 0;
21324        left: 0;
21325        right: 0;
21326        margin-left: 8px;
21327        margin-right: 8px;
21328        border-radius: 12px;
21329        margin-top: 120px;
21330        height: auto;
21331    }
21332
21333    .chat-bot__recent-button {
21334        display: block;
21335    }
21336
21337    .chat-bot__recent.is-active .chat-bot__recent-content {
21338        display: block;
21339    }
21340
21341    .chat-bot__recent.is-active .chat-bot__recent-button .icon-arrow {
21342        display: none;
21343    }
21344
21345    .chat-bot__recent.is-active .chat-bot__recent-button .icon-cross {
21346        display: block;
21347    }
21348}
21349
21350.chat-bot__welcome {
21351    border-radius: 12px;
21352    background-color: #F6FBFE;
21353    height: 100%;
21354    width: 100%;
21355    padding: 16px;
21356    display: flex;
21357    align-items: center;
21358}
21359
21360.chat-bot__welcome .chat-bot__title {
21361    font-size: 40px;
21362    font-weight: 600;
21363    text-align: left;
21364}
21365
21366.chat-bot__welcome .chat-bot__title-descr {
21367    font-size: 18px;
21368    text-align: left;
21369}
21370
21371.chat-bot__welcome .chat-options__group {
21372    margin-left: -8px;
21373    margin-right: -8px;
21374}
21375
21376.chat-bot__welcome .chat-options__item {
21377    border: none;
21378    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21379    margin-top: 16px;
21380    margin-left: 8px;
21381    margin-right: 8px;
21382    width: calc(50% - 16px);
21383}
21384
21385.chat-bot__upload {
21386    color: #A7A9AA;
21387    position: relative;
21388    margin-left: 8px;
21389    overflow: hidden;
21390    cursor: pointer;
21391}
21392
21393.chat-bot__upload input[type="file"] {
21394    opacity: 0;
21395    position: absolute;
21396    font-size: 50px;
21397    left: 0;
21398    top: 0;
21399}
21400
21401.chat-bot__send-icon {
21402    color: #1A8FE3;
21403    margin-right: 8px;
21404}
21405
21406.chat-bot__send-icon .ctrl-icon {
21407    width: 18px;
21408    height: 18px;
21409}
21410
21411@media (max-width: 767px) {
21412
21413    .chat-bot__error-box {
21414        font-size: 12px;
21415    }
21416
21417    .chat-options__item,
21418    .chat-bot__welcome .chat-options__item {
21419        width: 100%;
21420    }
21421
21422    .chat-bot__welcome .chat-options__item {
21423        margin-left: 0;
21424        margin-right: 0;
21425    }
21426
21427    .chat-options__title {
21428        font-size: 14px;
21429    }
21430}
21431
21432.dialog {
21433    width: 100%;
21434    height: 100%;
21435    border-radius: 12px;
21436    background: #F6FBFE;
21437    padding: 0 16px 16px;
21438    box-sizing: border-box;
21439}
21440
21441.dialog__item {
21442    display: flex;
21443    margin-top: 16px;
21444}
21445
21446.dialog__avatar {
21447    flex-shrink: 0;
21448    width: 32px;
21449    height: 32px;
21450    border: 1px solid #F6F6F6;
21451    background: #fff;
21452    border-radius: 50%;
21453    box-sizing: border-box;
21454    display: flex;
21455    align-items: center;
21456    justify-content: center;
21457    color: #A7A9AA;
21458}
21459.dialog__avatar svg,
21460.dialog__avatar img {
21461    width: 16px;
21462    height: 16px;
21463}
21464
21465.dialog__content {
21466    flex-grow: 1;
21467    margin-left: 12px;
21468}
21469
21470.dialog__name {
21471    color: #181D20;
21472    font-size: 14px;
21473    font-weight: 500;
21474}
21475
21476.dialog__bubble {
21477    margin-top: 4px;
21478    border-radius: 0px 12px 12px 12px;
21479    background-color: #FFF;
21480    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21481    padding: 16px;
21482    font-size: 14px;
21483}
21484
21485.dialog__bubble--blue {
21486    background: #1A8FE3;
21487    box-shadow: 0px 10px 32px 0px rgba(26, 143, 227, 0.24);
21488    color: #fff;
21489}
21490
21491.dialog__bubble .chat-options__title {
21492    color: #181D20;
21493}
21494
21495.dialog__bubble .chat-options__item {
21496    width: calc(100%/3 - 8px);
21497}
21498
21499.dialog__action {
21500    margin-top: 16px;
21501    text-align: right;
21502}
21503
21504.dialog__button {
21505    border-radius: 20px;
21506    background-color: #FFF;
21507    box-shadow: 8px 8px 24px 0px rgba(22, 29, 28, 0.05);
21508    padding: 4px 8px;
21509    color: #878787;
21510    font-size: 12px;
21511    font-weight: 400;
21512}
21513
21514.dialog__bubble--blue .dialog__button {
21515    background: rgba(255, 255, 255, 0.24);
21516    color: #fff;
21517}
21518
21519.dialog__button .ctrl-icon {
21520    width: 10px;
21521    height: 10px;
21522    margin-right: 4px;
21523}
21524
21525.dialog__processing {
21526    color: #FFF;
21527    font-size: 14px;
21528    font-style: italic;
21529}
21530
21531.dialog__processing .chat-bot__spinner {
21532    margin-right: 8px;
21533    display: inline-block;
21534    vertical-align: middle;
21535}
21536
21537.chat-bot__spinner .spinner-grow {
21538    width: 10px;
21539    height: 10px;
21540    vertical-align: baseline;
21541}
21542
21543.chat-bot__button--loading {
21544    min-width: 56px;
21545    min-height: 53px;
21546}
21547
21548.chat-bot__button--loading .spinner-grow {
21549    width: 2px;
21550    height: 2px;
21551    background-color: #181D20;
21552    margin-left: -1px;
21553    margin-right: -1px;
21554    vertical-align: text-bottom;
21555}
21556
21557.chat-bot__spinner .spinner-grow {
21558    animation-duration: 1.8s;
21559}
21560
21561.chat-bot__spinner .spinner-grow:nth-child(1) {
21562    animation-delay: .2s;
21563}
21564
21565.chat-bot__spinner .spinner-grow:nth-child(2) {
21566    animation-delay: .5s;
21567}
21568
21569.chat-bot__spinner .spinner-grow:nth-child(3) {
21570    animation-delay: .7s;
21571}
21572
21573.chat-bot__files {
21574    border-radius: 12px;
21575    box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05);
21576    margin-top: 16px;
21577    background: #FFF;
21578    position: relative;
21579    display: flex;
21580    align-items: center;
21581    justify-content: space-between;
21582    min-height: 72px;
21583    padding: 16px;
21584    box-sizing: border-box;
21585}
21586
21587.chat-bot__files--end {
21588    justify-content: flex-end;
21589}
21590
21591.chat-bot__files-select {
21592    width: 100%;
21593    padding-left: 70px;
21594    padding-right: 70px;
21595    padding-top: 24px;
21596    padding-bottom: 24px;
21597    color: #181D20;
21598    font-size: 12px;
21599    font-weight: 400;
21600    letter-spacing: 0.06px;
21601    border-radius: 12px;
21602    background: #FFF;
21603    position: absolute;
21604    top: 0;
21605    left: 0;
21606    height: 100%;
21607}
21608
21609.chat-bot__files-select:hover {
21610    background-color: #F6FBFE;
21611    color: #181D20;
21612}
21613
21614.chat-bot__files-icon {
21615    width: 24px;
21616    height: 24px;
21617    border-radius: 50%;
21618    background-color: #F6FBFE;
21619    color: #1A8FE3;
21620    display: inline-flex;
21621    vertical-align: middle;
21622    justify-content: center;
21623    align-items: center;
21624}
21625
21626.chat-bot__files-icon .ctrl-icon {
21627    width: 16px;
21628    height: 16px;
21629}
21630
21631.chat-bot__files-buttons {
21632    position: relative;
21633    flex-shrink: 0;
21634}
21635
21636.chat-bot__files-buttons .button {
21637    padding: 13px 20px;
21638    font-size: 14px;
21639    margin-left: 12px;
21640}
21641
21642.chat-bot__files-cancel {
21643    background: none;
21644    color: #707375;
21645    font-size: 12px;
21646    font-weight: 400;
21647    letter-spacing: 0.06px;
21648    text-decoration-line: underline;
21649    padding: 8px 0;
21650    border: none;
21651}
21652
21653.chat-bot__files-cancel:hover {
21654    background: none;
21655    text-decoration: none;
21656    color: #707375;
21657}
21658
21659.chat-bot__files-cancel .ctrl-icon {
21660    display: none;
21661}
21662
21663.files-uploaded {
21664    display: flex;
21665    flex-grow: 1;
21666    flex-wrap: wrap;
21667    margin-left: -8px;
21668    margin-top: -8px;
21669    max-width: 740px;
21670}
21671
21672.dialog__bubble p + .files-uploaded {
21673    margin-top: 10px;
21674}
21675
21676.files-uploaded__item {
21677    margin-left: 8px;
21678    margin-top: 8px;
21679    display: inline-flex;
21680    align-items: center;
21681}
21682
21683.files-uploaded__item .tools_box {
21684    border-radius: 8px;
21685    padding: 8px 12px 8px 8px;
21686    border: 1px solid #E3E3E4;
21687    width: 100%;
21688    display: flex;
21689}
21690
21691.files-uploaded__item .icon_box {
21692    width: 40px;
21693    height: 40px;
21694    margin-right: 8px;
21695    margin-bottom: 0;
21696}
21697
21698.dialog__bubble--blue .icon_box {
21699    background-color: #F6F6F6;
21700    color: #707375;
21701}
21702
21703.files-uploaded__item .tools_box h4 {
21704    font-size: 12px;
21705    font-weight: 500;
21706    line-height: normal;
21707    letter-spacing: 0.06px;
21708    margin-top: 0;
21709    margin-bottom: 0;
21710    max-width: 150px;
21711}
21712
21713.files-uploaded__item .catalog-box__tag {
21714    color: #707375;
21715    font-size: 12px;
21716    font-weight: 400;
21717}
21718
21719.files-uploaded__item .ctrl-button_iconly {
21720    border: none;
21721    margin-left: 8px;
21722    color: #707375;
21723}
21724
21725.files-uploaded__download {
21726    margin-left: 16px;
21727}
21728
21729.files-uploaded__download .ctrl-button__icon {
21730    width: 20px;
21731    height: 20px;
21732    color: #1A8FE3;
21733}
21734
21735.files-cases {
21736    display: flex;
21737    align-items: center;
21738    margin-top: 10px;
21739}
21740
21741.files-cases__item {
21742    margin-left: 10px;
21743}
21744
21745.files-cases__item:first-child {
21746    margin-left: 0;
21747}
21748
21749.files-cases__item::before {
21750    content: "";
21751    width: 4px;
21752    height: 4px;
21753    background-color: #fff;
21754    opacity: 0.16;
21755    border-radius: 50%;
21756    margin-right: 10px;
21757    display: inline-block;
21758    vertical-align: middle;
21759}
21760
21761.files-cases__item:first-child::before {
21762    display: none;
21763}
21764
21765.files-cases__link {
21766    color: #FFF;
21767    font-size: 14px;
21768    font-weight: 400;
21769    text-decoration-line: underline;
21770}
21771
21772.files-cases__link:hover {
21773    color: #FFF;
21774    text-decoration: none;
21775}
21776
21777@media (max-width: 1190px) {
21778    .chat-bot__action--multiple .chat-bot__send{
21779        justify-content: flex-start;
21780    }
21781
21782    .chat-bot__action--multiple .form-control {
21783        max-width: 90%;
21784    }
21785}
21786
21787@media (max-width: 767px) {
21788
21789    .chat-bot__content {
21790        padding: 8px;
21791    }
21792
21793    .dialog {
21794        margin-top: -8px;
21795    }
21796
21797    .dialog__name {
21798        font-size: 12px;
21799    }
21800
21801    .chat-bot__action {
21802        border: 1px solid #E3E3E4;
21803        border-radius: 8px;
21804        position: relative;
21805    }
21806
21807    .chat-bot__send {
21808        padding-left: 8px;
21809        padding-right: 8px;
21810    }
21811
21812    .chat-bot__send::after {
21813        content: "";
21814        position: absolute;
21815        top: 50%;
21816        right: 0;
21817        width: 1px;
21818        height: 8px;
21819        background-color: #E3E3E4;
21820        display: block;
21821        transform: translateY(-50%);
21822    }
21823
21824    .chat-bot__action .chat-bot__send {
21825        border: none;
21826        position: relative;
21827    }
21828
21829    .chat-bot__button--loading {
21830        min-width: 20px;
21831        background-color: #fff;
21832        margin-right: 8px;
21833    }
21834
21835    .chat-bot__button--loading .spinner-grow {
21836        vertical-align: baseline;
21837    }
21838
21839    .chat-bot__upload {
21840        padding: 2px;
21841    }
21842
21843    .chat-bot__upload .ctrl-btn-icon {
21844        width: 16px;
21845        height: 16px;
21846    }
21847
21848    .chat-bot__send .form-control {
21849        font-size: 12px;
21850    }
21851
21852    .dialog__bubble {
21853        padding: 12px;
21854    }
21855
21856    .dialog__bubble,
21857    .dialog__processing,
21858    .dialog__button.button {
21859        font-size: 12px;
21860    }
21861
21862    .chat-bot__files-cancel.button {
21863        font-size: 0;
21864        line-height: 0;
21865    }
21866
21867    .chat-bot__files-cancel .ctrl-icon {
21868        display: block;
21869        width: 18px;
21870        height: 18px;
21871    }
21872
21873    .files-uploaded {
21874        flex-direction: column;
21875        margin-top: -8px;
21876    }
21877
21878    .files-uploaded__item {
21879        margin-top: 8px;
21880    }
21881
21882    .files-uploaded__item .tools_box {
21883        position: relative;
21884        padding-right: 40px;
21885    }
21886
21887    .files-uploaded__item .ctrl-button_iconly {
21888        position: absolute;
21889        top: 50%;
21890        right: 12px;
21891        transform: translateY(-50%);
21892    }
21893
21894    .files-uploaded__item .tools_box h4,
21895    .files-uploaded__item .catalog-box__tag {
21896        font-size: 10px;
21897    }
21898
21899    .files-uploaded__item .icon_box {
21900        width: 32px;
21901        height: 32px;
21902    }
21903
21904    .files-cases__link {
21905        font-size: 12px;
21906    }
21907
21908    .files-cases__item {
21909        margin-left: 5px;
21910    }
21911
21912    .files-cases__item::before {
21913        margin-right: 3px;
21914    }
21915
21916    .chat-bot__action--multiple .form-control {
21917        max-width: 54%;
21918    }
21919
21920    .chat-bot__action--multiple .chat-bot__upload {
21921        position: absolute;
21922        top: 11px;
21923        right: 42px;
21924    }
21925
21926    .chat-bot__action--multiple .chat-bot__button--send {
21927        position: absolute;
21928        right: 8px;
21929        top: 12px;
21930        padding: 0;
21931        background-color: transparent;
21932        color: #1A8FE3;
21933    }
21934
21935    .chat-bot__action--multiple .chat-bot__send::after {
21936        top: 24px;
21937        right: 38px;
21938    }
21939
21940    .chat-bot__action--multiple .files-uploaded {
21941        flex-direction: row;
21942    }
21943
21944    .chat-bot__action--multiple .files-uploaded {
21945        max-width: 300px;
21946    }
21947
21948    .dialog__bubble .chat-options__item {
21949        width: 100%;
21950    }
21951
21952    .dialog__content {
21953        max-width: 91%;
21954    }
21955}
21956
21957/* modal-save */
21958.modal-save .modal-dialog {
21959    max-width: 416px;
21960}
21961
21962.modal-save .save-qr {
21963    border-radius: 8px;
21964    border: 1px solid #E3E3E4;
21965    background: #FFF;
21966    padding: 24px;
21967    margin-bottom: 16px;
21968}
21969
21970/* modal-get-updates */
21971.modal-get-updates .modal-dialog {
21972    max-width: 640px;
21973}
21974
21975.modal-get-updates .modal-icon {
21976    width: 56px;
21977    height: 56px;
21978    border-radius: 8px;
21979    background: #F6F6F6;
21980    color: #707375;
21981    margin-bottom: 16px;
21982    display: flex;
21983    align-items: center;
21984    justify-content: center;
21985}
21986
21987.modal-get-updates .modal-header {
21988    text-align: left;
21989}
21990
21991.modal-get-updates .modal-title {
21992    margin-bottom: 4px;
21993}
21994
21995.modal-get-updates .modal-header .close {
21996    position: absolute;
21997    top: 24px;
21998    right: -8px;
21999}
22000
22001.modal-get-updates .modal-body {
22002    padding-top: 0;
22003}
22004
22005.modal-get-updates .get-update {
22006    background: none;
22007    padding: 0;
22008    box-shadow: none
22009}
22010
22011.modal-get-updates .get-update .button {
22012    border-radius: 8px;
22013    background: #1A8FE3;
22014    color: #fff;
22015    width: 100%;
22016    font-size: 14px;
22017}
22018
22019.modal-get-updates .get-update .form-control {
22020    color: #A7A9AA;
22021    font-size: 12px;
22022    letter-spacing: 0.06px;
22023}
22024
22025        /*Extra large devices (large desktops, 1200px and up)*/
22026
22027@media (min-width: 1200px) and (max-width: 1399.98px) {
22028    .menu2>li>ul {
22029        width: 200px;
22030    }
22031    .multilavel>ul {
22032        width: 160px;
22033    }
22034    .menu_wrap>ul>li>a {
22035        width: 65px;
22036    }
22037}
22038
22039@media (min-width: 1200px) {
22040    .container {
22041        max-width: 1230px;
22042    }
22043    .index .container {
22044        max-width: 1288px;
22045    }
22046    .support-area__image-box img {
22047        width: 100%;
22048    }
22049    .catalog-box>div {
22050        padding: 10px !important;
22051    }
22052    .row.catalog-box {
22053        margin: 30px -10px -10px -10px;
22054    }
22055    .check-tools {
22056        padding-top: 150px;
22057        padding-bottom: 150px;
22058    }
22059    .home_area--pdf {
22060        padding-top: 120px;
22061        padding-bottom: 40px;
22062    }
22063    .tools_area--pdf {
22064        padding-top: 10px;
22065    }
22066    .container-tools {
22067        max-width: 1288px;
22068        width: 100%;
22069        padding-right: 48px;
22070        padding-left: 48px;
22071        margin-right: auto;
22072        margin-left: auto;
22073    }
22074    .row-tools {
22075        display: flex;
22076        flex-wrap: wrap;
22077        margin-right: -24px;
22078        margin-left: -24px;
22079    }
22080}
22081
22082@media (min-width: 1400px) {
22083    .js-tools-slider {
22084        display: flex;
22085        margin-left: -10px;
22086        margin-right: -10px;
22087    }
22088    .tools__item {
22089        margin-left: 10px;
22090        margin-right: 10px;
22091    }
22092}
22093
22094@media (min-width: 992px) and (max-width: 1199.98px) {
22095    .slider-box {
22096        padding: 7px 12px;
22097        border-radius: 6px;
22098        max-width: 182px;
22099    }
22100    .range_right_content .button.outline_btn {
22101        padding: 10px 15px;
22102    }
22103    .pdf_content {
22104        padding-left: 273px;
22105        padding-top: 0px;
22106        padding-right: 15px;
22107    }
22108    .pdf_content.lg_content {
22109        padding-left: 90px;
22110    }
22111    .container {
22112        max-width: 992px;
22113    }
22114    .home_area h1 {
22115        font-size: 50px;
22116    }
22117    .title {
22118        font-size: 40px;
22119    }
22120    .header-tools {
22121        margin-right: 55px;
22122    }
22123    .menu2 li a {
22124        font-size: 12px;
22125    }
22126    .menu2 li a img {
22127        width: 15px;
22128        height: 15px;
22129        margin-right: 5px;
22130    }
22131    .menu2>li {
22132        margin-left: 5px;
22133        margin-right: 5px;
22134    }
22135    .menu2>li {
22136        padding: 0 10px;
22137    }
22138    .menu2>li>ul {
22139        width: 170px;
22140    }
22141    .menu2>li>ul>li {
22142        padding: 5px 16px;
22143    }
22144    .multilavel>ul {
22145        width: 140px;
22146    }
22147    .menu_wrap>ul>li>a {
22148        font-size: 9px;
22149        height: 66px;
22150        width: 50px;
22151    }
22152    .menu_wrap>ul>li>a img {
22153        max-width: 23px;
22154    }
22155    .sidebar {
22156        top: 123px;
22157    }
22158    .color_box {
22159        height: 30px;
22160        width: 30px;
22161    }
22162    .color_img img {
22163        height: 130px;
22164        width: 130px;
22165    }
22166}
22167
22168@media (max-width: 1199px) {
22169    .home_area {
22170        padding-top: 40px;
22171        padding-bottom: 100px;
22172    }
22173    .home_area--first .search_group input {
22174        height: 56px;
22175        padding-left: 52px;
22176    }
22177    .search_group--homepage .button {
22178        padding: 7px 24px;
22179        font-size: 12px;
22180        right: 12px;
22181    }
22182    .search {
22183        width: 18px;
22184        height: 18px;
22185    }
22186    .tools__content {
22187        padding: 12px;
22188    }
22189    .support-area__image-box img {
22190        width: 100%;
22191    }
22192    .tools__circle {
22193        width: 40px;
22194        height: 40px;
22195    }
22196    .tools__circle svg {
22197        width: 14px;
22198        height: 14px;
22199    }
22200    .tools__content span {
22201        font-size: 10px;
22202    }
22203    p.tools__name {
22204        font-size: 14px;
22205    }
22206    .tools__footer {
22207        padding: 10px 12px 16px;
22208    }
22209    .tools__footer>div {
22210        padding: 8px;
22211    }
22212    .tools__footer span {
22213        font-size: 8px;
22214    }
22215    .tools__item {
22216        min-width: 192px;
22217    }
22218    .tools .slick-slide {
22219        margin-left: 8px;
22220        margin-right: 8px;
22221    }
22222    .tools .slick-list {
22223        padding: 0 23% 0;
22224        margin-left: -8px;
22225        margin-right: -8px;
22226    }
22227    .catalog-box>div {
22228        padding: 4.5px !important;
22229    }
22230    .row.catalog-box {
22231        margin: 21.5px -4.5px -4.5px -4.5px !important;
22232    }
22233    .catalog-box .tools_box p {
22234        display: none;
22235    }
22236    .catalog-box .icon_box {
22237        width: 32px;
22238        height: 32px;
22239        margin-right: 0;
22240        margin-bottom: 8px;
22241    }
22242    .recommendation .catalog-box .icon_box {
22243        margin-right: 8px;
22244        margin-bottom: 0;
22245    }
22246    .recommendation .catalog-box h4 {
22247        width: 100px;
22248    }
22249    .catalog-box img {
22250        width: 15px;
22251        height: 15px;
22252    }
22253    .catalog-box h4 {
22254        width: 100%;
22255        font-size: 12px;
22256    }
22257    .catalog-box__tag {
22258        font-size: 10px;
22259    }
22260    .elect {
22261        width: 20px;
22262        height: 20px;
22263    }
22264    .check-tools .tools_box {
22265        padding: 12px;
22266    }
22267    .check-tools {
22268        padding-top: 56px;
22269        padding-bottom: 56px;
22270        border-radius: 32px;
22271    }
22272    .tools_area--pdf {
22273        padding-top: 0;
22274        padding-bottom: 100px;
22275    }
22276    .index .title {
22277        line-height: 1.38;
22278        font-size: 32px;
22279    }
22280    .filter {
22281        padding: 8px 2px;
22282    }
22283    .filter__category svg {
22284        width: 16px;
22285        height: 16px;
22286    }
22287    .filter__name {
22288        font-size: 12px;
22289    }
22290    .present__buttons {
22291        display: none;
22292    }
22293    .container-present {
22294        padding-bottom: 14px;
22295        margin-left: calc((100vw - 965px) / 2);
22296    }
22297    .present-card {
22298        box-shadow: 24px 24px 72px rgba(24, 29, 32, 0.1);
22299    }
22300}
22301
22302@media (max-width: 991.98px) {
22303    .expand_menu {
22304        box-shadow: none;
22305        top: 0;
22306        margin-top: 12px;
22307    }
22308    .menu2 li .category-tools__item {
22309        margin-top: 0;
22310        width: 100%;
22311    }
22312    header .menu2 {
22313        display: none;
22314    }
22315    #menu {
22316        position: fixed;
22317        left: -100%;
22318        top: 0;
22319        width: 100%;
22320        height: 100%;
22321        background-color: #fff;
22322        -webkit-transition: 0.3s;
22323        -o-transition: 0.3s;
22324        transition: 0.3s;
22325        padding-top: 100px;
22326        text-align: center;
22327        z-index: -1;
22328    }
22329    #menu.current {
22330        left: 0;
22331    }
22332    #menu li {
22333        display: block;
22334        margin-top: 20px;
22335    }
22336    .hamburger-menu {
22337        display: block;
22338    }
22339    .home_area {
22340        text-align: center;
22341        padding: 84px 0 80px 0;
22342    }
22343    .home_area--pdf {
22344        padding-top: 64px;
22345        padding-bottom: 35px;
22346    }
22347    .home_content {
22348        margin-left: auto;
22349        margin-right: auto;
22350    }
22351    .title {
22352        font-size: 32px;
22353    }
22354    .pt_150 {
22355        padding-top: 80px;
22356    }
22357    .pb_150 {
22358        padding-bottom: 80px;
22359    }
22360    .pt_120 {
22361        padding-top: 80px;
22362    }
22363    .pb_120 {
22364        padding-bottom: 80px;
22365    }
22366    .mt_100 {
22367        margin-top: 60px;
22368    }
22369    .mt_md_0 {
22370        margin-top: 0px;
22371    }
22372    .row_menu {
22373        display: -webkit-box;
22374        display: -ms-flexbox;
22375        display: flex;
22376        -ms-flex-wrap: wrap;
22377        flex-wrap: wrap;
22378        margin-left: -10px;
22379        margin-right: -10px;
22380    }
22381    .row_menu li {
22382        max-width: 50%;
22383        -webkit-box-flex: 0;
22384        -ms-flex: 0 0 50%;
22385        flex: 0 0 50%;
22386        padding-left: 10px;
22387        padding-right: 10px;
22388    }
22389    .footer_bottom p img {
22390        max-width: 74px;
22391        margin-right: 12px;
22392    }
22393    .footer_bottom {
22394        font-size: 12px;
22395    }
22396    .pt_md_10 {
22397        padding-top: 10px;
22398    }
22399    .title_md {
22400        font-size: 26px;
22401    }
22402    .mobile_menu {
22403        position: fixed;
22404        top: 0;
22405        left: -100%;
22406        z-index: 1019;
22407        height: 100dvh;
22408        width: 100%;
22409        background-color: #fff;
22410        overflow-y: auto;
22411        overflow-x: hidden;
22412        -webkit-transition: 0.4s;
22413        -o-transition: 0.4s;
22414        transition: 0.4s;
22415    }
22416    .mobile_menu.current {
22417        left: 0;
22418    }
22419    .mobile_menu .menu2 {
22420        -webkit-box-orient: vertical;
22421        -webkit-box-direction: normal;
22422        -ms-flex-direction: column;
22423        flex-direction: column;
22424        -webkit-box-align: start;
22425        -ms-flex-align: start;
22426        align-items: flex-start;
22427        margin-bottom: -16px;
22428    }
22429    .mobile_menu .menu2>li {
22430        width: 100%;
22431    }
22432    .mobile_menu .menu2>li>a {
22433        display: -webkit-box;
22434        display: -ms-flexbox;
22435        display: flex;
22436        color: #181D20;
22437    }
22438    .mobile_menu .menu2>li:first-child>a {
22439        border-radius: 10px 10px 0 0;
22440    }
22441    .mobile_menu .menu2>li:last-child>a {
22442        border-radius: 0 0 10px 10px;
22443        border-bottom: none;
22444    }
22445    .mobile_menu li a {
22446        position: relative;
22447        padding: 17px 16px;
22448    }
22449    .mobile_menu li a::after {
22450        position: absolute;
22451        right: 0;
22452        top: 9px;
22453        color: #707375;
22454    }
22455    .menu2>li>ul {
22456        position: relative;
22457        width: 100%;
22458        -webkit-box-shadow: none;
22459        box-shadow: none;
22460        opacity: 1;
22461        visibility: visible;
22462        padding: 0;
22463        border-radius: 0;
22464    }
22465    .multilavel>ul {
22466        top: 0px;
22467        left: 0px;
22468        position: relative;
22469        -webkit-box-shadow: none;
22470        box-shadow: none;
22471        border-radius: 0px;
22472        padding: 0;
22473        background-color: #fafbfb;
22474        width: 100%;
22475        visibility: visible;
22476        opacity: 1;
22477        display: none;
22478        -webkit-transition: unset;
22479        -o-transition: unset;
22480        transition: unset;
22481    }
22482    .menu2>li>ul>li {
22483        padding: 0px;
22484    }
22485    .multilavel>ul>li {
22486        padding: 0;
22487    }
22488    .mobile_menu .search_group input {
22489        -webkit-box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10);
22490        box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10);
22491    }
22492    .title_lg {
22493        font-size: 32px;
22494    }
22495    .bottom_menu {
22496        flex-direction: column;
22497    }
22498    .menu_wrap {
22499        overflow: auto;
22500        scrollbar-width: none;
22501        -ms-overflow-style: none;
22502    }
22503    .menu_wrap::-webkit-scrollbar {
22504        height: 0;
22505        width: 0;
22506    }
22507    .menu_wrap>ul {
22508        min-width: 500px;
22509        width: 100%;
22510    }
22511    .pdf_content {
22512        padding-left: 48px;
22513        padding-top: 24px;
22514        padding-right: calc((100% - 720px) / 2 + 15px);
22515    }
22516    .range_wrapper {
22517        justify-content: space-between !important;
22518        padding: 12px 15px;
22519        max-width: 720px;
22520        margin-left: auto;
22521        margin-right: auto;
22522    }
22523    .range_left_content {
22524        display: flex;
22525        align-items: center;
22526    }
22527    .range_left_content .pager {
22528        margin-left: 16px;
22529    }
22530    .range_left_content .pager h4 {
22531        padding-right: 24px;
22532    }
22533    .range_right_content {
22534        display: flex;
22535        align-items: center;
22536        width: 100%;
22537        justify-content: flex-end;
22538    }
22539    .sidebar {
22540        top: 0;
22541        height: 100%;
22542        left: -100%;
22543        z-index: 1024;
22544    }
22545    .sidebar.current {
22546        left: 0;
22547    }
22548    .pdf_content.lg_content {
22549        padding-left: 48px;
22550    }
22551    .overlay {
22552        position: fixed;
22553        left: 0;
22554        top: 0;
22555        height: 100%;
22556        width: 100%;
22557        z-index: 1023;
22558        background-color: rgba(24, 29, 32, 0.4);
22559        -webkit-transition: 0.4s;
22560        -o-transition: 0.4s;
22561        transition: 0.4s;
22562        pointer-events: none;
22563        opacity: 0;
22564    }
22565    .overlay.current {
22566        opacity: 1;
22567        pointer-events: all;
22568    }
22569    #switch .modal-dialog {
22570        max-width: 616px;
22571    }
22572    .toggle_btn img {
22573        transform: rotate(180deg);
22574    }
22575    .sidebar.small_width {
22576        width: 258px;
22577        overflow: auto;
22578    }
22579    .sidebar.small_width ul,
22580    .sidebar.small_width .pager {
22581        display: flex!important;
22582    }
22583    .sidebar.small_width .add_wrap {
22584        display: block!important;
22585    }
22586    .color_img img {
22587        height: 120px;
22588        width: 120px;
22589    }
22590    body.index {
22591        line-height: 1.5;
22592    }
22593    .mt_32 {
22594        margin-top: 16px;
22595    }
22596    .mt_40 {
22597        margin-top: 24px;
22598    }
22599    .m-mt_8 {
22600        margin-top: 8px;
22601    }
22602    .index .descr {
22603        margin-top: 8px;
22604        font-size: 12px;
22605        line-height: 1.5;
22606    }
22607    .index .container {
22608        padding-left: 24px;
22609        padding-right: 24px;
22610    }
22611    .index .row {
22612        margin-left: -24px;
22613        margin-right: -24px;
22614    }
22615    .index-actions {
22616        margin-top: 24px;
22617    }
22618    .index-btn {
22619        font-size: 12px;
22620        line-height: 18px;
22621        padding: 12px 20px !important;
22622    }
22623    /* nav */
22624    header {
22625        padding: 18px 0;
22626    }
22627    .logo-icon {
22628        width: 24px;
22629    }
22630    .logo-normal,
22631    .logo-dark {
22632        width: 67px;
22633    }
22634    .tools-menu::after {
22635        content: none;
22636    }
22637    /* .header-search */
22638    .header-search--pannel {
22639        position: static;
22640        left: 0;
22641        right: 0;
22642        top: 0;
22643        width: 100%;
22644        background-color: #ffffff;
22645        padding-top: 24px;
22646        padding-bottom: 12px;
22647        z-index: 100;
22648    }
22649    .header-search_form {
22650        position: relative;
22651    }
22652    .header-search .header-search_button {
22653        display: inline-block;
22654        vertical-align: middle;
22655        width: 20px;
22656        height: 20px;
22657        box-sizing: content-box;
22658        padding: 0 0 2px 0;
22659    }
22660    .header-search_button svg {
22661        width: 100%;
22662        height: 100%;
22663    }
22664    /* .mobile_menu */
22665    .mobile_menu {
22666        padding-top: 60px;
22667        box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
22668    }
22669    .mobile_menu .container {
22670        padding-top: 0;
22671    }
22672    .menu2 .mobile_menu-full-elements {
22673        margin: 0;
22674        padding: 16px 0;
22675    }
22676    .menu2 .nav-link {
22677        padding: 0;
22678    }
22679    .drop_menu.is-opened {
22680        background-color: #FFFFFF;
22681    }
22682    .menu2 {
22683        margin-right: 0;
22684    }
22685    .menu2 li a {
22686        font-size: 16px;
22687    }
22688    .mobile_menu-tools .header-tools {
22689        border-right: none;
22690        margin-bottom: 24px;
22691    }
22692    .header-tools .button {
22693        width: 40px;
22694        height: 40px;
22695    }
22696    .btn-support,
22697    .button-sign-in {
22698        width: 100%;
22699    }
22700    .btn-support {
22701        margin-left: 0;
22702        margin-bottom: 8px;
22703    }
22704    .menu2 li .category-tools__item:hover {
22705        background-color: #ffffff;
22706    }
22707    .icon_box {
22708        width: 48px;
22709        height: 48px;
22710    }
22711    .category-tools {
22712        padding-bottom: 8px;
22713    }
22714    .category-tools__item h4 {
22715        font-size: 14px;
22716        line-height: 1.42;
22717    }
22718    .category-tools__descr {
22719        font-size: 10px;
22720    }
22721    .category-menu {
22722        border-left: none;
22723        border-top: 1px solid #E3E3E4;
22724        padding-top: 16px;
22725    }
22726    .expand_menu .mega_menu li a {
22727        font-size: 12px;
22728    }
22729    .expand_menu-box {
22730        box-shadow: none;
22731    }
22732    .category-tools__item--big {
22733        border: none;
22734    }
22735    .menu2 .expand_menu--image .category-tools__item {
22736        padding: 8px 0 8px 8px !important;
22737        width: 100%;
22738    }
22739    .menu2 .expand_menu--image .category-tools__item--big {
22740        margin-left: -8px;
22741        padding-right: 8px !important;
22742        box-sizing: content-box;
22743    }
22744    .category-tools__item--big.is-active {
22745        background-color: #F6F6F6;
22746    }
22747    .mobile_menu__actions.shadow {
22748        box-shadow: 0px 10px 40px rgba(24, 29, 32, 0.05) !important;
22749    }
22750    .header-search--pannel.shadow {
22751        box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05) !important;
22752    }
22753    .mobile_menu__actions {
22754        position: sticky;
22755        bottom: 0;
22756        left: 0;
22757        right: 0;
22758        padding: 24px;
22759        background-color: #ffffff;
22760        box-sizing: border-box;
22761        margin-left: -24px;
22762        margin-right: -24px;
22763    }
22764    .ai-tools {
22765        border-right: 0;
22766        width: 100%;
22767    }
22768    .ai-tools__catalog {
22769        padding-left: 8px;
22770    }
22771    .ai-all {
22772        padding-left: 8px;
22773    }
22774    .ai-featured__box>div {
22775        margin: -4px -4.5px;
22776    }
22777    .menu2 .expand_menu--image .category-tools__item.pl-0 {
22778        padding-left: 0 !important;
22779    }
22780    .expand_menu .mega_menu li a {
22781        padding-left: 8px;
22782        padding-right: 8px;
22783    }
22784    .expand_menu-box .category-tools,
22785    .expand_menu-box .category-menu {
22786        padding-bottom: 8px;
22787    }
22788    .menu2 .ai-featured__box .category-tools__item {
22789        padding: 4px 4.5px !important;
22790        display: block;
22791    }
22792    .menu2 .ai-all__item .main-item {
22793        height: 90px;
22794    }
22795    .ai-featured__content {
22796        margin-top: 8px;
22797    }
22798    .image-box-arrow {
22799        display: none;
22800    }
22801    .menu2 li .main-item {
22802        height: 172px;
22803        padding: 12px;
22804    }
22805    .main-item h4 {
22806        font-size: 16px;
22807    }
22808    .category-tools__other li a {
22809        width: 100%;
22810    }
22811    .ai-tools .category-tools__item--big:after {
22812        content: '\f107';
22813        font-family: FontAwesome;
22814        color: #707375;
22815        position: absolute;
22816        top: calc(100% / 2 - 11px);
22817        right: 11px;
22818        font-size: 115%;
22819        font-weight: 400;
22820    }
22821    .mobile_menu__login .btn-support {
22822        padding: 8px 27px;
22823        background-color: #1A8FE3;
22824        color: #ffffff;
22825        font-size: 10px;
22826        letter-spacing: 0.005em;
22827        margin-bottom: 0;
22828        width: auto;
22829        white-space: nowrap;
22830        margin-left: 10px;
22831    }
22832    .main-item--arrow svg {
22833        right: 12px;
22834        bottom: 22px;
22835    }
22836    /* end .mobile_menu */
22837    .support-area {
22838        padding-top: 40px;
22839        padding-bottom: 40px;
22840    }
22841    .support-area__content .title {
22842        width: 100%;
22843    }
22844    .home_area h1 {
22845        font-size: 34px;
22846        text-align: left;
22847    }
22848    .statistic__num {
22849        font-size: 30px;
22850    }
22851    .statistic__text {
22852        font-size: 12px;
22853    }
22854    .home_area--first .descr {
22855        text-align: left;
22856    }
22857    .present {
22858        padding-top: 100px;
22859    }
22860    .present-card {
22861        padding: 10px 10px 16px 10px;
22862        min-width: 255px;
22863        max-width: 255px;
22864        margin-left: 8px;
22865        margin-right: 8px;
22866    }
22867    .present-card__bg {
22868        height: 161px;
22869    }
22870    .present-card__bg img {
22871        width: 269px;
22872        height: 169px;
22873    }
22874    .present-card__name {
22875        margin-top: 10px;
22876        font-size: 14px;
22877    }
22878    .present-card__descr {
22879        font-size: 10px;
22880    }
22881    .present-cart__actions {
22882        margin-top: 12px;
22883    }
22884    .present-cart__link {
22885        font-size: 12px;
22886    }
22887    .container-present .slick-list {
22888        height: 382px;
22889    }
22890    .container-present .slick-track {
22891        margin-left: -8px;
22892        margin-right: -8px;
22893    }
22894    .container-present {
22895        margin-left: calc((100vw - 690px) / 2);
22896    }
22897    .chart-creators_box {
22898        padding: 24px;
22899    }
22900    .chart-creators_bar,
22901    .chart-creators_tabs {
22902        padding: 12px;
22903    }
22904    .chart-creators_bar .form-check-label {
22905        padding: 8px;
22906        width: 100px;
22907    }
22908    .recommendation .tools_box {
22909        flex-wrap: wrap;
22910    }
22911    .recommendation__text {
22912        width: 100%;
22913        margin-top: 8px;
22914    }
22915    .recommendation__send-box {
22916        position: absolute;
22917        top: 12px;
22918        right: 12px;
22919        width: 20px;
22920        height: 20px;
22921    }
22922}
22923
22924
22925/*Medium devices (tablets, 767px and down)*/
22926
22927@media (max-width: 767.98px) {
22928    .footer_bottom {
22929        text-align: center;
22930    }
22931    .title_lg {
22932        font-size: 26px;
22933    }
22934    .recommendation .title_lg {
22935        font-size: 28px;
22936    }
22937    .recommendation p {
22938        font-size: 12px;
22939        margin-top: 4px !important;
22940    }
22941    .recommendation {
22942        padding-bottom: 56px;
22943        padding-top: 56px !important;
22944    }
22945    .recommendation .catalog-box h4 {
22946        width: 100%;
22947    }
22948    .recommendation .catalog-box>div:nth-of-type(n+5) {
22949        display: none;
22950    }
22951    .rating_box {
22952        -webkit-box-orient: vertical;
22953        -webkit-box-direction: normal;
22954        -ms-flex-direction: column;
22955        flex-direction: column;
22956    }
22957    .star-rating {
22958        padding-left: 0;
22959    }
22960    .menu_wrap {
22961        overflow: auto;
22962        scrollbar-width: none;
22963        -ms-overflow-style: none;
22964    }
22965    .mobile_menu_wrapper {
22966        position: fixed;
22967        bottom: 0;
22968        left: 0;
22969        z-index: 5;
22970        width: 100%;
22971        background-color: #fff;
22972    }
22973    .range_left_content .pager {
22974        display: none !important;
22975    }
22976    .range_wrapper {
22977        max-width: 540px;
22978        margin-left: auto;
22979        margin-right: auto;
22980    }
22981    .range_right_content .slider-box {
22982        display: none !important;
22983    }
22984    .pdf_mb {
22985        white-space: nowrap;
22986        padding-left: 16px;
22987    }
22988    .pdf_content {
22989        /*max-width: 540px;*/
22990        padding-left: 15px;
22991        padding-right: 15px;
22992        margin-left: auto;
22993        margin-right: auto;
22994        padding-bottom: 90px;
22995    }
22996    .pdf_content.lg_content {
22997        padding-left: 15px;
22998    }
22999    #switch .modal-dialog {
23000        max-width: 327px;
23001    }
23002    #switch .modal-body {
23003        padding: 24px;
23004    }
23005    #signature .modal-content .modal-body h4,
23006    #switch .modal-content .modal-body h4 {
23007        font-size: 18px;
23008    }
23009    .modal_sub {
23010        font-size: 12px;
23011    }
23012    .switch_radio_box {
23013        margin-top: 16px;
23014    }
23015    .switch_btn p {
23016        font-size: 10px;
23017        margin-top: 24px;
23018        max-width: 197px;
23019        margin-left: auto;
23020        margin-right: auto;
23021    }
23022    .switch_btn button {
23023        font-size: 12px;
23024        padding: 11px;
23025        margin-top: 16px;
23026    }
23027    .color_img img {
23028        height: 88px;
23029        width: 88px;
23030    }
23031    .menu_wrap .dropdown-toggle::after {
23032        display: none;
23033    }
23034    .container-present {
23035        margin-left: calc((100vw - 509px) / 2);
23036    }
23037    .filter-container {
23038        margin-right: 24px;
23039        overflow-x: scroll;
23040        -ms-overflow-style: none;
23041        scrollbar-width: none;
23042        height: 61px;
23043        border-radius: 99px;
23044        box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
23045    }
23046    .filter-container::-webkit-scrollbar {
23047        display: none;
23048    }
23049    .statistic {
23050        padding: 16px;
23051    }
23052    .statistic__num {
23053        font-size: 24px;
23054        margin: 0;
23055    }
23056    .statistic__item:last-child {
23057        order: 1;
23058    }
23059    .statistic__item:first-child {
23060        order: 1;
23061    }
23062    .statistic__text {
23063        font-size: 10px;
23064        margin-top: 2px;
23065        line-height: 1.5;
23066    }
23067    .statistic__item {
23068        flex-direction: column;
23069        align-items: flex-start;
23070    }
23071    .statistic__item:not(:last-of-type)::after {
23072        content: none;
23073    }
23074    .d-4 {
23075        display: none;
23076    }
23077    .chart-creators_box {
23078        padding: 16px;
23079    }
23080    .chart-creators_bar,
23081    .chart-creators_tabs {
23082        padding: 10px;
23083    }
23084    .chart-creators_bar {
23085        flex-wrap: wrap;
23086        padding-top: 4px;
23087    }
23088    .chart-creators_bar .form-check {
23089        margin-left: 3px;
23090        margin-right: 3px;
23091        margin-top: 6px;
23092    }
23093    .chart-creators_bar .form-check-label {
23094        width: 87px;
23095    }
23096    .chart-creators_tabs .list-group {
23097        padding-left: 4px;
23098        padding-right: 4px;
23099        display: flex;
23100    }
23101    .chart-creators_tabs .list-group-item {
23102        padding: 10px 11px;
23103        font-size: 12px;
23104        margin-left: 0;
23105        margin-right: 0;
23106    }
23107    .tab-content .form-group {
23108        margin-bottom: 0;
23109    }
23110    .tab-content .text-settings {
23111        bottom: 3px;
23112        right: 3px;
23113    }
23114    .tab-content .form-group>label {
23115        font-size: 12px;
23116        padding-bottom: 8px;
23117    }
23118    .tab-content .form-group>.form-control {
23119        height: 35px;
23120        font-size: 10px;
23121    }
23122    .tab-content .dropdown .btn-secondary {
23123        font-size: 10px;
23124        padding-top: 9px;
23125        padding-bottom: 9px;
23126    }
23127    .tab-content .dropdown-item {
23128        font-size: 10px;
23129        margin-top: 2px;
23130    }
23131    .chart-creators_buttons .button {
23132        width: 100%;
23133        padding-top: 8px;
23134        padding-bottom: 8px;
23135        font-size: 12px;
23136    }
23137    .chart-creators_import {
23138        text-align: center;
23139    }
23140    .chart-creators_import .button {
23141        width: 100%;
23142        padding-top: 8px;
23143        padding-bottom: 8px;
23144        font-size: 12px;
23145    }
23146    .chart-creators_import p {
23147        margin-top: 5px;
23148        font-size: 10px;
23149    }
23150    .tags {
23151        display: none;
23152    }
23153    .custom-scroll {
23154        padding-right: 8px;
23155    }
23156    .history-popup {
23157        padding: 16px 8px 16px 16px;
23158    }
23159    .history-popup__title {
23160        font-size: 18px;
23161    }
23162    .history-dropdown .dropdown-toggle {
23163        padding: 11px 35px 11px 16px;
23164        font-size: 14px;
23165    }
23166    .history-summarizer_item h5 {
23167        font-size: 14px;
23168    }
23169    .summarizer_item p {
23170        font-size: 10px;
23171    }
23172    .history-summarizer_item .form-control {
23173        font-size: 12px;
23174    }
23175    .history-summarizer_item .compress-result_button-download {
23176        font-size: 12px;
23177        padding-top: 11px;
23178        padding-bottom: 11px;
23179    }
23180    .history-summarizer_item .summarizer_action .button-copy {
23181        margin-top: 0;
23182    }
23183    .history-popup_close {
23184        top: 16px;
23185        right: 18px;
23186    }
23187}
23188
23189
23190/*Small devices (landscape phones, 575px and down)*/
23191
23192@media (max-width: 575.98px) {
23193    .bottom_menu {
23194        padding-right: 0px;
23195    }
23196    .home_area h1 {
23197        font-size: 26px;
23198        line-height: 130%;
23199    }
23200    .home_area p {
23201        font-size: 13px;
23202        margin-top: 12px;
23203    }
23204    .search_group input {
23205        font-size: 12px;
23206        height: 50px;
23207    }
23208    .search_group {
23209        margin-top: 24px;
23210    }
23211    .search_group .button {
23212        font-size: 12px;
23213        padding: 7px 24px;
23214    }
23215    .tag_box a {
23216        padding: 5px 10px;
23217        font-size: 10px;
23218        margin-left: 2px;
23219    }
23220    body {
23221        font-size: 14px;
23222    }
23223    .title {
23224        font-size: 26px;
23225    }
23226    .sub_title {
23227        font-size: 12px;
23228    }
23229    br {
23230        display: none;
23231    }
23232    .price_box {
23233        padding: 12px;
23234    }
23235    .price_box ul li {
23236        font-size: 16px;
23237    }
23238    .button {
23239        font-size: 14px;
23240    }
23241    .price_box h4 {
23242        font-size: 20px;
23243    }
23244    .price_box h3 {
23245        font-size: 16px;
23246    }
23247    .footer_bottom p img {
23248        max-width: 70px;
23249        margin-right: 5px;
23250    }
23251    .footer_bottom {
23252        font-size: 10px;
23253        margin-top: 25px;
23254    }
23255    footer {
23256        font-size: 12px;
23257    }
23258    footer h4 {
23259        font-size: 14px;
23260    }
23261    .title_md {
23262        font-size: 20px;
23263    }
23264    .tools_area.v2 .tools_box {
23265        padding: 24px;
23266    }
23267    .tools_area.v2 .tools_box p {
23268        font-size: 14px;
23269    }
23270    .tools_area.v2 .icon_box {
23271        width: 56px;
23272        height: 56px;
23273        padding: 12px;
23274    }
23275    .pdf_mb {
23276        font-size: 14px;
23277    }
23278    .serach_img {
23279        margin-right: 0;
23280    }
23281    .serach_img img {
23282        max-width: 14px;
23283    }
23284    .button.outline_btn {
23285        font-size: 10px;
23286        padding: 7px 10px;
23287    }
23288    .top_header .button {
23289        font-size: 10px;
23290        padding: 7px 10px;
23291    }
23292    .top_header .dropdown-toggle {
23293        width: 30px;
23294        height: 30px;
23295    }
23296    .switch-mode {
23297        width: 13px;
23298        height: 13px;
23299    }
23300    .logo_con img {
23301        max-width: 123px;
23302    }
23303    .color_img {
23304        flex-basis: 33.33%;
23305        max-width: 33.33%;
23306    }
23307    .color_wrapper {
23308        padding-top: 20px;
23309        padding-bottom: 50px;
23310    }
23311    .container-present {
23312        margin-left: 24px;
23313        padding: 0;
23314    }
23315}
23316
23317@media (max-width: 1400px) {
23318    .statistic__item:not(:last-of-type)::after {
23319        padding-left: 30px;
23320    }
23321    .tools {
23322        box-shadow: 20px 20px 72px rgb(24 29 32 / 10%);
23323        position: relative;
23324    }
23325    .container-present {
23326        box-shadow: 3em 0 8.4em #eaeaea;
23327    }
23328}
23329
23330
23331                    /* Slider */
23332.slick-slider
23333{
23334    position: relative;
23335
23336    display: block;
23337    box-sizing: border-box;
23338
23339    -webkit-user-select: none;
23340       -moz-user-select: none;
23341        -ms-user-select: none;
23342            user-select: none;
23343
23344    -webkit-touch-callout: none;
23345    -khtml-user-select: none;
23346    -ms-touch-action: pan-y;
23347        touch-action: pan-y;
23348    -webkit-tap-highlight-color: transparent;
23349}
23350
23351.slick-list
23352{
23353    position: relative;
23354
23355    display: block;
23356    overflow: hidden;
23357
23358    margin: 0;
23359    padding: 0;
23360}
23361.slick-list:focus
23362{
23363    outline: none;
23364}
23365.slick-list.dragging
23366{
23367    cursor: pointer;
23368    cursor: hand;
23369}
23370
23371.slick-slider .slick-track,
23372.slick-slider .slick-list
23373{
23374    -webkit-transform: translate3d(0, 0, 0);
23375       -moz-transform: translate3d(0, 0, 0);
23376        -ms-transform: translate3d(0, 0, 0);
23377         -o-transform: translate3d(0, 0, 0);
23378            transform: translate3d(0, 0, 0);
23379}
23380
23381.slick-track
23382{
23383    position: relative;
23384    top: 0;
23385    left: 0;
23386
23387    display: block;
23388    margin-left: auto;
23389    margin-right: auto;
23390}
23391.slick-track:before,
23392.slick-track:after
23393{
23394    display: table;
23395
23396    content: '';
23397}
23398.slick-track:after
23399{
23400    clear: both;
23401}
23402.slick-loading .slick-track
23403{
23404    visibility: hidden;
23405}
23406
23407.slick-slide
23408{
23409    display: none;
23410    float: left;
23411
23412    height: 100%;
23413    min-height: 1px;
23414}
23415[dir='rtl'] .slick-slide
23416{
23417    float: right;
23418}
23419.slick-slide img
23420{
23421    display: block;
23422}
23423.slick-slide.slick-loading img
23424{
23425    display: none;
23426}
23427.slick-slide.dragging img
23428{
23429    pointer-events: none;
23430}
23431.slick-initialized .slick-slide
23432{
23433    display: block;
23434}
23435.slick-loading .slick-slide
23436{
23437    visibility: hidden;
23438}
23439.slick-vertical .slick-slide
23440{
23441    display: block;
23442
23443    height: auto;
23444
23445    border: 1px solid transparent;
23446}
23447.slick-arrow.slick-hidden {
23448    display: none;
23449}
23450
23451                
23452        .menu2 li a > svg {
23453    width: 20px;
23454    height: 20px;
23455    margin-right: 8px;
23456    flex-shrink: 0;
23457}
23458
23459.drop_menu a > svg, .menu2 li a > svg {
23460    color: #1A8FE3;
23461}
23462
23463.drop_menu a:hover > svg, .menu2 li a:hover > svg {
23464    color: var(--blue);
23465}
23466
23467.expand_menu .tools_box {
23468    display: block;
23469}
23470
23471.video-js button.vjs-big-play-button {
23472    top: calc(50% - 25px);
23473    left: calc(50% - 45px);
23474}
23475
23476.icon_box.v1 {
23477    color: #E24841;
23478}
23479
23480.icon_box.v2 {
23481    color: #E2C740;
23482}
23483
23484.icon_box.v3 {
23485    color: #FF7919;
23486}
23487
23488.icon_box.v4 {
23489    color: #10D0D5;
23490}
23491
23492.icon_box.v5 {
23493    color: #624BD8;
23494}
23495
23496.icon_box.v6 {
23497    color: #3D99F5;
23498}
23499
23500.icon_box.v7 {
23501    color: #79DC47;
23502}
23503
23504.icon_box.v8 {
23505    color: #FF5975;
23506}
23507
23508.no-border {
23509    border: 0;
23510    box-shadow: none;
23511}
23512
23513.files_name, .files_tree .files_name {
23514    display: flex;
23515    flex-shrink: 1;
23516    width: auto;
23517    padding-right: 16px;
23518    margin-right: 10px;
23519}
23520
23521.background-chess {
23522    background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
23523    background-size: 20px 20px;
23524    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
23525}
23526
23527@media (min-width: 992px) and (max-width: 1199.98px) {
23528    .menu2 li a svg {
23529        width: 15px;
23530        height: 15px;
23531        margin-right: 5px;
23532    }
23533}
23534
23535form .is-invalid {
23536    border-color: #a52219;
23537}
23538
23539.uploader-container {
23540    position: relative;
23541    display: -webkit-box;
23542    display: -ms-flexbox;
23543    display: flex;
23544    -webkit-box-align: center;
23545    -ms-flex-align: center;
23546    align-items: center;
23547    width: 100%;
23548    max-width: 100%;
23549    -webkit-transition: 0.2s;
23550    -o-transition: 0.2s;
23551    transition: 0.2s;
23552    border-radius: 12px;
23553    padding: 24px;
23554    -webkit-box-pack: center;
23555    -ms-flex-pack: center;
23556    justify-content: center;
23557    -webkit-box-orient: vertical;
23558    -webkit-box-direction: normal;
23559    -ms-flex-direction: column;
23560    flex-direction: column;
23561    margin-top: 4.5rem;
23562    /*height: 366px;*/
23563    min-height: 366px;
23564    background: #FFFFFF;
23565}
23566
23567.compress-result {
23568    background: none;
23569    border: none;
23570    padding: 0;
23571}
23572
23573.file-uploader--wrapper, .component--wrapper, .component-sended--wrapper {
23574    width: 100%;
23575}
23576
23577.component--wrapper .card-footer {
23578    background-color: unset;
23579}
23580
23581.file-drop-area {
23582    margin-top: unset;
23583    border: none;
23584    border-radius: unset;
23585}
23586
23587.file-drop-area.hidden-area {
23588    width: 100%;
23589    height: 100%;
23590    padding: 0;
23591}
23592
23593.file-drop-area.hidden-area .file-uploads.button {
23594    width: 100%;
23595    height: 100%;
23596}
23597
23598.file-drop-area.hidden-area .file-uploads.button label {
23599    cursor: pointer;
23600}
23601
23602.extra-large-modal .modal-dialog {
23603    max-width: 90%;
23604}
23605
23606.extra-large-modal .modal-dialog img {
23607    max-width: 95%;
23608}
23609
23610.centered-modal .modal-body {
23611    text-align: center;
23612}
23613
23614.extra-large-modal.page-width-pdf .modal-dialog {
23615    max-width: 1080px;
23616}
23617
23618div[class^="text-tr-transform__s"] {
23619    display: none;
23620}
23621
23622.tr-transform--active, .text-tr-transform--active {
23623    position: absolute;
23624    z-index: 5;
23625}
23626
23627.text-tr-transform__content {
23628/ / min-width: 100 px;
23629    max-width: 700px;
23630}
23631
23632.tr-transform__content, .text-tr-transform__content {
23633    user-select: none;
23634}
23635
23636.tr-transform__content input, .text-tr-transform__content input {
23637    width: 100%;
23638    height: 50px;
23639    font-size: 24px;
23640    background-color: rgba(0, 0, 0, 0.2);
23641    border: none;
23642    font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif;
23643}
23644
23645.tr-transform__content img {
23646    width: 100% !important;
23647    background-color: rgba(0, 0, 0, 0.2);
23648}
23649
23650.tr-transform__content div.full-transform-block {
23651    width: 100%;
23652    height: 100%;
23653    /*font-size: 24px;*/
23654    background-color: rgba(0, 0, 0, 0.2);
23655    border: none;
23656    /*font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif;*/
23657    color: #000000;
23658    line-height: 1.2;
23659}
23660
23661.tr-transform__rotator, .text-tr-transform__rotator {
23662    top: -45px;
23663    left: calc(50% - 7px);
23664}
23665
23666.tr-transform__rotator,
23667.text-tr-transform__rotator {
23668    background: unset !important;
23669    border: unset !important;
23670}
23671
23672.tr-transform__rotator,
23673.tr-transform__scale-point,
23674.text-tr-transform__rotator,
23675.text-tr-transform__scale-point {
23676    background: #fff;
23677    width: 15px;
23678    height: 15px;
23679    border-radius: 50%;
23680    position: absolute;
23681    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
23682    border: 1px solid rgba(0, 0, 0, 0.1);
23683    cursor: pointer;
23684}
23685
23686.tr-transform__rotator:hover,
23687.tr-transform__scale-point:hover,
23688.text-tr-transform__rotator:hover,
23689.text-tr-transform__scale-point:hover {
23690    background: #F1F5F8;
23691}
23692
23693.tr-transform__rotator:active,
23694.tr-transform__scale-point:active,
23695.text-tr-transform__rotator:active,
23696.text-tr-transform__scale-point:active {
23697    background: #DAE1E7;
23698}
23699
23700.tr-transform__scale-point {
23701
23702}
23703
23704.tr-transform__scale-point--tl,
23705.text-tr-transform__scale-point--tl {
23706    top: -7px;
23707    left: -7px;
23708}
23709
23710.tr-transform__scale-point--ml,
23711.text-tr-transform__scale-point--ml {
23712    top: calc(50% - 7px);
23713    left: -7px;
23714}
23715
23716.tr-transform__scale-point--tr,
23717.text-tr-transform__scale-point--tr {
23718    left: calc(100% - 7px);
23719    top: -7px;
23720}
23721
23722.tr-transform__scale-point--tm,
23723.text-tr-transform__scale-point--tm {
23724    left: calc(50% - 7px);
23725    top: -7px;
23726}
23727
23728.tr-transform__scale-point--mr,
23729.text-tr-transform__scale-point--mr {
23730    left: calc(100% - 7px);
23731    top: calc(50% - 7px);
23732}
23733
23734.tr-transform__scale-point--bl,
23735.text-tr-transform__scale-point--bl {
23736    left: -7px;
23737    top: calc(100% - 7px);
23738}
23739
23740.tr-transform__scale-point--bm,
23741.text-tr-transform__scale-point--bm {
23742    left: calc(50% - 7px);
23743    top: calc(100% - 7px);
23744}
23745
23746.tr-transform__scale-point--br,
23747.text-tr-transform__scale-point--br {
23748    left: calc(100% - 7px);
23749    top: calc(100% - 7px);
23750}
23751
23752.del-icon-block {
23753    opacity: 1;
23754    position: absolute;
23755    top: -3px;
23756    left: -6px;
23757    cursor: pointer;
23758    z-index: 5;
23759}
23760
23761.del-icon-block_wrapper, .del-icon-block_item,
23762.del-icon-block_item svg, .del-icon-block_item svg path {
23763    z-index: 4;
23764}
23765
23766.del-icon-block .del-icon-block_wrapper {
23767    border-radius: 50%;
23768    color: #fff;
23769    background-color: #262626;
23770    height: 24px;
23771    width: 24px;
23772    padding: 6px;
23773    line-height: 0;
23774    -webkit-box-sizing: border-box;
23775    box-sizing: border-box;
23776}
23777
23778.del-icon-block .del-icon-block_item {
23779    overflow: hidden;
23780    width: 100%;
23781    height: 100%;
23782}
23783
23784.video-player-box .video-js {
23785    margin: 0 auto;
23786}
23787
23788.compress_area {
23789    min-height: 830px;
23790}
23791
23792.btn-primary {
23793    background-color: #1A8FE3;
23794    border-radius: 10px;
23795}
23796
23797.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
23798    background-color: #126daf;
23799    color: #fff;
23800}
23801
23802.show > .btn-primary.dropdown-toggle {
23803    background-color: #126daf;
23804    color: #fff;
23805}
23806
23807.btn-outline-primary {
23808    color: #71BAEE;
23809    border: 1px solid #83C2F0;
23810    border-radius: 10px;
23811}
23812
23813.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
23814    background-color: #71BAEE;
23815    border-color: #71BAEE;
23816    color: #fff;
23817}
23818
23819.show > .btn-outline-primary.dropdown-toggle {
23820    background-color: #71BAEE;
23821    border-color: #71BAEE;
23822    color: #fff;
23823}
23824
23825.sign-image-upload:not(.dropdown-toggle) {
23826    font-weight: 600;
23827    font-size: 12px;
23828    line-height: 1.3;
23829    padding: 12px 24px;
23830}
23831
23832/* --- Spin button styles from bootstrap vue --- */
23833.b-form-spinbutton {
23834    text-align: center;
23835    overflow: hidden;
23836    background-image: none;
23837    padding: 0;
23838}
23839
23840[dir="rtl"] .b-form-spinbutton:not(.flex-column),
23841.b-form-spinbutton[dir="rtl"]:not(.flex-column) {
23842    flex-direction: row-reverse;
23843}
23844
23845.b-form-spinbutton output {
23846    font-size: inherit;
23847    outline: 0;
23848    border: 0;
23849    background-color: transparent;
23850    width: auto;
23851    margin: 0;
23852    padding: 0 0.25rem;
23853}
23854
23855.b-form-spinbutton output > div,
23856.b-form-spinbutton output > bdi {
23857    display: block;
23858    min-width: 2.25em;
23859    height: 1.5em;
23860}
23861
23862.b-form-spinbutton.flex-column {
23863    height: auto;
23864    width: auto;
23865}
23866
23867.b-form-spinbutton.flex-column output {
23868    margin: 0 0.25rem;
23869    padding: 0.25rem 0;
23870}
23871
23872.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
23873    output-width: 100%;
23874}
23875
23876.b-form-spinbutton.d-inline-flex:not(.flex-column) {
23877    width: auto;
23878}
23879
23880.b-form-spinbutton .btn {
23881    line-height: 1;
23882    box-shadow: none !important;
23883}
23884
23885.b-form-spinbutton .btn:disabled {
23886    pointer-events: none;
23887}
23888
23889.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
23890    transform: scale(1.25);
23891}
23892
23893.b-form-spinbutton.disabled,
23894.b-form-spinbutton.readonly {
23895    background-color: #e9ecef;
23896}
23897
23898.b-form-spinbutton.disabled {
23899    pointer-events: none;
23900}
23901
23902.element-tools a {
23903    color: #707375;
23904}
23905
23906label[for=file] {
23907    cursor: pointer;
23908}
23909
23910.cancel-btn_tool {
23911    margin-top: 50px;
23912}
23913
23914.compress_area {
23915    min-height: 730px;
23916}
23917
23918.uploader-container {
23919    margin-top: 2.5rem;
23920}
23921
23922img.w-100 {
23923    height: auto;
23924}
23925
23926.home_area {
23927    padding: unset;
23928}
23929
23930.pt_150-imp {
23931    padding-top: 150px !important;
23932}
23933
23934.rating_box {
23935    min-height: 57px;
23936}
23937
23938.form-control.default-background[readonly] {
23939    background-color: #fff;
23940}
23941
23942@media (max-width: 767.98px) {
23943    .rating_box {
23944        min-height: 88px;
23945    }
23946}
23947
23948[contenteditable]:focus {
23949    outline: 0px solid transparent;
23950}
23951
23952.table-block {
23953    display: table;
23954}
23955
23956.table-block .table-element {
23957    display: table-cell;
23958}
23959
23960.files_group .files_item + .files_item {
23961    margin-top: 10px;
23962}
23963
23964.font-control .font-picker .dropdown-button {
23965    padding: 0.5rem 1rem;
23966    font-size: 1.25rem;
23967    line-height: 1.5;
23968    border-radius: 0.3rem;
23969    height: 55px;
23970}
23971
23972.upload-block_tool {
23973    padding-top: 50px;
23974    width: 100%;
23975    padding-bottom: 20px;
23976}
23977
23978.flex-block-paginated {
23979    align-content: flex-start;
23980    justify-content: space-between;
23981    display: flex;
23982}
23983
23984.flex-block-paginated .flex-block-paginated_element {
23985    min-width: 100px;
23986    max-width: 200px;
23987    height: 200px;
23988    font-size: 8px;
23989}
23990
23991.free-line-wrapper {
23992    background: #E9E9E9;
23993    padding: 10px 0;
23994    font-size: 14px;
23995    line-height: 20px;
23996    font-family: Poppins;
23997    font-style: normal;
23998    font-weight: normal;
23999}
24000
24001.free-line-wrapper span {
24002    color: #707375;
24003}
24004
24005/* start simple color picker for charts */
24006.modal-chart-color-picker .modal-dialog {
24007    box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
24008    margin-left: 0;
24009    margin-right: 0;
24010    margin-bottom: 0;
24011}
24012
24013.modal-chart-color-picker .modal-dialog-centered {
24014    align-items: flex-end;
24015    min-height: calc(100%);
24016}
24017
24018.modal-chart-color-picker .modal-content {
24019    border-radius: 16px 16px 0 0;
24020    border: none;
24021}
24022
24023.modal-chart-color-picker .modal-header {
24024    border: none;
24025    padding-bottom: 0;
24026}
24027
24028.modal-chart-color-picker .modal-title {
24029    font-weight: 600;
24030    font-size: 16px;
24031    line-height: 24px;
24032    color: #181D20;
24033}
24034
24035.modal-chart-color-picker .color_apply_button {
24036    padding-top: 8px;
24037    padding-bottom: 8px;
24038    padding-left: 10px;
24039    padding-right: 10px;
24040    font-size: 12px;
24041    min-width: inherit;
24042    display: block;
24043    font-weight: 500;
24044    height: 40px;
24045}
24046
24047@media (min-width: 768px) {
24048
24049    .modal-chart-color-picker {
24050        position: absolute;
24051        top: 80px;
24052        left: 0;
24053        width: 320px;
24054        overflow: visible;
24055        box-sizing: border-box;
24056        min-height: 350px;
24057    }
24058
24059    .modal-open .modal-chart-color-picker {
24060        overflow: visible;
24061    }
24062
24063    .modal-chart-color-picker .modal-header {
24064        display: none;
24065    }
24066
24067    .modal-chart-color-picker .modal-dialog {
24068        width: 100%;
24069        margin-top: 0;
24070        box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05);
24071        border-radius: 6px;
24072    }
24073
24074    .modal-chart-color-picker .modal-body {
24075        padding: 10px;
24076    }
24077
24078    .modal-chart-color-picker .modal-dialog-centered {
24079        align-items: flex-start;
24080        min-height: auto;
24081    }
24082
24083    .modal-chart-color-picker .modal-content {
24084        border-radius: 12px;
24085    }
24086}
24087
24088.new-download-compact .dropdown-toggle::after {
24089    transform: none;
24090}
24091
24092.new-download-compact .btn-primary {
24093    border-radius: 7px;
24094    font-weight: 600;
24095    font-size: 16px;
24096}
24097
24098.new-download-compact .btn-group > .btn-primary {
24099    padding: 11px 14px 11px 38px;
24100}
24101
24102.new-download-compact .btn-group .dropup .btn-primary {
24103    padding: 11px 14px;
24104}
24105
24106.chart-creators_table .table {
24107    table-layout: auto;
24108}
24109
24110.chart-creators_table td.disabled {
24111    background: #dedede;
24112}
24113
24114.collage-grid_item {
24115    display: flex;
24116    align-items: center;
24117    justify-content: center;
24118    position: relative;
24119}
24120
24121.collage-grid_item .image-progress {
24122    width: 100%;
24123    height: 32px;
24124    top: calc(50% - 16px);
24125    position: absolute;
24126    z-index: 7;
24127}
24128
24129.collage-grid_item .image-progress .container-progress {
24130    width: 60%;
24131    margin: 0 auto;
24132}
24133
24134/* end simple color picker for charts */
24135
24136/*Dark Mode*/
24137
24138/*.dark-mode .tools_area {*/
24139/*    background: #273744 url(/v2/img/wave.svg) 0 20% no-repeat !important;*/
24140/*    background-size: 100% auto !important;*/
24141/*}*/
24142.dark-mode .tools_area {
24143    background: #1F2A33 url(/v2/img/wave.svg) 0 20% no-repeat !important;
24144    background-size: 100% auto !important;
24145}
24146
24147.dark-mode .home_area {
24148    /*background: unset !important;*/
24149    /*background-size: unset !important;*/
24150}
24151
24152.dark-mode .modal-upload .modal-title,
24153.dark-mode .modal-templates .modal-title {
24154    color: #fff;
24155}
24156
24157.dark-mode .modal-header .close {
24158    color: #fff;
24159}
24160
24161.dark-mode .uploader-container {
24162    background-color: #223544;
24163    border-color: #707375;
24164}
24165
24166.dark-mode .b-form-spinbutton {
24167    background-color: #223544;
24168    border-color: #707375;
24169    color: #fff;
24170}
24171
24172.dark-mode .b-form-spinbutton svg {
24173    color: #fff;
24174}
24175
24176.dark-mode input, .dark-mode select,
24177.dark-mode .pdf-preview .item:hover,
24178.dark-mode .images-preview .item:hover,
24179.dark-mode .images-preview .item:hover .buttons,
24180.dark-mode .ace-chrome {
24181    background-color: #1F2A33 !important;
24182    color: #EFEFEF !important;
24183    border-color: #707375 !important;
24184}
24185
24186.dark-mode .free-line-wrapper {
24187    background: #223544;
24188}
24189
24190.dark-mode .free-line-wrapper span {
24191    color: #fff;
24192}
24193
24194.dark-mode .vacp-color-picker {
24195    background: #1A252F;
24196}
24197
24198.dark-mode .color_main_wrapper {
24199    background-color: #223544;
24200}
24201
24202.dark-mode .color_heading h4 {
24203    color: #fff;
24204}
24205
24206.dark-mode .font-picker .dropdown-button {
24207    background: #314659;
24208    color: #EFEFEF;
24209}
24210
24211.dark-mode .font-picker .dropdown-button:hover,
24212.dark-mode .font-picker .dropdown-button.expanded,
24213.dark-mode .font-picker .dropdown-button.active,
24214.dark-mode .font-picker .dropdown-button:focus {
24215    background-color: #252f39;
24216}
24217
24218.dark-mode .font-picker .dropdown-button:disabled {
24219    background-color: #45627d;
24220}
24221
24222.dark-mode .font-picker .dropdown-icon.finished:before {
24223    border-top: 6px solid #EFEFEF;
24224}
24225
24226.dark-mode .font-picker ul {
24227    background-color: #404A54;
24228}
24229
24230.dark-mode .font-picker ul li button.active-font {
24231    background-color: #252f39;
24232}
24233
24234.dark-mode .font-picker ul li button:hover,
24235.dark-mode .font-picker ul li button:focus {
24236    background-color: #2d3946;
24237}
24238
24239.dark-mode .menu2 > li .expand_menu-box {
24240    /*background-color: #223544;*/
24241}
24242
24243.dark-mode .share h3 {
24244    color: #fff;
24245}
24246
24247.dark-mode .compress-result .get-update {
24248    color: #EFEFEF;
24249    background: none;
24250    background-image: none;
24251}
24252
24253.dark-mode .compress-result .get-update h3 {
24254    color: #fff;
24255}
24256
24257.dark-mode .splitter-image_bar-item p {
24258    color: #fff;
24259}
24260
24261.dark-mode .splitter-image_bar .button {
24262    background-color: #1F2A33 !important;
24263    color: #EFEFEF !important;
24264    border-color: #707375 !important;
24265}
24266
24267@media (min-width: 1023px) {
24268    .dark-mode .expand_menu_title {
24269        color: #828586;
24270    }
24271}
24272
24273.dark-mode .memes-edit_tools-form .mcfontpicker__preview {
24274    filter: invert(1);
24275    pointer-events: none;
24276}
24277
24278.dark-mode .memes-edit_tools-form .mcfontpicker__search:focus + .mcfontpicker__preview {
24279    filter: none;
24280}
24281
24282.dark-mode .chart-creators_table .table td {
24283    color: #ffffff;
24284}
24285
24286.dark-mode .chart-creators_table td.disabled {
24287    background: #3c5769;
24288}
24289
24290/* pdf editor*/
24291.dark-mode .editor-container .top_header {
24292    background-color: #1A252E;
24293    border-color: #707375;
24294}
24295
24296.editor-container a .img-fluid.logo-dark {
24297    display: none;
24298}
24299
24300.dark-mode .editor-container a .img-fluid.logo-normal {
24301    display: none;
24302}
24303
24304.dark-mode .editor-container a .img-fluid.logo-dark {
24305    display: block;
24306}
24307
24308.dark-mode .editor-container .top_header .header-filename h4 span {
24309    color: #EFEFEF;
24310}
24311
24312.dark-mode .editor-container .dropdown-menu {
24313    color: #EFEFEF;
24314    background-color: #404A54;
24315}
24316
24317.dark-mode .editor-container .dropdown-menu a.dropdown-item {
24318    color: #EFEFEF;
24319}
24320
24321.dark-mode .editor-container .dropdown-menu a.dropdown-item:hover {
24322    background-color: #2d3946;
24323}
24324
24325.dark-mode .editor-container .bottom_menu,
24326.dark-mode .editor-container .mobile_menu_wrapper {
24327    color: #EFEFEF;
24328    background-color: #1F2A33;
24329    border-color: #707375;
24330}
24331
24332.dark-mode .editor-container .bottom_menu .slider-box {
24333    background: none;
24334}
24335
24336.dark-mode .editor-container .main_wrapper .sidebar {
24337    color: #EFEFEF;
24338    background-color: #1F2A33;
24339    border-color: #707375;
24340}
24341
24342.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn {
24343    color: #6c757d;
24344    border-color: #6c757d;
24345}
24346
24347.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn:hover {
24348    color: #fff;
24349    background-color: #e6e6e6;
24350}
24351
24352.dark-mode .editor-container .main_wrapper .sidebar .add_wrap {
24353    border-color: #707375;
24354}
24355
24356.dark-mode .editor-container .main_wrapper {
24357    color: #EFEFEF;
24358    background-color: #223544;
24359    border-color: #707375;
24360}
24361
24362.dark-mode .editor-container .menu_wrap > ul > li > a {
24363    color: #EFEFEF;
24364}
24365
24366.dark-mode .pager h4 {
24367    color: #EFEFEF;
24368}
24369
24370/* end pdf editor */
24371
24372.main-link {
24373    cursor: pointer;
24374}
24375
24376.upload-block-flex {
24377    display: flex;
24378    justify-content: space-between;
24379}
24380
24381.custom-control.custom-control__w-l {
24382    padding-left: unset;
24383    margin-left: unset;
24384}
24385
24386.modal-backdrop:not(.show):not(.fade) {
24387    opacity: .5;
24388}
24389
24390@media (max-width: 768px) {
24391    .images-preview .item.col-3, .images-preview .item {
24392        flex: unset;
24393        max-width: 100%;
24394    }
24395
24396    .btn-lg.btn-lg-responsive {
24397        font-size: 1rem;
24398    }
24399
24400    .m-xsm-2 {
24401        margin: 0.5rem !important;
24402    }
24403}
24404
24405.p-u {
24406    padding: unset;
24407}
24408
24409.m-u {
24410    margin: unset;
24411}
24412
24413.checkered {
24414    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
24415    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
24416    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
24417    background-repeat: repeat, repeat;
24418    background-position: 0px 0, 10px 10px;
24419    -webkit-transform-origin: 0 0 0;
24420    transform-origin: 0 0 0;
24421    -webkit-background-origin: padding-box, padding-box;
24422    background-origin: padding-box, padding-box;
24423    -webkit-background-clip: border-box, border-box;
24424    background-clip: border-box, border-box;
24425    -webkit-background-size: 20px 20px, 20px 20px;
24426    background-size: 20px 20px, 20px 20px;
24427    -webkit-box-shadow: none;
24428    box-shadow: none;
24429    text-shadow: none;
24430    -webkit-transition: none;
24431    -moz-transition: none;
24432    -o-transition: none;
24433    transition: none;
24434    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
24435    transform: scaleX(1) scaleY(1) scaleZ(1);
24436}
24437
24438.js-pdf-editor__fullscreen {
24439    overflow: hidden;
24440}
24441
24442.convert_wrapper .dropdown-menu {
24443    z-index: 1040;
24444}
24445
24446.bgc-transparent {
24447    background-color: transparent !important;
24448    position: absolute !important;
24449    top: -100000px !important;
24450    display: flex !important;
24451    align-items: center !important;
24452    justify-content: center !important;
24453}
24454
24455.pointer-disable {
24456    pointer-events: none;
24457}
24458
24459#file {
24460    display: none;
24461    /*position:fixed;*/
24462    /*top:-100000px;*/
24463}
24464
24465.f-s-1 {
24466    font-size: 1em;
24467}
24468
24469.image-block__small {
24470    max-width: 400px;
24471    width: 100%;
24472    aspect-ratio: auto;
24473    height: auto;
24474}
24475
24476.btn-group-lg > .btn, .btn-lg {
24477
24478}
24479
24480.modal-fullscreen .modal-body {
24481    padding: unset;
24482    display: flex;
24483    align-items: center;
24484    justify-content: center;
24485}
24486
24487.modal-fullscreen .modal-content {
24488    height: 100%;
24489    overflow: auto;
24490}
24491
24492.modal-fullscreen .modal-dialog {
24493    max-width: 100%;
24494    margin: 0;
24495    top: 0;
24496    bottom: 0;
24497    left: 0;
24498    right: 0;
24499    height: 100vh;
24500    display: flex;
24501    position: fixed;
24502    z-index: 100000;
24503}
24504
24505.modal-fullscreen.no-scroll .modal-content {
24506    overflow: hidden;
24507}
24508
24509@media (max-width: 768px) {
24510    .text-md-center {
24511        text-align: center;
24512    }
24513}
24514
24515.tools-button img {
24516    background: #FFFFFF;
24517    color: #707375;
24518}
24519
24520.tools-button img:hover {
24521    color: #007bff;
24522    border-color: #007bff;
24523    background: #FFFFFF;
24524}
24525
24526
24527.tools-button--add img {
24528    color: #57B286;
24529    border-color: #57B286;
24530}
24531
24532.tools-button--delete img {
24533    color: #D0726C;
24534    border-color: #D0726C;
24535}
24536
24537@media (min-width: 768px) {
24538    .modal-text-settings {
24539        top: 60px;
24540    }
24541
24542    .modal-text-settings .modal-dialog {
24543        margin-top: unset;
24544    }
24545}
24546
24547.meta-info-column {
24548    max-height: 400px;
24549    overflow-y: auto;
24550}
24551
24552.img-fluid--white {
24553    /*color: #fff;*/
24554}
24555
24556.form-inline_fullwidth {
24557    justify-content: space-between;
24558}
24559
24560/*.tools_box a{*/
24561/*    color: #707375;*/
24562/*}*/
24563/*.tools_box.tools_box--popular a{*/
24564/*    color: black;*/
24565/*    font-weight: bold;*/
24566/*}*/
24567/*.tools_box a.strong{*/
24568/*    color: black;*/
24569/*}*/
24570
24571.hide-element {
24572    display: none;
24573}
24574
24575#preloader {
24576    opacity: 0.7;
24577}
24578
24579.full-width {
24580    width: 100%;
24581}
24582
24583.drop_menu-element {
24584    cursor: pointer;
24585    text-align: center;
24586    font-size: larger;
24587    padding: 10px;
24588}
24589
24590.tools_area-whitespaces {
24591    padding-top: 0px;
24592    padding-bottom: 20px;
24593}
24594
24595#stripe-add-card {
24596    /*border: 1px #707375;*/
24597    /*border-style: double;*/
24598    padding: 15px;
24599    border-radius: 4px;
24600}
24601
24602.is-show-add-card-modal .modal-backdrop.show {
24603    opacity: unset;
24604}
24605
24606.is-show-add-card-modal .modal-backdrop {
24607    position: fixed;
24608    top: 0;
24609    left: 0;
24610    z-index: 1040;
24611    width: 100vw;
24612    height: 100vh;
24613    background-color: hsla(0, 0%, 8%, .64);
24614    backdrop-filter: blur(6px);
24615}
24616
24617#modal-add-card .modal-content {
24618    background-color: #e6e3e3;
24619}
24620
24621#stripe-add-card {
24622    background-color: #fff;
24623}
24624
24625.modal#recaptchaForm {
24626    z-index: 1051;
24627}
24628.subimage-block{
24629    position: absolute
24630}
24631
24632/* .combine-grid  */
24633.combine-grid {
24634    display: grid;
24635    grid-column-gap: 0;
24636    grid-row-gap: 0;
24637    border: 1px solid #E3E3E4;
24638    padding: 4px;
24639    height: 487px;
24640    grid-template-columns: [col1-start] 50%  [col2-start] 50% [col2-end];
24641}
24642
24643.combine-grid-side-by-side {
24644    grid-template-columns: [col1-start] 50%  [col2-start] 50% [col2-end];
24645}
24646
24647.combine-grid-side-by-side .collage-grid_item--1 {
24648    border-right: none !important;
24649}
24650
24651.combine-grid-vertically {
24652    grid-template-columns: [col1-start] 100% !important;
24653    grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end];
24654}
24655
24656.combine-grid-vertically .collage-grid_item--1 {
24657    border-bottom: none !important;
24658}
24659
24660.input-button--small {
24661    width: 30px;
24662}
24663.language-switcher__action.is-active{
24664    color: black;
24665}
24666.window-modal__content {
24667    font-size: 50px;
24668    padding: 40px;
24669    line-height: 1;
24670}
24671.window-modal {
24672    text-align: center;
24673}
24674
24675.fullscreen-modal .modal-dialog {
24676    max-width: 100%;
24677    height: 100%;
24678    margin: 0;
24679}
24680
24681.fullscreen-modal .modal-content {
24682    border: 0;
24683    border-radius: 0;
24684    min-height: 100%;
24685    height: auto;
24686}
24687
24688.fullscreen-modal .modal-header, .fullscreen-modal .modal-footer {
24689    z-index: 10;
24690}
24691
24692.fullscreen-modal {
24693    overflow: hidden !important;
24694    padding: 0px !important;
24695}
24696.custom-backdrop{
24697    width: 100vw;
24698    height: 100vh;
24699    position: absolute;
24700    top: 0;
24701    left: 0;
24702    background-color: #000;
24703    opacity: 0.5;
24704    z-index: 1;
24705}
24706.header-modal-block-fw{
24707    width: 100%;
24708}
24709#bv-modal-fullpages .modal-body {
24710    z-index: 20;
24711}
24712
24713.multiple-columns p {
24714    margin-bottom: 1rem;
24715}
24716
24717        .v_8 {
24718    background-color: #FCF4E9;
24719}
24720
24721@media (max-width: 1024px) {
24722    .sticky-top-group .header-search {
24723        height: unset;
24724        width: unset;
24725    }
24726
24727    .mobile_menu .header-search {
24728        height: unset;
24729    }
24730}
24731
24732@media (max-width: 767px) {
24733    .button-box .btn-group .button {
24734        width: auto;
24735    }
24736}
24737
24738.modal-article__body > h3 {
24739    font-size: 12px;
24740    line-height: calc(24 / 12);
24741    letter-spacing: .005em;
24742    font-weight: 700;
24743    margin-bottom: 0;
24744}
24745
24746.modal-article__body > h2 {
24747    font-size: 16px;
24748    line-height: calc(24 / 16);
24749    letter-spacing: .005em;
24750}
24751
24752@media (min-width: 991px) {
24753    .modal-article__body > h3 {
24754        font-size: 16px;
24755        line-height: calc(26 / 16);
24756    }
24757
24758    .modal-article__body > h2 {
24759        font-size: 22px;
24760        line-height: calc(26 / 22);
24761    }
24762
24763    .wall__description {
24764        width: 545px;
24765    }
24766}
24767
24768.article-item__content h2,
24769.file-content-block h2 {
24770    font-size: 22px;
24771}
24772
24773.article-item__content h3,
24774.file-content-block h3 {
24775    font-size: 18px;
24776}
24777
24778.home_area {
24779    padding: 10px 0 40px;
24780}
24781
24782.menu2 li a {
24783    font-size: 18px;
24784}
24785
24786.menu2 > li {
24787    margin-left: 10px;
24788    margin-right: 10px;
24789}
24790
24791#flip {
24792    height: 75px;
24793    overflow: hidden;
24794}
24795
24796#flip > div > div {
24797    color: #fff;
24798    padding: 4px 12px;
24799    margin-bottom: 15px;
24800    display: inline-block;
24801}
24802
24803#flip div:first-child {
24804    animation: show-home-title 10s linear infinite;
24805}
24806
24807#flip div div {
24808    background: #D61C4E;
24809}
24810
24811#flip div:first-child div {
24812    background: #247881;
24813}
24814
24815#flip div:nth-child(3n) div {
24816    background: #F66213;
24817}
24818
24819#flip div:last-child div {
24820    background: #1C67CA;
24821}
24822
24823.summarizer .form-control {
24824    font-size: 0.9rem;
24825}
24826
24827.summarizer_item select.form-control {
24828    padding: 4px 16px;
24829}
24830
24831.summarizer .select2-selection__rendered,
24832.select2-container .select2-results__option {
24833    font-size: 0.9rem;
24834}
24835
24836.recommendation .catalog-box h4 {
24837    font-size: 14px;
24838}
24839
24840.modal-video-converter .modal-header {
24841    border-radius: 12px;
24842}
24843
24844@media (min-width: 1024px) {
24845    .recommendation .catalog-box h4 {
24846        width: 130px;
24847    }
24848}
24849
24850.scan-qr_code {
24851    position: relative;
24852}
24853
24854.logo-qr-code {
24855    position: absolute;
24856    left: calc(50% - 13px);
24857    top: calc(50% - 13px);
24858    width: 26px;
24859    height: 26px;
24860}
24861
24862.qr img.logo-qr-code {
24863    width: 26px;
24864}
24865
24866@keyframes show-home-title {
24867    0% {
24868        margin-top: -300px;
24869    }
24870    5% {
24871        margin-top: -260px;
24872    }
24873
24874    25% {
24875        margin-top: -260px;
24876    }
24877    30% {
24878        margin-top: -173px;
24879    }
24880
24881    55% {
24882        margin-top: -173px;
24883    }
24884    60% {
24885        margin-top: -86px;
24886    }
24887
24888    85% {
24889        margin-top: -86px;
24890    }
24891    90% {
24892        margin-top: 1px;
24893    }
24894
24895    99.99% {
24896        margin-top: 1px;
24897    }
24898    100% {
24899        margin-top: -300px;
24900    }
24901}
24902
24903@keyframes show-home-title-992 {
24904    0% {
24905        margin-top: -300px;
24906    }
24907    5% {
24908        margin-top: -250px;
24909    }
24910
24911    25% {
24912        margin-top: -250px;
24913    }
24914    30% {
24915        margin-top: -165px;
24916    }
24917
24918    55% {
24919        margin-top: -165px;
24920    }
24921    60% {
24922        margin-top: -80px;
24923    }
24924
24925    85% {
24926        margin-top: -80px;
24927    }
24928    90% {
24929        margin-top: 1px;
24930    }
24931
24932    99.99% {
24933        margin-top: 1px;
24934    }
24935    100% {
24936        margin-top: -290px;
24937    }
24938}
24939
24940@keyframes show-home-title-575 {
24941    0% {
24942        margin-top: -300px;
24943    }
24944    5% {
24945        margin-top: -235px;
24946    }
24947
24948    25% {
24949        margin-top: -235px;
24950    }
24951    30% {
24952        margin-top: -155px;
24953    }
24954
24955    55% {
24956        margin-top: -155px;
24957    }
24958    60% {
24959        margin-top: -80px;
24960    }
24961
24962    85% {
24963        margin-top: -80px;
24964    }
24965    90% {
24966        margin-top: 1px;
24967    }
24968
24969    99.99% {
24970        margin-top: 1px;
24971    }
24972    100% {
24973        margin-top: -290px;
24974    }
24975}
24976
24977.animate-text {
24978    width: 330px;
24979}
24980
24981.outlines--common {
24982    position: relative;
24983}
24984
24985.outlines--common .spinner-border {
24986    position: absolute;
24987    top: calc(50% - 1rem);
24988    left: calc(50% - 1rem);
24989}
24990
24991@media (min-width: 992px) {
24992    .outlines--common {
24993        width: 50%;
24994    }
24995
24996    .outlines__content {
24997        min-height: 450px;
24998    }
24999}
25000
25001@media (max-width: 1199px) {
25002    .animate-text {
25003        top: 22px;
25004    }
25005
25006    .support-area__image-box img {
25007        width: 100%;
25008        height: auto;
25009    }
25010}
25011
25012@media (max-width: 992px) {
25013    #flip {
25014        height: 45px;
25015    }
25016
25017    .animate-text {
25018        width: 210px;
25019        /*height: 38px;*/
25020        top: 12px;
25021    }
25022
25023    .animate-text__item {
25024        height: 65px;
25025    }
25026
25027    #flip div:first-child {
25028        animation: show-home-title-992 10s linear infinite;
25029    }
25030
25031
25032}
25033
25034@media (max-width: 575px) {
25035    #flip {
25036        height: 35px;
25037    }
25038
25039    .animate-text {
25040        width: 165px;
25041        /*height: 30px;*/
25042        top: 8px;
25043    }
25044
25045    #flip div:first-child {
25046        animation: show-home-title-575 10s linear infinite;
25047    }
25048
25049    .details-popup--catalog.details-popup .btn-action--blue {
25050        line-height: 140%;
25051    }
25052}
25053
25054header.has-search .header-tools {
25055    margin-left: -57px;
25056}
25057
25058.js-blog-post-generator__fullscreen {
25059    overflow: hidden;
25060}
25061
25062.dark-mode .summarizer_item {
25063    background-color: #223544;
25064    border-color: #707375;
25065}
25066
25067.dark-mode .scan-qr h3 {
25068    color: #fff;
25069}
25070
25071.expand_menu--pdf {
25072    width: 781px;
25073}
25074
25075.dark-mode header .img-fluid.logo-dark {
25076    display: inline;
25077}
25078
25079.dark-mode .summarizer textarea {
25080    background-color: #223749;
25081    border: 1px solid #828586;
25082    color: #C8C9CA;
25083}
25084
25085.dark-mode .summarizer .is-disabled textarea {
25086    background-color: #1b2c3a;
25087    border: 1px solid #828586;
25088    color: #C8C9CA;
25089}
25090
25091.dark-mode .summarizer .select2-container--default .select2-selection--single {
25092    background-color: #223749;
25093    border: 1px solid #828586;
25094    color: #C8C9CA;
25095}
25096
25097.dark-mode .summarizer .select2-container--default .select2-selection--single .select2-selection__rendered {
25098    color: #C8C9CA;
25099}
25100
25101.dark-mode .summarizer label {
25102    color: #F6F6F6;
25103}
25104
25105.dark-mode .select2-dropdown {
25106    background-color: #223749;
25107    border: 1px solid #828586;
25108    color: #C8C9CA;
25109}
25110
25111.dark-mode .select2-results__option {
25112    color: #C8C9CA;
25113}
25114
25115.dark-mode .select2-container--default .select2-results__option--selected {
25116    color: #C8C9CA;
25117    background-color: #1b2c3a;
25118}
25119
25120#bv-modal-fullpages .modal-body.wz-modal-body {
25121    z-index: unset;
25122}
25123
25124.banner-wrapper-full {
25125    height: 50px;
25126}
25127
25128.middle-width-modal {
25129    max-width: 448px;
25130}
25131
25132/*Maybe unset for all modals! https://stackoverflow.com/questions/32862394/bootstrap-modals-keep-adding-padding-right-to-body-after-closed*/
25133.modal-subscribe {
25134    padding-right: unset !important;
25135}
25136
25137/* Maybe add for all NON-botstrap modals in the future */
25138#modal_history .modal-header .close {
25139    padding: 0;
25140    margin: 0;
25141}
25142
25143#modal_history .summarizer_item {
25144    height: unset;
25145}
25146
25147#modal_history .modal-header_history, #modal_history .modal-body_history {
25148    padding: 0;
25149    border-bottom: none;
25150}
25151
25152#modal_history .summarizer_item {
25153    height: unset;
25154}
25155
25156.summarizer_item.is-disabled .summarizer_action-item--rate p,
25157.summarizer_item.is-disabled .summarizer_action-item--rate button, .summarizer_item.is-disabled .summarizer_action-item--rate {
25158    pointer-events: none;
25159    background: #EFEFEF;
25160    color: #A7A9AA;
25161    border: none;
25162}
25163
25164.summarizer_item.is-disabled .button.button-history {
25165    pointer-events: unset;
25166    padding: 12px 17px;
25167    font-size: 14px;
25168    border-radius: 8px;
25169    border-width: 1.5px;
25170    background-color: transparent;
25171    border: 1px solid #1A8FE3;
25172    color: #1A8FE3;
25173
25174}
25175
25176.summarizer_item.is-disabled .button.button-history:hover {
25177    background-color: #126daf;
25178    color: #fff;
25179}
25180
25181.rounded-cursor {
25182    display: none;
25183    width: 30px;
25184    height: 30px;
25185    background-color: #df4b26;
25186    border-radius: 50%;
25187    opacity: 0.5;
25188}
25189
25190.stripe-3ds-modal {
25191    max-width: 700px !important;
25192}
25193
25194#modal-subscribe-3ds {
25195    z-index: 100000;
25196}
25197
25198#modal-subscribe-3ds .modal-body {
25199    text-align: center;
25200}
25201
25202.large-modal .modal-dialog {
25203    max-width: 70%;
25204}
25205
25206.konvajs-content {
25207    margin: auto !important;
25208}
25209
25210.bg-gallery__content-preloader {
25211    position: relative !important;
25212    border-radius: 5px !important;
25213    opacity: 0.4 !important;
25214    width: 100% !important;
25215    height: 100% !important;
25216}
25217
25218.bg-gallery__item-active .bg-gallery__back {
25219    opacity: 1;
25220    transition: .3s;
25221}
25222
25223button.upload-only-btn {
25224    border-radius: 10px;
25225    background-color: #1A8FE3;
25226    color: #fff;
25227}
25228
25229button.upload-only-btn:hover {
25230    background-color: #126daf;
25231    color: #fff;
25232}
25233
25234.title_md_clear {
25235    font-size: unset;
25236}
25237
25238.full-width-block {
25239    width: 100%;
25240}
25241
25242.modal-show-picker {
25243    display: flex;
25244    flex-direction: column;
25245    justify-content: center;
25246    align-items: center;
25247}
25248
25249.browse-background_preview .color_box {
25250    border-width: 3px;
25251}
25252
25253.justify-content-space-btw {
25254    justify-content: space-between;
25255}
25256
25257.subtitle-write-prompt {
25258    font-size: 14px;
25259    font-weight: 600;
25260    margin-bottom: 8px;
25261}
25262
25263.is-invalid .invalid-text {
25264    color: #dc3545;
25265}
25266
25267.compress-result_button-download__compact {
25268    padding: 13px 20px;
25269}
25270
25271.summarizer_action__compact .summarizer_action-item {
25272    min-width: unset;
25273}
25274
25275@media (max-width: 1024px) {
25276    .summarizer_action__compact .summarizer_action-item {
25277        min-width: 256px;
25278    }
25279}
25280
25281.spinner-before-modal {
25282    z-index: 1040 !important;
25283}
25284
25285#datatableLogTokens_wrapper {
25286    margin: 20px;
25287}
25288
25289.vue-slider.vue-slider-ltr {
25290    margin-bottom: 30px;
25291    margin-top: 30px;
25292}
25293
25294.color-picker_body .cpw_container {
25295    margin: 0 auto;
25296}
25297
25298.font-picker-picker_body .font-picker .dropdown-button {
25299    height: unset;
25300    padding: unset;
25301    padding-left: 0.5rem;
25302    padding-right: 0.5rem;
25303}
25304
25305.font-picker-picker_body .font-picker {
25306    box-shadow: unset;
25307}
25308
25309/*Generate subtitles*/
25310
25311.slick-next.g-sub-styles__button,
25312.slick-prev.g-sub-styles__button {
25313    position: absolute;
25314    top: calc(50% - 16px);
25315    width: 32px;
25316    height: 32px;
25317    padding: 6px;
25318    border-radius: 50%;
25319    background-color: #fff;
25320    box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05);
25321    color: rgb(112, 115, 117);
25322}
25323
25324.g-sub-styles__button.slick-next::before,
25325.g-sub-styles__button.slick-prev::before {
25326    content: unset;
25327}
25328
25329.g-sub-styles__button--next.slick-next {
25330    right: -16px;
25331}
25332
25333.g-sub-styles__button--prev.slick-prev {
25334    left: -16px;
25335    z-index: 10;
25336}
25337
25338.g-sub-styles__button--prev.slick-prev:hover, .g-sub-styles__button--prev.slick-prev:focus,
25339.g-sub-styles__button--next.slick-next:hover, .g-sub-styles__button--next.slick-next:focus {
25340    color: rgb(112, 115, 117);
25341    outline: none;
25342    background-color: #fff;
25343}
25344
25345.font-picker--generate-subtitles .font-picker {
25346    position: relative !important;
25347    display: inline-block !important;
25348    box-shadow: unset !important;
25349    width: 100% !important;
25350}
25351
25352.font-control.font-picker--generate-subtitles .font-picker .dropdown-button {
25353    padding: 11px 12px;
25354    font-size: 10px;
25355    line-height: 16px;
25356    border-radius: 8px;
25357    height: 38px;
25358}
25359
25360.user-favorite__group .tools_box {
25361    position: relative;
25362}
25363
25364.user-summary__value {
25365    max-width: 70%;
25366}
25367
25368.validation-notify .invalid-feedback {
25369    display: block;
25370}
25371
25372a.toast__button {
25373    text-decoration: none;
25374}
25375
25376.badge.circle {
25377    border-radius: 100%;
25378    width: 10px;
25379    height: 10px;
25380}
25381
25382td .badge.circle {
25383    top: 3px;
25384    position: relative;
25385}
25386
25387.js-switcher-subscribe-plan:disabled + .ctrl-switcher-type__visual {
25388    background-color: #A7A9AA;
25389}
25390
25391.our-plans .dropdown-toggle.disable-content::after {
25392    content: none;
25393}
25394
25395.credits-remaining__nowrap {
25396    white-space: nowrap;
25397}
25398
25399.our-plans_name.w-100 {
25400    max-width: 100%;
25401}
25402
25403.custom-form .main-feedback {
25404    font-size: 12px;
25405    line-height: calc(16 / 12);
25406    color: #1A8FE3;
25407    display: block;
25408}
25409
25410.popup-content__action-sm {
25411    width: 100%;
25412    padding: 5px;
25413    margin-bottom: 20px;
25414    margin-top: 20px
25415}
25416
25417.ctrl-choice__box-standard {
25418    display: inline;
25419}
25420
25421.ctrl-choice__field-standard {
25422    opacity: unset;
25423    position: relative;
25424
25425}
25426
25427#frequencyTime-popover-body.popover-body {
25428    background-color: #f7f7f7;
25429    border: none !important;
25430}
25431
25432.credits-remaining.automation-wizard-infoblock {
25433    background-color: #d4ffce
25434}
25435
25436.credits-remaining__button--link.automation-wizard-infoblock__button--link {
25437    color: #3a77be;
25438}
25439
25440.our-plans .button.ctrl-generate__button-go__wm {
25441    margin-top: unset;
25442}
25443
25444.text-block__strikethrough {
25445    text-decoration: line-through;
25446}
25447
25448.chat-bot__message-buttons {
25449    align-self: flex-end;
25450    cursor: pointer;
25451}
25452
25453section.api-cost--block .flex-table--row {
25454    display: flex;
25455}
25456
25457section.api-cost--block .flex-table--col {
25458    flex: 1;
25459    padding: 10px;
25460}
25461
25462section.api-cost--block .flex-table--row-header {
25463    background-color: #EFF7FD;
25464    border-radius: 10px;
25465    padding: 24px 40px;
25466}
25467
25468section.api-cost--block .flex-table--col-2 {
25469    flex: 2;
25470}
25471
25472section.api-cost--block .flex-table--col-1 {
25473    flex: 1;
25474}
25475
25476.api-cost--block {
25477    text-align: center;
25478}
25479
25480.flex-table--body {
25481    background: #fff;
25482}
25483
25484.support-area__image-box img {
25485    margin-top: 40px;
25486}
25487
25488.features {
25489    margin-top: 40px;
25490    display: flex;
25491    flex-wrap: wrap;
25492    gap: 16px;
25493    color: #fff;
25494}
25495
25496.feature {
25497    display: flex;
25498    align-items: center;
25499    gap: 10px;
25500    font-size: 16px;
25501}
25502
25503.icon-circle {
25504    width: 40px;
25505    height: 40px;
25506    border-radius: 50%;
25507    background-color: #5090d7;
25508    display: flex;
25509    align-items: center;
25510    justify-content: center;
25511}
25512
25513.icon-circle img {
25514    width: 20px;
25515    height: 20px;
25516}
25517
25518/*Support updates*/
25519.support-area__content .descr {
25520    color: #fff;
25521    max-width: 550px;
25522}
25523
25524.support-area {
25525    padding-top: 40px;
25526    padding-bottom: 40px;
25527}
25528
25529@media (min-width: 992px) {
25530    .support-area__content .title {
25531        font-size: 32px;
25532    }
25533}
25534
25535@media (max-width: 991.98px) {
25536    .support-area__content .title {
25537        font-size: 29px;
25538    }
25539}
25540
25541.mt-10 {
25542    margin: 2.5rem;
25543}
25544
25545/*Tailwind*/
25546.is-checked [data-state="unchecked"] {
25547    display: none !important;
25548}
25549
25550.is-checked [data-state="checked"] {
25551    display: block !important;
25552}
25553
25554.is-not-checked [data-state="unchecked"] {
25555    display: block !important;
25556}
25557
25558.is-not-checked [data-state="checked"] {
25559    display: none !important;
25560}
25561
25562.banner-wrapper-gradient {
25563    background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%);
25564}
25565
25566.multiple-columns p {
25567    margin-bottom: 1rem;
25568}
25569
25570.summarizer_item-result {
25571    display: flex;
25572    flex-direction: column;
25573}
25574
25575.summarizer_item-result .form-group {
25576    flex-grow: 1
25577}
25578
25579.summarizer_item-result .summernote-container,
25580.summarizer_item-result .note-editor,
25581.summarizer_item-result .note-editing-area {
25582    height: 100%
25583}
25584
25585.summarizer_item-result .note-editable,
25586.summarizer_item-result textarea {
25587    height: 100% !important;
25588    max-height: 100% !important;
25589    min-height: 300px;
25590}
25591
25592.summarizer_item-result .ideas {
25593    height: calc(100% - 24px);
25594    min-height: 300px;
25595}
25596
25597.summarizer_item .select2-container--default {
25598    resize: none;
25599    padding: 4px 16px;
25600    font-size: 0.9rem;
25601    border: 1px solid #E3E3E4;
25602    border-radius: 8px;
25603}
25604
25605.summarizer_item .select2-selection {
25606    border: none !important;
25607}
25608
25609.fs-sticky-footer {
25610    z-index: 1000 !important;
25611}
25612
25613.mt-custom-rem {
25614    margin-top: 2.5rem;
25615}
25616
25617.stripe-input {
25618    background: #FFFFFF;
25619    border: 1px solid #E3E3E4;
25620    border-radius: 5px;
25621    width: 100%;
25622    height: 48px;
25623    padding: 0 16px;
25624    font-size: 14px;
25625}
25626
25627.stripe-input-embedded {
25628    text-size-adjust: 100%;
25629    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
25630    font-size: 14.88px !important;
25631    font-weight: 400 !important;
25632    color: #30313d !important;
25633}
25634
25635.popover {
25636    z-index: 11;
25637}
25638
25639.popover .arrow {
25640    display: none;
25641}
25642
25643.popover-body {
25644    background: transparent !important;
25645    border-radius: 0 !important;
25646    padding: 0 !important;
25647    border: none !important;
25648    font-weight: normal !important;
25649    font-size: inherit !important;
25650    line-height: inherit !important;
25651    color: inherit !important;
25652}
25653
25654.super-tool__main-container .grid-user {
25655    padding-top: 2rem;
25656    padding-bottom: 40px;
25657}
25658
25659.super-tool__main-container .uploader-container {
25660    margin-top: 2rem;
25661    margin-bottom: 40px;
25662}
25663
25664@media (min-height: 800px) {
25665    .super-tool__main-container .uploader-container .file-drop-area {
25666        min-height: 600px;
25667    }
25668}
25669
25670.super-tool__main-container .tools_area--pdf {
25671    padding-top: 0;
25672    padding-bottom: 40px;
25673}
25674
25675.super-tool__main-container .tools_area,
25676.super-tool__main-container .tools_area--pdf {
25677    background: none;
25678}
25679
25680.super-tool__main-container .page_shadow--index {
25681    z-index: -1;
25682}
25683
25684.js-select2-write .select2-selection.select2-selection--single {
25685    border: none !important;
25686}
25687
25688.js-select2-write .select2-selection__rendered {
25689    display: block;
25690    width: 100%;
25691    height: calc(1.5em + 1rem + 2px);
25692    padding: .375rem .75rem;
25693    font-weight: 400;
25694    color: #495057;
25695    background-color: #fbfaff;
25696    background-clip: padding-box;
25697    border: 1px solid #ced4da;
25698    border-radius: .25rem;
25699    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
25700    font-size: 0.875rem !important;
25701    line-height: 1.25rem !important;
25702}
25703
25704.js-select2-write .select2-selection__rendered:focus {
25705    color: #495057;
25706    background-color: #fff;
25707    border-color: #80bdff;
25708    --tw-ring-offset-width: 2px !important;
25709    --tw-ring-color: hsl(var(--ring)) !important;
25710    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
25711    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
25712    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
25712dow, 0 0 #0000) !important;
25713    outline: 2px solid transparent !important;
25714    outline-offset: 2px !important;
25715}
25716.select2-container--open .select2-dropdown {
25717    top: calc(100% + 8px) !important;
25718}
25719.js-select2-write .select2-container--default .select2-selection--single .select2-selection__arrow {
25720    top: 8px !important;
25721}
25722
25723.js-select2-write .select2-container .select2-selection--single {
25724    height: 38px !important;
25725}
25726
25727#signUpForm button[disabled] {
25728    cursor: auto;
25729    background-color: #126daf;
25730    color: #fff;
25731}
25732#preloader-stripe {
25733    opacity: 0.7;
25734    position: fixed;
25735    background: #fff;
25736    top: 0;
25737    left: 0;
25738    right: 0;
25739    bottom: 0;
25740    z-index: 99999;
25741    height: 100vh;
25742    width: 100vw;
25743    display: -webkit-box;
25744    display: -ms-flexbox;
25745    display: flex;
25746    -webkit-box-align: center;
25747    -ms-flex-align: center;
25748    align-items: center;
25749    -webkit-box-pack: center;
25750    -ms-flex-pack: center;
25751    justify-content: center;
25752}
25753
25754    </style>
25755    <!-- Styles -->
25756    <link href="/css/app_tailwind.css?id=d4d8834411c328c7c0df" rel="stylesheet">
25757    
25757<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
25758        document.querySelector('link[rel=stylesheet]#onload_link').addEventListener('load', function() {
25759            this.media = 'all';
25760        });
25761    </script>
25761
25762    
25762<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
25763        window.Laravel = {"csrfToken":"1cajA5MeHlIbTiRYmR6hl6RfZk91y8fi1u0HxZnj","enCf":true,"cT":"cf","iCf":true,"idt":false,"idt_ai":false,"trw":"900000","strv2":true,"iST":false,"tST":""};
25764        window.posthogFlags = {"pdf":1,"write":8,"video":3,"image":4,"converter":5};
25765                                    window.recaptchaKey = "0x4AAAAAABmDsKgGHhVUvoMC";
25766                                window.convertKit = {
25767            api_key: 'PX6xR1Othw1Uy78iyu9ICQ',
25768            subscribeUri: 'https://api.convertkit.com/v3/forms/3161758/subscribe',
25769        };
25770            window.afterRegister = '';
25771
25772                    window.stripe = {
25773                api_key:  'pk_live_51LGpOJFq8H7bctlFWApYMBmISvGuo7u0WtJjBFZKdHH1z568PyuWJGmLlujt3hfhtVcG1MOsdIOsqUda4Yt0ToH300gZi68r3c',
25774                ha: '',
25775                current: 'false',
25776                prices: '{"17":"9","11":"9","10":"75","9":"9","19":"9","7":"89","3":"49.99","4":"5.99","8":"749","1":"3.99","20":"75","16":"125","18":"75","13":"9","15":"15","14":"75","31":"3","32":"24","12":"75","22":"24","21":"3","24":"24","26":"24","25":"3","28":"48","29":"3","30":"24","23":"3","27":"5"}',
25777                subscriptions: '{"7":[{"id":17,"price":9,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":1,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":18,"price":75,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":2,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"4":[{"id":11,"price":9,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":1,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":12,"price":75,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":2,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"3":[{"id":10,"price":75,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0},{"id":9,"price":9,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0}],"8":[{"id":19,"price":9,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":20,"price":75,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"2":[{"id":7,"price":89,"human_description":"Put your blog on autopilot","title":"Content Machine","period_type":1,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"89","is_best":0}
25777,{"id":8,"price":749,"human_description":"TinyWow - Content Machine (Yearly)","title":"Content Machine Yearly","period_type":2,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"62.42","benefit":29,"is_best":0}],"1":[{"id":3,"price":49.99,"human_description":"TinyWow - Advance Plan (Yearly)","title":"Yearly plan","period_type":2,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4.17","benefit":30,"is_best":1},{"id":4,"price":5.99,"human_description":"TinyWow - Advance Plan (Monthly)","title":"Supporter","period_type":1,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5.99","is_best":1}],"":[{"id":1,"price":3.99,"human_description":null,"title":"Advanced plan - old","period_type":1,"group_id":null,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"3.99","is_best":0}],"6":[{"id":16,"price":125,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"10.42","benefit":30,"is_best":0},{"id":15,"price":15,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"15","is_best":0}],"5":[{"id":13,"price":9,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":14,"price":75,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"14":[{"id":31,"price":3,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0},{"id":32,"price":24,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}],"9":[{"id":22,"price":24,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":21,"price":3,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"10":[{"id":24,"price":24,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":2,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":23,"price":3,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":1,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"11":[{"id":26,"price":24,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":25,"price":3,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"12":[{"id":28,"price":48,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4","benefit":20,"is_best":0}
25777,{"id":27,"price":5,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5","is_best":0}],"13":[{"id":29,"price":3,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":1,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0},{"id":30,"price":24,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":2,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}]}',
25778                packages: '[{"id":1,"price":"125","title":"30 Credits","user_article_limit":30}]',
25779                ec: '',
25780                css: '',
25781                cst: '',
25782                cstit: '',
25783                csper: '',
25784                mdspb: '65',
25785                cswc: '',
25786                trial: '7',
25787            }
25788                                        window.loggedIn = 0;
25789                window.subscriptionTypes = {
25790            'y': '2',
25791            'm': '1',
25792        }
25793        window.posthogFlagsValues = {"1":null,"8":null,"5":null,"4":null,"3":null};
25794                window.eaw = '';
25795    </script>
25795
25796            <!-- Google Tag Manager -->
25797    
25797<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
vendor: 375 bytes, lines 25797-25801
25797(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
25798                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
25799            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
25800            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
25801        })(window,document,'script','dataLayer','
25801GTM-MPGVJ8N
vendor: 3 bytes, line 25801
25801');
25801</script>
25801
25802    <!-- End Google Tag Manager -->
25803            <noscript id="deferred-main-captcha">
25804                            
25804<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
25804
25805                    </noscript>
25806        
25807    <template class="lazy-ad-scripts">
25808        
25809        <style>
25810            body {
25811                --use: 20px;
25812                --doNotUse: 0px;
25813                --fsAncillary: var(--doNotUse);
25814            }
25815            [data-freestar-ad] {
25816                vertical-align: top;
25817                display: inline-flex;
25818                align-items: center;
25819                justify-content: center;
25820                width: 100%;
25821                overflow: hidden;
25822                position: relative;
25823            }
25824            [data-freestar-ad*="__fsAncillary"] {
25825                --fsAncillary: var(--use);
25826            }
25827            [data-freestar-ad*="__728x90"],
25828            [data-freestar-ad*="__970x90"] {
25829                --height: 90px;
25830                height: 90px;
25831                height: calc(var(--height) + var(--fsAncillary)) !important;
25832            }
25833
25834            [data-freestar-ad*="__300x250"],
25835            [data-freestar-ad*="__970x250"] {
25836                --height: 250px;
25837                height: 250px;
25838                height: calc(var(--height) + var(--fsAncillary)) !important;
25839            }
25840
25841            [data-freestar-ad*="__336x280"] {
25842                --height: 280px;
25843                height: 280px;
25844                height: calc(var(--height) + var(--fsAncillary)) !important;
25845            }
25846
25847            [data-freestar-ad*="__160x600"],
25848            [data-freestar-ad*="__300x600"] {
25849                --height: 600px;
25850                height: 600px;
25851                height: calc(var(--height) + var(--fsAncillary)) !important;
25852            }
25853
25854            /* Prebid video player sizes */
25855            [data-freestar-ad*="__640x360"] {
25856                --height: 360px;
25857                height: 360px;
25858            }
25859
25860            [data-freestar-ad*="__552x334"] {
25861                --height: 334px;
25862                height: 334px;
25863            }
25864
25865            [data-freestar-ad*="__640x169"] {
25866                --height: 169px;
25867                height: 169px;
25868            }
25869
25870            [data-freestar-ad*="__400x225"] {
25871                --height: 225;
25872                height: 225px;
25873            }
25874
25875            @media  only screen and (min-device-width : 320px) and (max-device-width : 768px) {
25876                [data-freestar-ad*="__300x50"],
25877                [data-freestar-ad*="__320x50"] {
25878                    --height: 50px;
25879                    height: 50px;
25880                    height: calc(var(--height) + var(--fsAncillary)) !important;
25881                }
25882
25883                [data-freestar-ad*="__468x60"] {
25884                    --height: 60px;
25885                    height: 60px;
25886                    height: calc(var(--height) + var(--fsAncillary)) !important;
25887                }
25888
25889                [data-freestar-ad*="__300x100"],
25890                [data-freestar-ad*="__320x100"] {
25891                    --height: 100px;
25892                    height: 100px;
25893                    height: calc(var(--height) + var(--fsAncillary)) !important;
25894                }
25895
25896                [data-freestar-ad*="__300x250"] {
25897                    --height: 250px;
25898                    height: 250px;
25899                    height: calc(var(--height) + var(--fsAncillary)) !important;
25900                }
25901
25902                [data-freestar-ad*="__336x280"] {
25903                    --height: 280px;
25904                    height: 280px;
25905                    height: calc(var(--height) + var(--fsAncillary)) !important;
25906                }
25907            }
25908        </style>
25909        
25909<script data-cfasync="false" type="text/javascript">
25910            var freestar = freestar || {};
25911            freestar.queue = freestar.queue || [];
25912            freestar.config = freestar.config || {};
25913            freestar.config.enabled_slots = [];
25914            freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0)
25915                ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) }
25916        </script>
25916
25917        
25917<script type="text/javascript" data-lazy-src="https://a.pub.network/tinywow-com/pubfig.min.js"
25918                data-lazy-method="interaction" data-lazy-attributes="src"></script>
25918
25919    </template>
25920
25921    
25921<script src="https://tinywow.com/js/home-page__en/translations.js"></script>
25921
25922</head>
25923<body class="index ">
25924
25925
25926
25927    <!-- Preloader Start -->
25928<div id="preloader" class="flex-col" style="display: none;">
25929    <div class="w-[200px] text-center js-preloader-text" style="display: none;"></div>
25930    <div class="loader3">
25931        <span></span>
25932        <span></span>
25933    </div>
25934</div>
25935<div id="preloader-stripe" class="flex-col" style="display: none;">
25936    <div class="w-[250px] text-center js-preloader-text">Redirecting to checkout…</div>
25937</div>
25938<!-- Preloader End -->
25939
25940<!-- start header -->
25941<header class="sticky-top  has-search ">
25942    <div class="container">
25943        <div class="row align-items-center">
25944            <div class="col-lg-2 col-6 text-left">
25945                <!--done-->
25946                <!--logo start-->
25947                <a class="logo" href="https://tinywow.com">
25948                    <img src="https://tinywow.com/v3/img/favicon-tinywow.svg" class="img-fluid logo-icon" alt="TinyWow" width="32" height="32">
25949                    <img src="https://tinywow.com/v3/img/tinywow-by-jenni.svg" class="img-fluid logo-normal" alt="TinyWow by Jenni AI" width="92" height="28">
25950                    <img src="https://tinywow.com/v3/img/tinywow-by-jenni-light.svg" class="img-fluid logo-dark" alt="TinyWow by Jenni AI" width="92" height="28">
25951                </a>
25952                <!--logo end-->
25953            </div>
25954            <div class="col-lg-5 col-6">
25955                <!--menu start-->
25956
25957                <ul class="menu2">
25958                                                                    <li  class="nav-item drop_menu" >
25959                            <a href="https://tinywow.com/tools/pdf" class="nav-link">
25960                                PDF
25961                            </a>
25962
25963                                                            <div class="expand_menu expand_menu--pdf position-absolute">
25964    <div class="expand_menu-box">
25965        <div class="container pl-0 pr-0 d-flex">
25966            <div class="category-tools d-flex">
25967                <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
25968
25969                                                    <a href="https://tinywow.com/pdf/edit" class="category-tools__item">
25970                                                <div class="icon_box v_2 v2">
25971                                                            <svg width="20" height="20" class="img-fluid">
25972                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
25973                                </svg>
25974                                                    </div>
25975                        <div class="category-tools__content">
25976                            <h4>Edit PDF</h4>
25977                            <p class="category-tools__descr gray">Free PDF Editor</p>
25978                        </div>
25979                    </a>
25980                                    <a href="https://tinywow.com/pdf/to-word" class="category-tools__item">
25981                                                <div class="icon_box v_4 v4">
25982                                                            <svg width="20" height="20" class="img-fluid">
25983                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
25984                                </svg>
25985                                                    </div>
25986                        <div class="category-tools__content">
25987                            <h4>PDF to Word</h4>
25988                            <p class="category-tools__descr gray">Convert a PDF to Word Document</p>
25989                        </div>
25990                    </a>
25991                                    <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item">
25992                                                <div class="icon_box v_2 v2">
25993                                                            <svg width="20" height="20" class="img-fluid">
25994                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
25995                                </svg>
25996                                                    </div>
25997                        <div class="category-tools__content">
25998                            <h4>JPG to PDF</h4>
25999                            <p class="category-tools__descr gray">Upload images and receive as a PDF</p>
26000                        </div>
26001                    </a>
26002                                    <a href="https://tinywow.com/pdf/merge" class="category-tools__item">
26003                                                <div class="icon_box v_3 v3">
26004                                                            <svg width="20" height="20" class="img-fluid">
26005                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use>
26006                                </svg>
26007                                                    </div>
26008                        <div class="category-tools__content">
26009                            <h4>Merge PDF</h4>
26010                            <p class="category-tools__descr gray">
26010Merge 2 or more PDF files into a single PDF file</p>
26011                        </div>
26012                    </a>
26013                            </div>
26014            <div class="category-menu w-100">
26015                <h4 class="expand_menu-name-categiry">OTHER PDF TOOLS</h4>
26016                <div class="row">
26017
26018                    
26019                                                                        <div class="col-6 ">
26020                                <ul class="mega_menu">
26021                                                            <li><a href="https://tinywow.com/pdf/create">Create PDF</a>
26022                                        <ul class="">
26023                                        </ul>
26024                                    </li>
26025                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a>
26026                                        <ul class="">
26027                                        </ul>
26028                                    </li>
26029                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a>
26030                                        <ul class="">
26031                                        </ul>
26032                                    </li>
26033                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a>
26034                                        <ul class="">
26035                                        </ul>
26036                                    </li>
26037                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/split">Split</a>
26038                                        <ul class="">
26039                                        </ul>
26040                                    </li>
26041                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a>
26042                                        <ul class="">
26043                                        </ul>
26044                                    </li>
26045                                                                                            </ul>
26046                            </div>
26047                                                                                                                        <div class="col-6  pl-0 pr-0 ">
26048                                <ul class="mega_menu">
26049                                                            <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a>
26050                                        <ul class="">
26051                                        </ul>
26052                                    </li>
26053                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/sign">eSign</a>
26054                                        <ul class="">
26055                                        </ul>
26056                                    </li>
26057                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/protect">Protect</a>
26058                                        <ul class="">
26059                                        </ul>
26060                                    </li>
26061                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/rearrange">Rearrange</a>
26062                                        <ul class="">
26063                                        </ul>
26064                                    </li>
26065                                                                                                                                                                    <li><a href="https://tinywow.com/pdf/extract-text">Extract Text</a>
26066                                        <ul class="">
26067                                        </ul>
26068                                    </li>
26069                                                            <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li>
26070                                </ul>
26071                            </div>
26072                                            </div>
26073            </div>
26074        </div>
26075    </div>
26076</div>
26077                                                    </li>
26078                                                                    <li  class="nav-item drop_menu" >
26079                            <a href="https://tinywow.com/tools/image" class="nav-link">
26080                                Image
26081                            </a>
26082
26083                                                            <div class="expand_menu expand_menu--image">
26084    <div class="expand_menu-box">
26085        <div class="container d-flex">
26086            <div class="ai-tools category-tools">
26087                <h4 class="expand_menu-name-categiry">AI TOOLS</h4>
26088
26089                                                    <a href="https://tinywow.com/image/remove-bg" class="category-tools__item b-b category-tools__item--big">
26090                                                <div class="icon_box v_6 v6">
26091                                                            <svg width="20" height="20">
26092                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26093                                </svg>
26094                                                    </div>
26095                        <div class="category-tools__content">
26096                            <h4>
26096Background Remover</h4>
26097                            <p class="category-tools__descr gray">Easily Remove the Background from an image</p>
26098                        </div>
26099                    </a>
26100                                <div class="ai-tools__catalog">
26101                                                                                            <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small">
26102                                                                <div class="icon_box v_6 v6">
26103                                                                            <svg width="20" height="20" class="img-fluid">
26104                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26105                                        </svg>
26106                                                                    </div>
26107                                <div class="category-tools__content">
26108                                    <h4>Restore Photos</h4>
26109                                </div>
26110                            </a>
26111                                                    <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small">
26112                                                                <div class="icon_box v_3 v3">
26113                                                                            <svg width="20" height="20" class="img-fluid">
26114                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use>
26115                                        </svg>
26116                                                                    </div>
26117                                <div class="category-tools__content">
26118                                    <h4>Profile Photo Maker</h4>
26119                                </div>
26120                            </a>
26121                                                    <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small">
26122                                                                <div class="icon_box v_4 v4">
26123                                                                            <svg width="20" height="20" class="img-fluid">
26124                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26125                                        </svg>
26126                                                                    </div>
26127                                <div class="category-tools__content">
26128                                    <h4>Remove Person from Photo</h4>
26129                                </div>
26130                            </a>
26131                                                    <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small">
26132                                                                <div class="icon_box v_2 v2">
26133                                                                            <svg width="20" height="20" class="img-fluid">
26134                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26135                                        </svg>
26136                                                                    </div>
26137                                <div class="category-tools__content">
26138                                    <h4>Extract Text From Image</h4>
26139                                </div>
26140                            </a>
26141                                                    <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small">
26142                                                                <div class="icon_box v_3 v3">
26143                                                                            <svg width="20" height="20" class="img-fluid">
26144                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26145                                        </svg>
26146                                                                    </div>
26147                                <div class="category-tools__content">
26148                                    <h4>AI Image Generator</h4>
26149                                </div>
26150                            </a>
26151                                                    <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small">
26152                                                                <div class="icon_box v_1 v1">
26153                                                                            <svg width="20" height="20" class="img-fluid">
26154                                            <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26155                                        </svg>
26156                                                                    </div>
26157                                <div class="category-tools__content">
26158                                    <h4>Remove Objects Photo</h4>
26159                                </div>
26160                            </a>
26161                                                            </div>
26162            </div>
26163            <div class="ai-all">
26164                <div class="ai-featured">
26165                    <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
26166
26167                    <div class="ai-featured__box b-b">
26168                        <div class="d-flex">
26169                                                                                        <a href="https://tinywow.com/image/resize" class="category-tools__item flex-wrap ai-all__item  w-33">
26170                                                                        <div class="main-item v_3 v3 w-100">
26171                                        <picture>
26172                                            <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy">
26173                                        </picture>
26174                                    </div>
26175                                    <div class="ai-featured__content">
26176                                        <div>
26177                                            <h4>Resize Dimensions</h4>
26178                                            <p class="category-tools__descr gray">Resize your image</p>
26179                                        </div>
26180                                        <div class="image-box-arrow">
26181                                            <svg class="icon_arrow v3" width="24" height="24">
26182                                                <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use>
26183                                            </svg>
26184                                        </div>
26185                                    </div>
26186                                </a>
26187                                                            <a href="https://tinywow.com/image/compress" class="category-tools__item flex-wrap ai-all__item  w-33">
26188                                                                        <div class="main-item v_6 v6 w-100">
26189                                        <picture>
26190                                            <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy">
26191                                        </picture>
26192                                    </div>
26193                                    <div class="ai-featured__content">
26194                                        <div>
26195                                            <h4>Compress</h4>
26196                                            <p class="category-tools__descr gray">Compress your image</p>
26197                                        </div>
26198                                        <div class="image-box-arrow">
26199                                            <svg class="icon_arrow v6" width="24" height="24">
26200                                                <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use>
26201                                            </svg>
26202                                        </div>
26203                                    </div>
26204                                </a>
26205                                                            <a href="https://tinywow.com/image/upscale" class="category-tools__item flex-wrap ai-all__item  w-33">
26206                                                                        <div class="main-item v_2 v2 w-100">
26207                                        <picture>
26208                                            <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy">
26209                                        </picture>
26210                                    </div>
26211                                    <div class="ai-featured__content">
26212                                        <div>
26213                                            <h4>Increase Image Resolution</h4>
26214                                            <p class="category-tools__descr gray">increase the resolution of your image</p>
26215                                        </div>
26216                                        <div class="image-box-arrow">
26217                                            <svg class="icon_arrow v2" width="24" height="24">
26218                                                <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use>
26219                                            </svg>
26220                                        </div>
26221                                    </div>
26222                                </a>
26223                                                    </div>
26224                    </div>
26225                </div>
26226
26227                <div class="ai-other">
26228                    <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4>
26229
26230                    <div class="d-flex">
26231
26232                        
26233                                                                                    <div class="category-tools__item ai-all__item  w-33">
26234                                    <ul class="mega_menu">
26235                                                                    <li><a href="https://tinywow.com/image/blur-background">
26235Blur Background</a></li>
26236                                                                                                                                                                                            <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li>
26237                                                                                                                                                                                            <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li>
26238                                                                                                                                                                                            <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li>
26239                                                                                                                                                                                            <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li>
26240                                                                                                                                                                                            <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li>
26241                                                                                                        </ul>
26242                                </div>
26243                                                                                                                                            <div class="category-tools__item ai-all__item  w-33">
26244                                    <ul class="mega_menu">
26245                                                                    <li><a href="https://tinywow.com/image/make-background-transparent">
26245Transparent Background</a></li>
26246                                                                                                                                                                                            <li><a href="https://tinywow.com/image/crop">Crop Image</a></li>
26247                                                                                                                                                                                            <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li>
26248                                                                                                                                                                                            <li><a href="https://tinywow.com/image/split">Image Splitter</a></li>
26249                                                                                                                                                                                            <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li>
26250                                                                                                                                                                                            <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li>
26251                                                                                                        </ul>
26252                                </div>
26253                                                                                                                                            <div class="category-tools__item ai-all__item  w-33">
26254                                    <ul class="mega_menu">
26255                                                                    <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li>
26256                                                                                                                                                                                            <li><a href="https://tinywow.com/image/grayscale">Black &amp; White</a></li>
26257                                                                                                                                                                                            <li><a href="https://tinywow.com/image/flip">Flip Image</a></li>
26258                                                                                                                                                                                            <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li>
26259                                                                                                                                                                                            <li><a href="https://tinywow.com/image/heic-to-jpg">HEIC to JPG</a></li>
26260                                                                                <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li>
26261                                    </ul>
26262                                </div>
26263                                                                </div>
26264                </div>
26265            </div>
26266        </div>
26267    </div>
26268</div>
26269                                                    </li>
26270                                                                    <li  class="nav-item drop_menu" >
26271                            <a href="https://tinywow.com/tools/write" class="nav-link">
26272                                Write
26273                            </a>
26274
26275                                                            <div class="expand_menu expand_menu--pdf position-absolute">
26276    <div class="expand_menu-box">
26277        <div class="container pl-0 pr-0 d-flex">
26278            <div class="category-tools d-flex">
26279                <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
26280
26281                                                    <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item">
26282                                                <div class="icon_box v_6 v6">
26283                                                            <svg width="20" height="20" class="img-fluid">
26284                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26285                                </svg>
26286                                                    </div>
26287                        <div class="category-tools__content">
26288                            <h4>Paragraph Writer</h4>
26289                            <p class="category-tools__descr gray">Paragraph Writer</p>
26290                        </div>
26291                    </a>
26292                                    <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item">
26293                                                <div class="icon_box v_1 v1">
26294                                                            <svg width="20" height="20" class="img-fluid">
26295                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26296                                </svg>
26297                                                    </div>
26298                        <div class="category-tools__content">
26299                            <h4>Sentence Rewriter</h4>
26300                            <p class="category-tools__descr gray">Sentence Rewriter</p>
26301                        </div>
26302                    </a>
26303                                    <a href="https://tinywow.com/write/essay-writer" class="category-tools__item">
26304                                                <div class="icon_box v_4 v4">
26305                                                            <svg width="20" height="20" class="img-fluid">
26306                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26307                                </svg>
26308                                                    </div>
26309                        <div class="category-tools__content">
26310                            <h4>Essay Writer</h4>
26311                            <p class="category-tools__descr gray">Easily create an essay with AI</p>
26312                        </div>
26313                    </a>
26314                                    <a href="https://tinywow.com/write/article-writer" class="category-tools__item">
26315                                                <div class="icon_box v_8 v8">
26316                                                            <svg width="20" height="20" class="img-fluid">
26317                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26318                                </svg>
26319                                                    </div>
26320                        <div class="category-tools__content">
26321                            <h4>Article Writer</h4>
26322                            <p class="category-tools__descr gray">Create an article from a title</p>
26323                        </div>
26324                    </a>
26325                            </div>
26326            <div class="category-menu w-100">
26327                <h4 class="expand_menu-name-categiry">OTHER WRITE TOOLS</h4>
26328                <div class="row">
26329
26330                    
26331                                                                        <div class="col-6 ">
26332                                <ul class="mega_menu">
26333                                                            <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a>
26334                                        <ul class="">
26335                                        </ul>
26336                                    </li>
26337                                                                                                                                                                    <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a>
26338                                        <ul class="">
26339                                        </ul>
26340                                    </li>
26341                                                                                                                                                                    <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a>
26342                                        <ul class="">
26343                                        </ul>
26344                                    </li>
26345                                                                                                                                                                    <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a>
26346                                        <ul class="">
26347                                        </ul>
26348                                    </li>
26349                                                                                                                                                                    <li><a href="https://tinywow.com/write/business-name-generator">
26349Business Name Generator</a>
26350                                        <ul class="">
26351                                        </ul>
26352                                    </li>
26353                                                                                                                                                                    <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a>
26354                                        <ul class="">
26355                                        </ul>
26356                                    </li>
26357                                                                                            </ul>
26358                            </div>
26359                                                                                                                        <div class="col-6  pl-0 pr-0 ">
26360                                <ul class="mega_menu">
26361                                                            <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a>
26362                                        <ul class="">
26363                                        </ul>
26364                                    </li>
26365                                                                                                                                                                    <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a>
26366                                        <ul class="">
26367                                        </ul>
26368                                    </li>
26369                                                                                                                                                                    <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a>
26370                                        <ul class="">
26371                                        </ul>
26372                                    </li>
26373                                                                                                                                                                    <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a>
26374                                        <ul class="">
26375                                        </ul>
26376                                    </li>
26377                                                                                                                                                                    <li><a href="https://tinywow.com/write/content-improver">Content Improver</a>
26378                                        <ul class="">
26379                                        </ul>
26380                                    </li>
26381                                                            <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li>
26382                                </ul>
26383                            </div>
26384                                            </div>
26385            </div>
26386        </div>
26387    </div>
26388</div>
26389                                                    </li>
26390                                                                    <li  class="nav-item drop_menu" >
26391                            <a href="https://tinywow.com/tools/video" class="nav-link">
26392                                Video
26393                            </a>
26394
26395                                                            <div class="expand_menu expand_menu--pdf position-absolute">
26396    <div class="expand_menu-box">
26397        <div class="container pl-0 pr-0 d-flex">
26398            <div class="category-tools d-flex">
26399                <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
26400
26401                                                    <a href="https://tinywow.com/video/compress" class="category-tools__item">
26402                                                <div class="icon_box v_3 v3">
26403                                                            <svg width="20" height="20" class="img-fluid">
26404                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
26405                                </svg>
26406                                                    </div>
26407                        <div class="category-tools__content">
26408                            <h4>Compress Video</h4>
26409                            <p class="category-tools__descr gray">Lessen the file size of a Video file</p>
26410                        </div>
26411                    </a>
26412                                    <a href="https://tinywow.com/video/to-gif" class="category-tools__item">
26413                                                <div class="icon_box v_1 v1">
26414                                                            <svg width="20" height="20" class="img-fluid">
26415                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
26416                                </svg>
26417                                                    </div>
26418                        <div class="category-tools__content">
26419                            <h4>Video to Gif</h4>
26420                            <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p>
26421                        </div>
26422                    </a>
26423                                    <a href="https://tinywow.com/video/cutter" class="category-tools__item">
26424                                                <div class="icon_box v_7 v7">
26425                                                            <svg width="20" height="20" class="img-fluid">
26426                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use>
26427                                </svg>
26428                                                    </div>
26429                        <div class="category-tools__content">
26430                            <h4>Trim Video</h4>
26431                            <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p>
26432                        </div>
26433                    </a>
26434                                    <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item">
26435                                                <div class="icon_box v_3 v3">
26436                                                            <svg width="20" height="20" class="img-fluid">
26437                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use>
26438                                </svg>
26439                                                    </div>
26440                        <div class="category-tools__content">
26441                            <h4>MP4 to MP3</h4>
26442                            <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p>
26443                        </div>
26444                    </a>
26445                            </div>
26446            <div class="category-menu w-100">
26447                <h4 class="expand_menu-name-categiry">OTHER VIDEO TOOLS</h4>
26448                <div class="row">
26449
26450                    
26451                                                                        <div class="col-6 ">
26452                                <ul class="mega_menu">
26453                                                            <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a>
26454                                        <ul class="">
26455                                        </ul>
26456                                    </li>
26457                                                                                                                                                                    <li><a href="https://tinywow.com/video/resize">Resize Video</a>
26458                                        <ul class="">
26459                                        </ul>
26460                                    </li>
26461                                                                                                                                                                    <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a>
26462                                        <ul class="">
26463                                        </ul>
26464                                    </li>
26465                                                                                                                                                                    <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a>
26466                                        <ul class="">
26467                                        </ul>
26468                                    </li>
26469                                                                                                                                                                    <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a>
26470                                        <ul class="">
26471                                        </ul>
26472                                    </li>
26473                                                                                                                                                                    <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a>
26474                                        <ul class="">
26475                                        </ul>
26476                                    </li>
26477                                                                                            </ul>
26478                            </div>
26479                                                                                                                        <div class="col-6  pl-0 pr-0 ">
26480                                <ul class="mega_menu">
26481                                                            <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a>
26482                                        <ul class="">
26483                                        </ul>
26484                                    </li>
26485                                                                                                                                                                    <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a>
26486                                        <ul class="">
26487                                        </ul>
26488                                    </li>
26489                                                                                                                                                                    <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a>
26490                                        <ul class="">
26491                                        </ul>
26492                                    </li>
26493                                                                                                                                                                    <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a>
26494                                        <ul class="">
26495                                        </ul>
26496                                    </li>
26497                                                                                                                                                                    <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a>
26498                                        <ul class="">
26499                                        </ul>
26500                                    </li>
26501                                                            <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li>
26502                                </ul>
26503                            </div>
26504                                            </div>
26505            </div>
26506        </div>
26507    </div>
26508</div>
26509                                                    </li>
26510                                                                    <li  class="nav-item drop_menu" >
26511                            <a href="https://tinywow.com/tools/file_conversion" class="nav-link">
26512                                File
26513                            </a>
26514
26515                                                            <div class="expand_menu expand_menu--tools position-absolute">
26516    <div class="expand_menu-box">
26517        <div class="container pl-0 pr-0">
26518            <div class="category-tools d-flex">
26519                <h4 class="expand_menu-name-categiry">FILE TOOLS</h4>
26520                <div class="expand_menu-tools justify-content-between">
26521                                            <a href="https://tinywow.com/converter/split-csv" class="category-tools__item">
26522                                                        <div class="icon_box v_1 v1">
26523                                                                    <svg width="20" height="20" class="img-fluid">
26524                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26525                                    </svg>
26526                                                            </div>
26527                            <div class="category-tools__content">
26528                                <h4>Split CSV</h4>
26529                                <p class="category-tools__descr gray">Split into one or multiple PDF files</p>
26530                            </div>
26531                        </a>
26532                                            <a href="https://tinywow.com/converter/split-excel" class="category-tools__item">
26533                                                        <div class="icon_box v_3 v3">
26534                                                                    <svg width="20" height="20" class="img-fluid">
26535                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26536                                    </svg>
26537                                                            </div>
26538                            <div class="category-tools__content">
26539                                <h4>Split Excel</h4>
26540                                <p class="category-tools__descr gray">Split into one or multiple Excel files</p>
26541                            </div>
26542                        </a>
26543                                            <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item">
26544                                                        <div class="icon_box v_1 v1">
26545                                                                    <svg width="20" height="20" class="img-fluid">
26546                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26547                                    </svg>
26548                                                            </div>
26549                            <div class="category-tools__content">
26550                                <h4>Excel to PDF</h4>
26551                                <p class="category-tools__descr gray">Convert Excel to PDF</p>
26552                            </div>
26553                        </a>
26554                                            <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item">
26555                                                        <div class="icon_box v_7 v7">
26556                                                                    <svg width="20" height="20" class="img-fluid">
26557                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26558                                    </svg>
26559                                                            </div>
26560                            <div class="category-tools__content">
26561                                <h4>XML to Excel</h4>
26562                                <p class="category-tools__descr gray">Convert XML to Excel</p>
26563                            </div>
26564                        </a>
26565                                            <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item">
26566                                                        <div class="icon_box v_5 v5">
26567                                                                    <svg width="20" height="20" class="img-fluid">
26568                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26569                                    </svg>
26570      
26570                                                      </div>
26571                            <div class="category-tools__content">
26572                                <h4>Excel to XML</h4>
26573                                <p class="category-tools__descr gray">Convert Excel to XML</p>
26574                            </div>
26575                        </a>
26576                                            <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item">
26577                                                        <div class="icon_box v_1 v1">
26578                                                                    <svg width="20" height="20" class="img-fluid">
26579                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26580                                    </svg>
26581                                                            </div>
26582                            <div class="category-tools__content">
26583                                <h4>CSV to Excel</h4>
26584                                <p class="category-tools__descr gray">Convert CSV to Excel</p>
26585                            </div>
26586                        </a>
26587                                            <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item">
26588                                                        <div class="icon_box v_2 v2">
26589                                                                    <svg width="20" height="20" class="img-fluid">
26590                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26591                                    </svg>
26592                                                            </div>
26593                            <div class="category-tools__content">
26594                                <h4>XML to CSV</h4>
26595                                <p class="category-tools__descr gray">Convert XML to CSV</p>
26596                            </div>
26597                        </a>
26598                                            <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item">
26599                                                        <div class="icon_box v_3 v3">
26600                                                                    <svg width="20" height="20" class="img-fluid">
26601                                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
26602                                    </svg>
26603                                                            </div>
26604                            <div class="category-tools__content">
26605                                <h4>XML to JSON</h4>
26606                                <p class="category-tools__descr gray">Convert XML to JSON</p>
26607                            </div>
26608                        </a>
26609                                    </div>
26610
26611            </div>
26612        </div>
26613    </div>
26614</div>
26615                                                    </li>
26616                                    </ul>
26617                <!--menu end-->
26618                <div class="sticky-top-group">
26619                    <div class="header-search">
26620                        <button class="button header-search_button js-header-search_button" type="submit"  aria-label="Search">
26621                            <img src="https://tinywow.com/v3/img/search-normal.svg" alt="Search">
26622                        </button>
26623                    </div>
26624
26625                    <div class="hamburger-menu">
26626                        <span class="line-top"></span>
26627                        <span class="line-center"></span>
26628                        <span class="line-bottom"></span>
26629                    </div>
26630                </div>
26631            </div>
26632                <div class="col-lg-5 d-none d-lg-block text-right">
26633                    <div class="header-tools">
26634
26635                                                <!-- button-switch-mode -->
26636                        <button class="button button-switch-mode js-button-switch-mode" type="button" role="button" aria-label="Switch mode">
26637                            <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode">
26638                            <img class="switch-mode-icon switch-mode-icon_moon" src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode">
26639                        </button>
26640                                                <button href="#" class="button  button-share js-show-my-files" title="My Files"
26641                                 style="display: none;" >
26642                            <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My files">
26643                        </button>
26644
26645                        <button href="#" class="button button-share" data-toggle="modal" data-target="#modal
26645-share" title="Share">
26646                            <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share">
26647                        </button>
26648
26649                    </div>
26650                                            <div class="header-search">
26651                            <button class="button header-search_button" type="submit" aria-label="Search">
26652                                <img src="https://tinywow.com/v3/img/search2.svg" alt="Search">
26653                            </button>
26654
26655                            <div class="header-search_group">
26656                                <form action="/tools" class="header-search_form">
26657                                    <input class="form-control js-search-tools" type="text" placeholder="Search" name="q">
26658                                    <button class="button" type="submit" aria-label="Search submit">
26659                                        <img src="https://tinywow.com/v3/img/search2.svg" alt="Search">
26660                                    </button>
26661                                </form>
26662
26663                                <div class="header-search_results header-search_results--desktop" style="display: none;">
26664                                </div>
26665                            </div>
26666                        </div>
26667                                        
26668                                                                        <button class="button button-sign-in js-show-sign-in">Sign In</button>
26669                                                            </div>
26670        </div>
26671    </div>
26672</header>
26673
26674<!-- mobile menu -->
26675<div class="mobile_menu mobile_menu-tools d-lg-none">
26676
26677    <div class="header-search header-search--pannel">
26678        <div></div>
26679        <div class="header-search_group container">
26680            <form action="/tools" class="header-search_form" onsubmit="return false;" >
26681                <input class="form-control js-search-tools" type="text" placeholder="Search"  name="q">
26682                <button class="button" type="submit" onclick="return false;" aria-label="Search submit">
26683                    <img src="https://tinywow.com/v2/img/search2.svg" alt="Search">
26684                </button>
26685            </form>
26686        </div>
26687        <div class="header-search_results header-search_results--mobile" style="display: none;"></div>
26688    </div>
26689
26690    <div class="container h-100">
26691        <div class="d-flex flex-column h-100">
26692            <ul id="mobile" class="menu2 accordion">
26693
26694                
26695                    
26696                    <li  class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" >
26697                        <a data-toggle="collapse" href="#nav_0" role="button" aria-expanded="false" class="nav-link">
26698                            PDF
26699                        </a>
26700
26701                                                    <div class=" collapse" id="nav_0" data-parent="#mobile">
26702    <div class="container pl-0 pr-0">
26703        <div class="category-tools m-0 pr-0">
26704            <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4>
26705
26706                                        <a href="https://tinywow.com/pdf/edit" class="category-tools__item pl-0">
26707                                        <div class="icon_box v_1 v1">
26708                                                    <svg width="20" height="20" class="img-fluid">
26709                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26710                            </svg>
26711                                            </div>
26712                    <div class="category-tools__content">
26713                        <h4>Edit PDF</h4>
26714                        <p class="category-tools__descr gray">Free PDF Editor</p>
26715                    </div>
26716                </a>
26717                            <a href="https://tinywow.com/pdf/to-word" class="category-tools__item pl-0">
26718                                        <div class="icon_box v_7 v7">
26719                                                    <svg width="20" height="20" class="img-fluid">
26720                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26721                            </svg>
26722                                            </div>
26723                    <div class="category-tools__content">
26724                        <h4>PDF to Word</h4>
26725                        <p class="category-tools__descr gray">Convert a PDF to Word Document</p>
26726                    </div>
26727                </a>
26728                            <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item pl-0">
26729                                        <div class="icon_box v_3 v3">
26730                                                    <svg width="20" height="20" class="img-fluid">
26731                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26732                            </svg>
26733                                            </div>
26734                    <div class="category-tools__content">
26735                        <h4>JPG to PDF</h4>
26736                        <p class="category-tools__descr gray">Upload images and receive as a PDF</p>
26737                    </div>
26738                </a>
26739                            <a href="https://tinywow.com/pdf/merge" class="category-tools__item pl-0">
26740                                        <div class="icon_box v_4 v4">
26741                                                    <svg width="20" height="20" class="img-fluid">
26742                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use>
26743                            </svg>
26744                                            </div>
26745                    <div class="category-tools__content">
26746                        <h4>Merge PDF</h4>
26747                        <p class="category-tools__descr gray">
26747Merge 2 or more PDF files into a single PDF file</p>
26748                    </div>
26749                </a>
26750                    </div>
26751        <div class="category-menu pr-0">
26752            <h4 class="expand_menu-name-categiry pl-0">OTHER PDF TOOLS</h4>
26753            <div class="row">
26754
26755                
26756                                                            <div class="col-6  pl_16 ">
26757                            <ul class="mega_menu mb-0">
26758                                                                <li><a href="#">Favorite Group</a>
26759                                    <ul class="">
26760                                    </ul>
26761                                </li>
26762                                                                                                                                                        <li><a href="#">To PDF</a>
26763                                    <ul class="">
26764                                    </ul>
26765                                </li>
26766                                                                                                                                                        <li><a href="#">From PDF</a>
26767                                    <ul class="">
26768                                    </ul>
26769                                </li>
26770                                                                                                                                                        <li><a href="https://tinywow.com/pdf/create">Create PDF</a>
26771                                    <ul class="">
26772                                    </ul>
26773                                </li>
26774                                                                                                                                                        <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a>
26775                                    <ul class="">
26776                                    </ul>
26777                                </li>
26778                                                                                                                                                        <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a>
26779                                    <ul class="">
26780                                    </ul>
26781                                </li>
26782                                                                                            </ul>
26783                        </div>
26784                                                                                                    <div class="col-6  pl-0 pr-0 ">
26785                            <ul class="mega_menu mb-0">
26786                                                                <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a>
26787                                    <ul class="">
26788                                    </ul>
26789                                </li>
26790                                                                                                                                                        <li><a href="https://tinywow.com/pdf/split">Split</a>
26791                                    <ul class="">
26792                                    </ul>
26793                                </li>
26794                                                                                                                                                        <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a>
26795                                    <ul class="">
26796                                    </ul>
26797                                </li>
26798                                                                                                                                                        <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a>
26799                                    <ul class="">
26800                                    </ul>
26801                                </li>
26802                                                                                                                                                        <li><a href="https://tinywow.com/pdf/sign">eSign</a>
26803                                    <ul class="">
26804                                    </ul>
26805                                </li>
26806                                                                    <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li>
26807                            </ul>
26808                        </div>
26809                                                </div>
26810        </div>
26811    </div>
26812</div>
26813                                            </li>
26814                
26815                    
26816                    <li  class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" >
26817                        <a data-toggle="collapse" href="#nav_1" role="button" aria-expanded="false" class="nav-link">
26818                            Image
26819                        </a>
26820
26821                                                    <div class=" collapse" id="nav_1" data-parent="#mobile">
26822    <div class="container pl-0 pr-0">
26823        <div class=" expand_menu--image mt-0">
26824            <div class="expand_menu-box">
26825                <div class="container pl-0 pr-0">
26826                    <div class="ai-tools b-b category-tools pt-0 pr-0">
26827                        <h4 class="expand_menu-name-categiry">AI TOOLS</h4>
26828
26829                        <ul>
26830                            <li>
26831                                                                                                    <a href="https://tinywow.com/image/remove-bg" class="category-tools__item category-tools__item--big is-active mt-0">
26832                                                                                <div class="icon_box v_5 v5">
26833                                                                                            <svg width="20" height="20">
26834                                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26835                                                </svg>
26836                                                                                    </div>
26837                                        <div class="category-tools__content">
26838                                            <h4>
26838Background Remover</h4>
26839                                            <p class="category-tools__descr gray">Easily Remove the Background from an image</p>
26840                                        </div>
26841                                    </a>
26842                                                                <div>
26843                                    <div class="ai-tools__catalog">
26844                                                                                                                                                                            <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small">
26845                                                                                                        <div class="icon_box v_5 v5">
26846                                                                                                                    <svg width="20" height="20" class="img-fluid">
26847                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26848                                                            </svg>
26849                                                                                                            </div>
26850                                                    <div class="category-tools__content">
26851                                                        <h4>Restore Photos</h4>
26852                                                    </div>
26853                                                </a>
26854                                                                                            <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small">
26855                                                                                                        <div class="icon_box v_4 v4">
26856                                                                                                                    <svg width="20" height="20" class="img-fluid">
26857                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use>
26858                                                            </svg>
26859                                                                                                            </div>
26860                                                    <div class="category-tools__content">
26861                                                        <h4>Profile Photo Maker</h4>
26862                                                    </div>
26863                                                </a>
26864                                                                                            <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small">
26865                                                                                                        <div class="icon_box v_5 v5">
26866                                                                                                                    <svg width="20" height="20" class="img-fluid">
26867                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26868                                                            </svg>
26869                                                                                                            </div>
26870                                                    <div class="category-tools__content">
26871                                                        <h4>Remove Person from Photo</h4>
26872                                                    </div>
26873                                                </a>
26874                                                                                            <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small">
26875                                                                                                        <div class="icon_box v_2 v2">
26876                                                                                                                    <svg width="20" height="20" class="img-fluid">
26877                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
26878                                                            </svg>
26879                                                                                                            </div>
26880                                                    <div class="category-tools__content">
26881                                                        <h4>Extract Text From Image</h4>
26882                                                    </div>
26883                                                </a>
26884                                                                                            <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small">
26885                                                                                                        <div class="icon_box v_1 v1">
26886                                                                                                                    <svg width="20" height="20" class="img-fluid">
26887                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26888                                                            </svg>
26889                                                                                                            </div>
26890                                                    <div class="category-tools__content">
26891                                                        <h4>AI Image Generator</h4>
26892                                                    </div>
26893                                                </a>
26894                                                                                            <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small">
26895                                                                                                        <div class="icon_box v_2 v2">
26896                                                                                                                    <svg width="20" height="20" class="img-fluid">
26897                                                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
26898                                                            </svg>
26899                                                                                                            </div>
26900                                                    <div class="category-tools__content">
26901                                                        <h4>Remove Objects Photo</h4>
26902                                                    </div>
26903                                                </a>
26904                                                                                                                        </div>
26905                                </div>
26906                            </li>
26907                        </ul>
26908                    </div>
26909                    <div class="ai-all pl-0">
26910                        <div class="ai-featured">
26911                            <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
26912
26913                            <div class="ai-featured__box mt-0">
26914                                <div class="d-flex flex-wrap">
26915                                                                                                                <a href="https://tinywow.com/image/resize" class="category-tools__item ai-all__item  w-50">
26916                                                                                        <div class="main-item v_2 v2">
26917                                                <picture>
26918                                                    <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy">
26919                                                </picture>
26920                                            </div>
26921                                            <div class="ai-featured__content">
26922                                                <div>
26923                                                    <h4>Resize Dimensions</h4>
26924                                                    <p class="category-tools__descr gray">Resize your image</p>
26925                                                </div>
26926                                                <div class="image-box-arrow">
26927                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26928                                                        <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26929                                                        <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26930                                                    </svg>
26931                                                </div>
26932                                            </div>
26933                                        </a>
26934                                                                            <a href="https://tinywow.com/image/compress" class="category-tools__item ai-all__item  w-50">
26935                                                                                        <div class="main-item v_4 v4">
26936                                                <picture>
26937                                                    <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy">
26938                                                </picture>
26939                                            </div>
26940                                            <div class="ai-featured__content">
26941                                                <div>
26942                                                    <h4>Compress</h4>
26943                                                    <p class="category-tools__descr gray">Compress your image</p>
26944                                                </div>
26945                                                <div class="image-box-arrow">
26946                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26947                                                        <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26948                                                        <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26949                                                    </svg>
26950                                                </div>
26951                                            </div>
26952                                        </a>
26953                                                                            <a href="https://tinywow.com/image/upscale" class="category-tools__item ai-all__item  w-50">
26954                                                                                        <div class="main-item v_5 v5">
26955                                                <picture>
26956                                                    <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy">
26957                                                </picture>
26958                                            </div>
26959                                            <div class="ai-featured__content">
26960                                                <div>
26961                                                    <h4>Increase Image Resolution</h4>
26962                                                    <p class="category-tools__descr gray">increase the resolution of your image</p>
26963                                                </div>
26964                                                <div class="image-box-arrow">
26965                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26966                                                        <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26967                                                        <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
26968                                                    </svg>
26969                                                </div>
26970                                            </div>
26971                                        </a>
26972                                                                    </div>
26973                            </div>
26974                        </div>
26975
26976                        <div class="ai-other">
26977                            <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4>
26978
26979                            <div class="d-flex">
26980
26981                                
26982                                                                                                            <div class="category-tools__item ai-all__item  w-50  pl-0 ">
26983                                            <ul class="mega_menu">
26984                                                                                                <li><a href="https://tinywow.com/image/blur-background">
26984Blur Background</a></li>
26985                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li>
26986                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li>
26987                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li>
26988                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li>
26989                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li>
26990                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/make-background-transparent">
26990Transparent Background</a></li>
26991                                                                                                                                            </ul>
26992                                        </div>
26993                                                                                                                                                                                    <div class="category-tools__item ai-all__item  w-50 ">
26994                                            <ul class="mega_menu">
26995                                                                                                <li><a href="https://tinywow.com/image/crop">Crop Image</a></li>
26996                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li>
26997                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/split">Image Splitter</a></li>
26998                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li>
26999                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li>
27000                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li>
27001                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/grayscale">Black &amp; White</a></li>
27002                                                                                                                                            </ul>
27003                                        </div>
27004                                                                                                                                                                                    <div class="category-tools__item ai-all__item  w-50 ">
27005                                            <ul class="mega_menu">
27006                                                                                                <li><a href="#">Favorite Group</a></li>
27007                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/flip">Flip Image</a></li>
27008                                                                                                                                                                                                                                                        <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li>
27009                                                                                                    <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li>
27010                                            </ul>
27011                                        </div>
27012                                                                                </div>
27013                        </div>
27014                    </div>
27015                </div>
27016            </div>
27017        </div>
27018    </div>
27019</div>
27020                                            </li>
27021                
27022                    
27023                    <li  class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" >
27024                        <a data-toggle="collapse" href="#nav_2" role="button" aria-expanded="false" class="nav-link">
27025                            Write
27026                        </a>
27027
27028                                                    <div class=" collapse" id="nav_2" data-parent="#mobile">
27029    <div class="container pl-0 pr-0">
27030        <div class="category-tools m-0 pr-0">
27031            <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4>
27032
27033                                        <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item pl-0">
27034                                        <div class="icon_box v_3 v3">
27035                                                    <svg width="20" height="20" class="img-fluid">
27036                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27037                            </svg>
27038                                            </div>
27039                    <div class="category-tools__content">
27040                        <h4>Paragraph Writer</h4>
27041                        <p class="category-tools__descr gray">Paragraph Writer</p>
27042                    </div>
27043                </a>
27044                            <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item pl-0">
27045                                        <div class="icon_box v_2 v2">
27046                                                    <svg width="20" height="20" class="img-fluid">
27047                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27048                            </svg>
27049                                            </div>
27050                    <div class="category-tools__content">
27051                        <h4>Sentence Rewriter</h4>
27052                        <p class="category-tools__descr gray">Sentence Rewriter</p>
27053                    </div>
27054                </a>
27055                            <a href="https://tinywow.com/write/essay-writer" class="category-tools__item pl-0">
27056                                        <div class="icon_box v_3 v3">
27057                                                    <svg width="20" height="20" class="img-fluid">
27058                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27059                            </svg>
27060                                            </div>
27061                    <div class="category-tools__content">
27062                        <h4>Essay Writer</h4>
27063                        <p class="category-tools__descr gray">Easily create an essay with AI</p>
27064                    </div>
27065                </a>
27066                            <a href="https://tinywow.com/write/article-writer" class="category-tools__item pl-0">
27067                                        <div class="icon_box v_3 v3">
27068                                                    <svg width="20" height="20" class="img-fluid">
27069                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27070                            </svg>
27071                                            </div>
27072                    <div class="category-tools__content">
27073                        <h4>Article Writer</h4>
27074                        <p class="category-tools__descr gray">Create an article from a title</p>
27075                    </div>
27076                </a>
27077                    </div>
27078        <div class="category-menu pr-0">
27079            <h4 class="expand_menu-name-categiry pl-0">OTHER WRITE TOOLS</h4>
27080            <div class="row">
27081
27082                
27083                                                            <div class="col-6  pl_16 ">
27084                            <ul class="mega_menu mb-0">
27085                                                                <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a>
27086                                    <ul class="">
27087                                    </ul>
27088                                </li>
27089                                                                                                                                                        <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a>
27090                                    <ul class="">
27091                                    </ul>
27092                                </li>
27093                                                                                                                                                        <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a>
27094                                    <ul class="">
27095                                    </ul>
27096                                </li>
27097                                                                                                                                                        <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a>
27098                                    <ul class="">
27099                                    </ul>
27100                                </li>
27101                                                                                                                                                        <li><a href="https://tinywow.com/write/business-name-generator">
27101Business Name Generator</a>
27102                                    <ul class="">
27103                                    </ul>
27104                                </li>
27105                                                                                                                                                        <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a>
27106                                    <ul class="">
27107                                    </ul>
27108                                </li>
27109                                                                                            </ul>
27110                        </div>
27111                                                                                                    <div class="col-6  pl-0 pr-0 ">
27112                            <ul class="mega_menu mb-0">
27113                                                                <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a>
27114                                    <ul class="">
27115                                    </ul>
27116                                </li>
27117                                                                                                                                                        <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a>
27118                                    <ul class="">
27119                                    </ul>
27120                                </li>
27121                                                                                                                                                        <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a>
27122                                    <ul class="">
27123                                    </ul>
27124                                </li>
27125                                                                                                                                                        <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a>
27126                                    <ul class="">
27127                                    </ul>
27128                                </li>
27129                                                                                                                                                        <li><a href="https://tinywow.com/write/content-improver">Content Improver</a>
27130                                    <ul class="">
27131                                    </ul>
27132                                </li>
27133                                                                    <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li>
27134                            </ul>
27135                        </div>
27136                                                </div>
27137        </div>
27138    </div>
27139</div>
27140                                            </li>
27141                
27142                    
27143                    <li  class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" >
27144                        <a data-toggle="collapse" href="#nav_3" role="button" aria-expanded="false" class="nav-link">
27145                            Video
27146                        </a>
27147
27148                                                    <div class=" collapse" id="nav_3" data-parent="#mobile">
27149    <div class="container pl-0 pr-0">
27150        <div class="category-tools m-0 pr-0">
27151            <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4>
27152
27153                                        <a href="https://tinywow.com/video/compress" class="category-tools__item pl-0">
27154                                        <div class="icon_box v_6 v6">
27155                                                    <svg width="20" height="20" class="img-fluid">
27156                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
27157                            </svg>
27158                                            </div>
27159                    <div class="category-tools__content">
27160                        <h4>Compress Video</h4>
27161                        <p class="category-tools__descr gray">Lessen the file size of a Video file</p>
27162                    </div>
27163                </a>
27164                            <a href="https://tinywow.com/video/to-gif" class="category-tools__item pl-0">
27165                                        <div class="icon_box v_4 v4">
27166                                                    <svg width="20" height="20" class="img-fluid">
27167                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
27168                            </svg>
27169                                            </div>
27170                    <div class="category-tools__content">
27171                        <h4>Video to Gif</h4>
27172                        <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p>
27173                    </div>
27174                </a>
27175                            <a href="https://tinywow.com/video/cutter" class="category-tools__item pl-0">
27176                                        <div class="icon_box v_3 v3">
27177                                                    <svg width="20" height="20" class="img-fluid">
27178                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use>
27179                            </svg>
27180                                            </div>
27181                    <div class="category-tools__content">
27182                        <h4>Trim Video</h4>
27183                        <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p>
27184                    </div>
27185                </a>
27186                            <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item pl-0">
27187                                        <div class="icon_box v_7 v7">
27188                                                    <svg width="20" height="20" class="img-fluid">
27189                                <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use>
27190                            </svg>
27191                                            </div>
27192                    <div class="category-tools__content">
27193                        <h4>MP4 to MP3</h4>
27194                        <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p>
27195                    </div>
27196                </a>
27197                    </div>
27198        <div class="category-menu pr-0">
27199            <h4 class="expand_menu-name-categiry pl-0">OTHER VIDEO TOOLS</h4>
27200            <div class="row">
27201
27202                
27203                                                            <div class="col-6  pl_16 ">
27204                            <ul class="mega_menu mb-0">
27205                                                                <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a>
27206                                    <ul class="">
27207                                    </ul>
27208                                </li>
27209                                                                                                                                                        <li><a href="https://tinywow.com/video/resize">Resize Video</a>
27210                                    <ul class="">
27211                                    </ul>
27212                                </li>
27213                                                                                                                                                        <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a>
27214                                    <ul class="">
27215                                    </ul>
27216                                </li>
27217                                                                                                                                                        <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a>
27218                                    <ul class="">
27219                                    </ul>
27220                                </li>
27221                                                                                                                                                        <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a>
27222                                    <ul class="">
27223                                    </ul>
27224                                </li>
27225                                                                                                                                                        <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a>
27226                                    <ul class="">
27227                                    </ul>
27228                                </li>
27229                                                                                            </ul>
27230                        </div>
27231                                                                                                    <div class="col-6  pl-0 pr-0 ">
27232                            <ul class="mega_menu mb-0">
27233                                                                <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a>
27234                                    <ul class="">
27235                                    </ul>
27236                                </li>
27237                                                                                                                                                        <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a>
27238                                    <ul class="">
27239                                    </ul>
27240                                </li>
27241                                                                                                                                                        <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a>
27242                                    <ul class="">
27243                                    </ul>
27244                                </li>
27245                                                                                                                                                        <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a>
27246                                    <ul class="">
27247                                    </ul>
27248                                </li>
27249                                                                                                                                                        <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a>
27250                                    <ul class="">
27251                                    </ul>
27252                                </li>
27253                                                                    <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li>
27254                            </ul>
27255                        </div>
27256                                                </div>
27257        </div>
27258    </div>
27259</div>
27260                                            </li>
27261                
27262                    
27263                    <li  class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" >
27264                        <a data-toggle="collapse" href="#nav_4" role="button" aria-expanded="false" class="nav-link">
27265                            File
27266                        </a>
27267
27268                                                    <div class=" collapse" id="nav_4" data-parent="#mobile">
27269    <div class="container pl-0 pr-0 pb-0">
27270        <div class="category-tools m-0 pr-0 pb-0">
27271            <h4 class="expand_menu-name-categiry  m-0 p-0">FILE TOOLS</h4>
27272
27273            <div class="expand_menu-tools justify-content-between">
27274
27275                                    <a href="https://tinywow.com/converter/split-csv" class="category-tools__item pl-0">
27276                                                <div class="icon_box v_2 v2">
27277                                                            <svg width="20" height="20" class="img-fluid">
27278                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27279                                </svg>
27280                                                    </div>
27281                        <div class="category-tools__content">
27282                            <h4>Split CSV</h4>
27283                            <p class="category-tools__descr gray">Split into one or multiple PDF files</p>
27284                        </div>
27285                    </a>
27286                                    <a href="https://tinywow.com/converter/split-excel" class="category-tools__item pl-0">
27287                                                <div class="icon_box v_5 v5">
27288                                                            <svg width="20" height="20" class="img-fluid">
27289                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27290                                </svg>
27291                                                    </div>
27292                        <div class="category-tools__content">
27293                            <h4>Split Excel</h4>
27294                            <p class="category-tools__descr gray">Split into one or multiple Excel files</p>
27295                        </div>
27296                    </a>
27297                                    <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item pl-0">
27298                                                <div class="icon_box v_4 v4">
27299                                                            <svg width="20" height="20" class="img-fluid">
27300                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27301                                </svg>
27302                                                    </div>
27303                        <div class="category-tools__content">
27304                            <h4>Excel to PDF</h4>
27305                            <p class="category-tools__descr gray">Convert Excel to PDF</p>
27306                        </div>
27307                    </a>
27308                                    <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item pl-0">
27309                                                <div class="icon_box v_5 v5">
27310                                                            <svg width="20" height="20" class="img-fluid">
27311                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27312                                </svg>
27313                                                    </div>
27314                        <div class="category-tools__content">
27315                            <h4>XML to Excel</h4>
27316                            <p class="category-tools__descr gray">Convert XML to Excel</p>
27317                        </div>
27318                    </a>
27319                                    <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item pl-0">
27320                                                <div class="icon_box v_5 v5">
27321                                                            <svg width="20" height="20" class="img-fluid">
27322                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27323                                </svg>
27324                                                    </div>
27325                        <div class="category-tools__content">
27326                            <h4>Excel to XML</h4>
27327                            <p class="category-tools__descr gray">Convert Excel to XML</p>
27328                        </div>
27329                    </a>
27330                                    <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item pl-0">
27331                                                <div class="icon_box v_3 v3">
27332                                                            <svg width="20" height="20" class="img-fluid">
27333                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27334                                </svg>
27335                                                    </div>
27336                        <div class="category-tools__content">
27337                            <h4>CSV to Excel</h4>
27338                            <p
27338 class="category-tools__descr gray">Convert CSV to Excel</p>
27339                        </div>
27340                    </a>
27341                                    <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item pl-0">
27342                                                <div class="icon_box v_3 v3">
27343                                                            <svg width="20" height="20" class="img-fluid">
27344                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27345                                </svg>
27346                                                    </div>
27347                        <div class="category-tools__content">
27348                            <h4>XML to CSV</h4>
27349                            <p class="category-tools__descr gray">Convert XML to CSV</p>
27350                        </div>
27351                    </a>
27352                                    <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item pl-0">
27353                                                <div class="icon_box v_2 v2">
27354                                                            <svg width="20" height="20" class="img-fluid">
27355                                    <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27356                                </svg>
27357                                                    </div>
27358                        <div class="category-tools__content">
27359                            <h4>XML to JSON</h4>
27360                            <p class="category-tools__descr gray">Convert XML to JSON</p>
27361                        </div>
27362                    </a>
27363                            </div>
27364
27365        </div>
27366    </div>
27367</div>
27368                                            </li>
27369                            </ul>
27370            <div class="mobile_menu__actions mt-auto">
27371
27372                <div class=" header-tools d-flex justify-content-center">
27373
27374                    <button class="button button-switch-mode" type="button" role="button" aria-label="Switch mode">
27375                        <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode">
27376                        <img class="switch-mode-icon switch-mode-icon_moon " src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode">
27377                    </button>
27378
27379                    <button type="button" class="button  button-share js-show-my-files" title="My Files"
27380                             style="display: none;" >
27381                        <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My Files">
27382                    </button>
27383
27384                    <button type="button" class="button button-share" data-toggle="modal" data-target="#modal-share" title="Share">
27385                        <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share">
27386                    </button>
27387                </div>
27388
27389                <div class="mobile_menu__common">
27390                                                                    <a href="https://tinywow.com/support-tinywow" class="btn btn-support btn-link">Upgrade</a>
27391                                                <button class="button button-sign-in js-show-sign-in">Sign In</button>
27392                                    </div>
27393
27394                <div class="mobile_menu__login">
27395                    <div class="user-bar">
27396                                                                                                </div>
27397                </div>
27398            </div>
27399        </div>
27400    </div>
27401
27402</div>
27403
27404
27405
27406
27407    <main>
27408        
27409            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8bwwAAjcBNBRvLA0AAAAASUVORK5CYII=" class="page_shadow" alt="" loading="eager" data-lazy-src="https://tinywow.com/v3/img/shadow.png"
27410         data-lazy-method="interaction" data-lazy-attributes="src">
27411
27412        <!-- home area -->
27413        <div class="home_area home_area--first">
27414            <div class="container">
27415                                <div class="row align-items-center justify-content-center">
27416                    <div class="col-lg-12">
27417                        <div class="home_content">
27418                            <h1>Free Tools to Make
27419                                <div class="animate-text" id="flip">
27420                                    <div><div class="animate-text__item">Business</div></div>
27421                                        <div><div class="animate-text__item">Your Life</div></div>
27422                                        <div><div class="animate-text__item">Everything</div></div>
27423                                        <div><div class="animate-text__item">Education</div></div>
27424                                </div>
27425                                Simple</h1>
27426                            <p class="descr gray">We offer PDF, video, image and other online tools to make your life easier</p>
27427
27428                            <form action="#" class="search_group search_group--search " id="searchToolsForm">
27429                                <input type="text" name="q" class="js-search-tools" placeholder="Search">
27430                                <button class="button" type="submit" id="searchTools">Search</button>
27431                                <img class="search" src="https://tinywow.com/v3/img/search.svg" alt="Search">
27432                            </form>
27433
27434                        </div>
27435                    </div>
27436                </div>
27437            </div>
27438            <div class="container-tools">
27439                <div class="row-tools">
27440                    <div class="tools mt_40">
27441                        <img class="d-4" src="https://tinywow.com/v3/img/decorate/d-4.
27441svg">
27442                        <div class="js-tools-slider">
27443                            <div class="tools__item color-violet">
27444
27445                                <a href="https://tinywow.com/tools/pdf" class="tools__content">
27446                                    <div class="tools__header d-flex align-items-center justify-content-between">
27447                                        <div class="tools__circle d-flex align-items-center justify-content-center">
27448                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27449                                                <path d="M17.4352 8.31002L17.4352 8.30999H17.4299C16.1828 8.30999 15.1799 7.31077 15.1799 6.13999V2.64999C15.1799 2.61542 15.1895 2.59388 15.2012 2.57784C15.2148 2.55924 15.2375 2.54025 15.2692 2.52778C15.3326
27450                    2.50287 15.3965 2.51366 15.4464 2.56355C16.4448 3.56197 17.9436 5.07447 19.2558 6.39863C19.8878 7.03637 20.4765 7.63042 20.9452 8.10232L20.9464 8.10355C20.9722 8.12937 20.9793 8.15048 20.9818 8.16561C20.9847 8.18366 20.9827 8.20721 20.9715
27451                    8.23266C20.9494 8.28243 20.903 8.31999 20.8299 8.31999C19.699 8.31999 18.382 8.31999 17.4352 8.31002ZM20.8299 8.81999C21.3999 8.81999 21.6999 8.14999 21.2999 7.74999C20.8321 7.27896 20.2441 6.68552 19.6125 6.04817C18.2998 4.72353 16.7992
27452                    3.20922 15.7999 2.20999C15.3899 1.79999 14.6799 2.07999 14.6799 2.64999V6.13999C14.6799 7.59999 15.9199 8.80999 17.4299 8.80999C18.3798 8.81999 19.6997 8.81999 20.8296 8.81999H20.8299Z" fill="white" stroke="white"/>
27453                                                <path d="M17.61 10.69H20.5C20.7739 10.69 21 10.9161 21 11.19V16.43C21 18.0923 20.4239 19.3476 19.5277 20.1893C18.6266 21.0356 17.3629 21.5 15.93 21.5H8.07C6.63711 21.5 5.37343 21.0356 4.4723 20.1893C3.57612
27454                    19.3476 3 18.0923 3 16.43V7.57C3 5.90766 3.57612 4.65241 4.4723 3.81071C5.37343 2.96436 6.63711 2.5 8.07 2.5H12.31C12.5839 2.5 12.81 2.72614 12.81 3V5.89C12.81 8.53614 14.9639 10.69 17.61 10.69ZM7.5 18.25H11.5C12.1861 18.25 12.75 17.6861
27455                    12.75 17C12.75 16.3139 12.1861 15.75 11.5 15.75H7.5C6.81386 15.75 6.25 16.3139 6.25 17C6.25 17.6861 6.81386 18.25 7.5 18.25ZM7.5 14.25H13.5C14.1861 14.25 14.75 13.6861 14.75 13C14.75 12.3139 14.1861 11.75 13.5 11.75H7.5C6.81386 11.75 6.25
27456                    12.3139 6.25 13C6.25 13.6861 6.81386 14.25 7.5 14.25Z" fill="white" stroke="white"/>
27457                                            </svg>
27458                                        </div>
27459                                        <div class="tools__tag">
27460                                            <span>45+ tools</span>
27461                                        </div>
27462                                    </div>
27463                                    <div class="tools__body mt_16 d-flex align-items-center justify-content-between">
27464                                        <div>
27465                                            <p class="tools__name">PDF Tools</p>
27466                                            <span class="tools__descr">Solve Your PDF Problems</span>
27467                                        </div>
27468                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
27469                                            <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27470                                            <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27471                                        </svg>
27472                                    </div>
27473                                </a>
27474                                <div class="tools__footer">
27475                                    <div class="d-flex align-items-center justify-content-between">
27476                                        <span class="tools__span">Featured Tool :</span>
27477
27478                                        <a href="https://tinywow.com/pdf/create" class="tools__upcoming">PDF Creator</a>
27479                                    </div>
27480                                </div>
27481                            </div>
27482
27483                            <div class="tools__item color-orange">
27484                                <a href="https://tinywow.com/tools/image" class="tools__content">
27485                                    <div class="tools__header d-flex align-items-center justify-content-between">
27486                                        <div class="tools__circle d-flex align-items-center justify-content-center">
27487                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27488                                                <path d="M2.58005 19.01L2.56005 19.03C2.29005 18.44 2.12005 17.77 2.05005 17.03C2.12005 17.76 2.31005 18.42 2.58005 19.01Z" fill="white"/>
27489                                                <path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801
27490                    9.00012 10.3801Z" fill="white"/>
27491                                                <path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V13.9V7.81C22 4.17 19.83 2 16.19 2ZM20.37 12.5C19.59 11.83 18.33
27492                    11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V12.61L20.37 12.5Z
27493                   " fill="white"/>
27494                                            </svg>
27495                                        </div>
27496                                        <div class="tools__tag">
27497                                            <span>30+ tools</span>
27498                                        </div>
27499                                    </div>
27500                                    <div class="tools__body mt_16 d-flex align-items-center justify-content-between">
27501                                        <div>
27502                                            <p class="tools__name">Image Tools</p>
27503                                            <span class="tools__descr">Solve Your Image Problems</span>
27504                                        </div>
27505                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
27506                                            <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27507                                            <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27508                                        </svg>
27509                                    </div>
27510                                </a>
27511                                <div class="tools__footer">
27512                                    <div class="d-flex align-items-center justify-content-between">
27513                                        <span class="tools__span">Featured Tool :</span>
27514                                        <a href="https://tinywow.com/image/remove-bg" class="tools__upcoming">Remove BG</a>
27515                                    </div>
27516                                </div>
27517                            </div>
27518
27519                            <div class="tools__item color-purple">
27520                                <a href="https://tinywow.com/tools/video" class="tools__content">
27521                                    <div class="tools__header d-flex align-items-center justify-content-between">
27522                                        <div class="tools__circle d-flex align-items-center justify-content-center">
27523                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27524                                                <path d="M14.73 2H9.27002V6.36H14.73V2Z" fill="white"/>
27525                                                <path d="M16.23 2V6.36H21.87C21.36 3.61 19.33 2.01 16.23 2Z" fill="white"/>
27526                                                <path d="M2 7.86011V16.1901C2 19.8301 4.17 22.0001 7.81 22.0001H16.19C19.83 22.0001 22 19.8301 22 16.1901V7.86011H2ZM14.44 16.1801L12.36 17.3801C11.92 17.6301 11.49 17.7601 11.09 17.7601C10.79 17.7601
27527                    10.52 17.6901 10.27 17.5501C9.69 17.2201 9.37 16.5401 9.37 15.6601V13.2601C9.37 12.3801 9.69 11.7001 10.27 11.3701C10.85 11.0301 11.59 11.0901 12.36 11.5401L14.44 12.7401C15.21 13.1801 15.63 13.8001 15.63 14.4701C15.63 15.1401 15.2 15.7301
27528                    14.44 16.1801Z" fill="white"/>
27529                                                <path d="M7.76988 2C4.66988 2.01 2.63988 3.61 2.12988 6.36H7.76988V2Z" fill="white"/>
27530                                            </svg>
27531                                        </div>
27532                                        <div class="tools__tag">
27533                                            <span>10+ tools</span>
27534                                        </div>
27535                                    </div>
27536                                    <div class="tools__body mt_16 d-flex align-items-center justify-content-between">
27537                                        <div>
27538                                            <p class="tools__name">Video Tools</p>
27539                                            <span class="tools__descr">Solve Your Video Problems</span>
27540                                        </div>
27541                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
27542                                            <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27543                                            <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27544                                        </svg>
27545                                    </div>
27546                                </a>
27547                                <div class="tools__footer">
27548                                    <div class="d-flex align-items-center justify-content-between">
27549                                        <span class="tools__span">Featured Tool :</span>
27550                                        <a href="https://tinywow.com/video/mute" class="tools__upcoming">Mute Video</a>
27551                                    </div>
27552                                </div>
27553                            </div>
27554
27555                            <div class="tools__item color-blue">
27556                                <a href="https://tinywow.com/tools/write" class="tools__content">
27557                                    <div class="tools__header d-flex align-items-center justify-content-between">
27558                                        <div class="tools__circle d-flex align-items-center justify-content-center">
27559                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27560                                                <path d="M16 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM14 15.25H7C6.59 15.25 6.25 14.91 6.25 14.5C6.25 14.09 6.59 13.75 7 13.75H14C14.41 13.75 14.75 14.09 14.75 14.5C14.75
27561                    14.91 14.41 15.25 14 15.25ZM17 10.25H7C6.59 10.25 6.25 9.91 6.25 9.5C6.25 9.09 6.59 8.75 7 8.75H17C17.41 8.75 17.75 9.09 17.75 9.5C17.75 9.91 17.41 10.25 17 10.25Z" fill="white"/>
27562                                            </svg>
27563                                        </div>
27564                                        <div class="tools__tag">
27565                                            <span>10+ tools</span>
27566                                        </div>
27567                                    </div>
27568                                    <div class="tools__body mt_16 d-flex align-items-center justify-content-between">
27569                                        <div>
27570                                            <p class="tools__name">AI Write</p>
27571                                            <span class="tools__descr">Solve Your Text Problems</span>
27572                                        </div>
27573                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
27574                                            <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27575                                            <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27576                                        </svg>
27577                                    </div>
27578                                </a>
27579                                <div class="tools__footer">
27580                                    <div class="d-flex align-items-center justify-content-between">
27581                                        <span class="tools__span">Featured Tool :</span>
27582                                        <a href="https://tinywow.com/write/paragraph-writer" class="tools__upcoming">Paragraph Writer</a>
27583                                    </div>
27584                                </div>
27585                            </div>
27586
27587                            <div class="tools__item color-green">
27588                                <a href="https://tinywow.com/tools/file_conversion" class="tools__content">
27589                                    <div class="tools__header d-flex align-items-center justify-content-between">
27590                                        <div class="tools__circle d-flex align-items-center justify-content-center">
27591                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27592                                                <path d="M22 5.15V8.85C22 11.1 21.1 12 18.85 12H16.15C13.9 12 13 11.1 13 8.85V5.15C13 2.9 13.9 2 16.15 2H18.85C21.1 2 22 2.9 22 5.15Z" fill="white"/>
27593                                                <path d="M11 15.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V15.15C2 12.9 2.9 12 5.15 12H7.85C10.1 12 11 12.9 11 15.15Z" fill="white"/>
27594                                                <path d="M14.78 22C14.51 22 14.26 21.85 14.13 21.62C14 21.38 14 21.1 14.14 20.86L15.11 19.24C15.32 18.88 15.78 18.77 16.14 18.98C16.5 19.19 16.61 19.65 16.4 20.01L16.22 20.31C18.69 19.67 20.51 17.43 20.51
27595                    14.77C20.51 14.36 20.85 14.02 21.26 14.02C21.67 14.02 22 14.36 22 14.78C22 18.76 18.76 22 14.78 22Z" fill="white"/>
27596                                                <path d="M2.75 9.97C2.34 9.97 2 9.64 2 9.22C2 5.24 5.24 2 9.22 2C9.5 2 9.74 2.15 9.88 2.38C10.01 2.62 10.01 2.9 9.87 3.14L8.9 4.75C8.68 5.11 8.22 5.23 7.87 5.01C7.51 4.8 7.4 4.34 7.61 3.98L7.79 3.68C5.33
27597                    4.32 3.5 6.56 3.5 9.22C3.5 9.64 3.16 9.97 2.75 9.97Z" fill="white"/>
27598                                            </svg>
27599                                        </div>
27600                                        <div class="tools__tag">
27601                                            <span>15+ tools</span>
27602                                        </div>
27603                                    </div>
27604                                    <div class="tools__body mt_16 d-flex align-items-center justify-content-between">
27605                                        <div>
27606                                            <p class="tools__name">File Tools</p>
27607                                            <span class="tools__descr">Solve Your File Problems</span>
27608                                        </div>
27609                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
27610                                            <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27611                                            <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
27612                                        </svg>
27613                                    </div>
27614                                </a>
27615                                <div class="tools__footer">
27616                                    <div class="d-flex align-items-center justify-content-between">
27617                                        <span class="tools__span">Featured Tool :</span>
27618                                        <a href="https://tinywow.com/converter/split-excel" class="tools__upcoming">Split Excel</a>
27619                                    </div>
27620                                </div>
27621                            </div>
27622                        </div>
27623                    </div>
27624                </div>
27625            </div>
27626            <div class="container">
27627                <div class="row">
27628                    <div class="col-lg-12">
27629                        <div class="statistic d-flex align-items-center justify-content-between">
27630                            <div class="statistic__item text-left d-flex">
27631                                <div class="statistic__num">1m</div>
27632                                <div class="statistic__text">
27633                                    <span>Active</span>
27634                                    <span>Users</span>
27635                                </div>
27636                            </div>
27637
27638                            <div class="statistic__item text-left d-flex">
27639                                <div class="statistic__num">10m</div>
27640                                <div class="statistic__text">
27641                                    <span>Files</span>
27642                                    <span>Converted</span>
27643                                </div>
27644                            </div>
27645
27646                            <div class="statistic__item text-left d-flex">
27647                                <div class="statistic__num">200+</div>
27648                                <div class="statistic__text">
27649                                    <span>Online</span>
27650                                    <span>Tools</span>
27651                                </div>
27652                            </div>
27653
27654                            <div class="statistic__item text-left d-flex">
27655                                <div class="statistic__num">500k</div>
27656                                <div class="statistic__text">
27657                                    <span>PDFs</span>
27658                                    <span>Created</span>
27659                                </div>
27660                            </div>
27661                        </div>
27662                    </div>
27663                </div>
27664            </div>
27665        </div>
27666        <!-- tools area -->
27667        <div class="tools_area check-tools">
27668            <div class="container">
27669                <div class="row justify-content-between align-items-center">
27670                    <div class="col-lg-12 text-center">
27671                        <h2 class="title">Our Most Popular Tools</h2>
27672                    </div>
27673                    <div class="col-lg-12 text-center">
27674                        <p class="descr gray">We present the best of the best. All free, no catch</p>
27675                    </div>
27676
27677                    <div class="filter-container mt_32">
27678                        <div class="col-lg-12 text-center">
27679                            <div class="filter">
27680
27681                                <div class="filter__category is-active" data-tools-block-type="all">
27682                                    <svg  width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-all"></use></svg>
27683
27684                                    <span class="filter__name">All Tools</span>
27685                                </div>
27686
27687                                                                    <div class="filter__category" data-tools-block-type="1">
27688                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-pdf"></use></svg>
27689
27690                                        <span class="filter__name">Pdf Tools</span>
27691                                    </div>
27692                                                                    <div class="filter__category" data-tools-block-type="3">
27693                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-video"></use></svg>
27694
27695                                        <span class="filter__name">Video Tools</span>
27696                                    </div>
27697                                                                    <div class="filter__category" data-tools-block-type="4">
27698                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-image"></use></svg>
27699
27700                                        <span class="filter__name">Image Tools</span>
27701                                    </div>
27702                                                                    <div class="filter__category" data-tools-block-type="5">
27703                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-converter"></use></svg>
27704
27705                                        <span class="filter__name">Converter Tools</span>
27706                                    </div>
27707                                                                    <div class="filter__category" data-tools-block-type="6">
27708                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-other"></use></svg>
27709
27710                                        <span class="filter__name">Other Tools</span>
27711                                    </div>
27712                                                                    <div class="filter__category" data-tools-block-type="8">
27713                                        <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-write"></use></svg>
27714
27715                                        <span class="filter__name">AI Write</span>
27716                                    </div>
27717                                                            </div>
27718                        </div>
27719                    </div>
27720                </div>
27721                <div class="row catalog-box tools-block-results" data-tools-block-type="all" >
27722    <div class="col-lg-3 col-6 element-tools"
27723         data-title="Content Improver"
27724         data-description="Improve your content"
27725         data-search-terms="content improver ai write  content improver ai write  content improver ai write  content improver ai write  write content improver ">
27726                    <a href="https://tinywow.com/write/content-improver" class="tools_box-full">
27727                    <div class="tools_box ">
27728                                <div class="icon_box v_2 v2 ">
27729                    <svg width="24" height="24" class="img-fluid">
27730                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27731                    </svg>
27732                </div>
27733                <div>
27734                    <h4>Content Improver</h4>
27735                    <span class="color-violet catalog-box__tag ">AI Write</span>
27736                </div>
27737                <p>Improve your content</p>
27738                            </div>
27739        </a>
27740    </div>
27741    <div class="col-lg-3 col-6 element-tools"
27742         data-title="Essay Writer"
27743         data-description="Easily create an essay with AI"
27744         data-search-terms="essay writer write  essay writer write  essay writer write  essay writer write  essay writer ">
27745                    <a href="https://tinywow.com/write/essay-writer" class="tools_box-full">
27746                    <div class="tools_box ">
27747                                <div class="icon_box v_2 v2 ">
27748                    <svg width="24" height="24" class="img-fluid">
27749                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27750                    </svg>
27751                </div>
27752                <div>
27753                    <h4>Essay Writer</h4>
27754                    <span class="color-green catalog-box__tag ">AI Write</span>
27755                </div>
27756                <p>Easily create an essay with AI</p>
27757                            </div>
27758        </a>
27759    </div>
27760    <div class="col-lg-3 col-6 element-tools"
27761         data-title="Paragraph Writer"
27762         data-description="Paragraph Writer"
27763         data-search-terms="paragraph writer write generator write ai paragraph writer generator write ai write paragraph writer generator write ai paragraph writer write generator write ai paragraph writer write generator write ai paragraph writer write generator write ai">
27764                    <a href="https://tinywow.com/write/paragraph-writer" class="tools_box-full">
27765                    <div class="tools_box ">
27766                                <div class="icon_box v_2 v2 ">
27767                    <svg width="24" height="24" class="img-fluid">
27768                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27769                    </svg>
27770                </div>
27771                <div>
27772                    <h4>Paragraph Writer</h4>
27773                    <span class="color-green catalog-box__tag ">AI Write</span>
27774                </div>
27775                <p>Paragraph Writer</p>
27776                            </div>
27777        </a>
27778    </div>
27779    <div class="col-lg-3 col-6 element-tools"
27780         data-title="AI Image Generator"
27781         data-description="AI Image Generator"
27782         data-search-terms="ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic">
27783                    <a href="https://tinywow.com/image/ai-image-generator" class="tools_box-full">
27784                    <div class="tools_box ">
27785                                <div class="icon_box v_1 v1 ">
27786                    <svg width="24" height="24" class="img-fluid">
27787                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
27788                    </svg>
27789                </div>
27790                <div>
27791                    <h4>AI Image Generator</h4>
27792                    <span class="color-orange catalog-box__tag ">Image Tools</span>
27793                </div>
27794                <p>AI Image Generator</p>
27795                            </div>
27796        </a>
27797    </div>
27798    <div class="col-lg-3 col-6 element-tools"
27799         data-title="Merge PDF"
27800         data-description="Merge 2 or more PDF files into a single PDF file"
27801         data-search-terms="merge pdf files combine join pdf merge combine pdf merge combine join merge pdf files combine join merge pdf files combine join merge pdf files combine join">
27802                    <a href="https://tinywow.com/pdf/merge" class="tools_box-full">
27803                    <div class="tools_box ">
27804                                <div class="icon_box v_3 v3 ">
27805                    <svg width="24" height="24" class="img-fluid">
27806                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use>
27807                    </svg>
27808                </div>
27809                <div>
27810                    <h4>Merge PDF</h4>
27811                    <span class="color-orange catalog-box__tag ">Pdf Tools</span>
27812                </div>
27813                <p>Merge 2 or more PDF files into a single PDF file</p>
27814                            </div>
27815        </a>
27816    </div>
27817    <div class="col-lg-3 col-6 element-tools"
27818         data-title="Remove Background from Image"
27819         data-description="Easily Remove the Background from an image"
27820         data-search-terms="remove background image bg remove background image remove background remove background image bg remove background remove background image bg remove background remove background image bg remove background image bg remove background">
27821                    <a href="https://tinywow.com/image/remove-bg" class="tools_box-full">
27822                    <div class="tools_box ">
27823                                <div class="icon_box v_1 v1 ">
27824                    <svg width="24" height="24" class="img-fluid">
27825                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
27826                    </svg>
27827                </div>
27828                <div>
27829                    <h4>Remove Background from Image</h4>
27830                    <span class="color-violet catalog-box__tag ">Image Tools</span>
27831                </div>
27832                <p>Easily Remove the Background from an image</p>
27833                            </div>
27834        </a>
27835    </div>
27836    <div class="col-lg-3 col-6 element-tools"
27837         data-title="Edit PDF"
27838         data-description="Free PDF Editor"
27839         data-search-terms="edit pdf edit pdf edit pdf edit pdf edit pdf  edit pdf free online editor - easily  edit pdf editor ">
27840                    <a href="https://tinywow.com/pdf/edit" class="tools_box-full">
27841                    <div class="tools_box ">
27842                                <div class="icon_box v_4 v4 ">
27843                    <svg width="24" height="24" class="img-fluid">
27844                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27845                    </svg>
27846                </div>
27847                <div>
27848                    <h4>Edit PDF</h4>
27849                    <span class="color-orange catalog-box__tag ">Pdf Tools</span>
27850                </div>
27851                <p>Free PDF Editor</p>
27852                            </div>
27853        </a>
27854    </div>
27855    <div class="col-lg-3 col-6 element-tools"
27856         data-title="PDF to JPG"
27857         data-description="Convert PDF to JPG and download each page as an image"
27858         data-search-terms="pdf image photo picture jpg jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg">
27859                    <a href="https://tinywow.com/pdf/to-jpg" class="tools_box-full">
27860                    <div class="tools_box ">
27861                                <div class="icon_box v_4 v4 ">
27862                    <svg width="24" height="24" class="img-fluid">
27863                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
27864                    </svg>
27865                </div>
27866                <div>
27867                    <h4>PDF to JPG</h4>
27868                    <span class="color-green catalog-box__tag ">Pdf Tools</span>
27869                </div>
27870                <p>Convert PDF to JPG and download each page as an image</p>
27871                            </div>
27872        </a>
27873    </div>
27874    <div class="col-lg-3 col-6 element-tools"
27875         data-title="Compress PDF"
27876         data-description="Lessen the file size of a PDF file"
27877         data-search-terms="compress pdf file size reducer size compress pdf file size reducer size pdf compress reducer size pdf compress reducer size compress pdf file size reducer size compress pdf file size reducer size">
27878                    <a href="https://tinywow.com/pdf/compress" class="tools_box-full">
27879                    <div class="tools_box ">
27880                                <div class="icon_box v_6 v6 ">
27881                    <svg width="24" height="24" class="img-fluid">
27882                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
27883                    </svg>
27884                </div>
27885                <div>
27886                    <h4>Compress PDF</h4>
27887                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
27888                </div>
27889                <p>
27889Lessen the file size of a PDF file</p>
27890                            </div>
27891        </a>
27892    </div>
27893    <div class="col-lg-3 col-6 element-tools"
27894         data-title="Upscale Image"
27895         data-description="increase the resolution of your image"
27896         data-search-terms="image upscale increase resolution improve quality upscale image increase resolution improve quality upscaler image upscale increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler">
27897                    <a href="https://tinywow.com/image/upscale" class="tools_box-full">
27898                    <div class="tools_box ">
27899                                <div class="icon_box v_8 v8 ">
27900                    <svg width="24" height="24" class="img-fluid">
27901                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
27902                    </svg>
27903                </div>
27904                <div>
27905                    <h4>Upscale Image</h4>
27906                    <span class="color-orange catalog-box__tag ">Image Tools</span>
27907                </div>
27908                <p>increase the resolution of your image</p>
27909                            </div>
27910        </a>
27911    </div>
27912    <div class="col-lg-3 col-6 element-tools"
27913         data-title="JPG to PDF"
27914         data-description="Upload images and receive as a PDF"
27915         data-search-terms="jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg pdf image photo picture jpg jpeg jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg">
27916                    <a href="https://tinywow.com/pdf/from-jpg" class="tools_box-full">
27917                    <div class="tools_box ">
27918                                <div class="icon_box v_5 v5 ">
27919                    <svg width="24" height="24" class="img-fluid">
27920                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27921                    </svg>
27922                </div>
27923                <div>
27924                    <h4>JPG to PDF</h4>
27925                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
27926                </div>
27927                <p>Upload images and receive as a PDF</p>
27928                            </div>
27929        </a>
27930    </div>
27931    <div class="col-lg-3 col-6 element-tools"
27932         data-title="Remove watermark"
27933         data-description="Remove watermark from photo"
27934         data-search-terms="remove watermark photo image remove watermark photo image remove watermark photo image remove watermark photo image">
27935                    <a href="https://tinywow.com/image/remove-watermark-photo" class="tools_box-full">
27936                    <div class="tools_box ">
27937                                <div class="icon_box v_3 v3 ">
27938                    <svg width="24" height="24" class="img-fluid">
27939                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
27940                    </svg>
27941                </div>
27942                <div>
27943                    <h4>Remove watermark</h4>
27944                    <span class="color-orange catalog-box__tag ">Image Tools</span>
27945                </div>
27946                <p>Remove watermark from photo</p>
27947                            </div>
27948        </a>
27949    </div>
27950    <div class="col-lg-12 text-center index-actions check-tools__actions ">
27951                    <a href="https://tinywow.com/tools" class="index-btn button ">All Tools</a>
27952        
27953    </div>
27954</div>
27955                                    <div class="row catalog-box tools-block-results" data-tools-block-type="1"  style="display: none" >
27956    <div class="col-lg-3 col-6 element-tools"
27957         data-title="Merge PDF"
27958         data-description="Merge 2 or more PDF files into a single PDF file"
27959         data-search-terms="merge pdf files combine join pdf merge combine pdf merge combine join merge pdf files combine join merge pdf files combine join merge pdf files combine join">
27960                    <a href="https://tinywow.com/pdf/merge" class="tools_box-full">
27961                    <div class="tools_box ">
27962                                <div class="icon_box v_4 v4 ">
27963                    <svg width="24" height="24" class="img-fluid">
27964                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use>
27965                    </svg>
27966                </div>
27967                <div>
27968                    <h4>Merge PDF</h4>
27969                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
27970                </div>
27971                <p>Merge 2 or more PDF files into a single PDF file</p>
27972                            </div>
27973        </a>
27974    </div>
27975    <div class="col-lg-3 col-6 element-tools"
27976         data-title="Edit PDF"
27977         data-description="Free PDF Editor"
27978         data-search-terms="edit pdf edit pdf edit pdf edit pdf edit pdf  edit pdf free online editor - easily  edit pdf editor ">
27979                    <a href="https://tinywow.com/pdf/edit" class="tools_box-full">
27980                    <div class="tools_box ">
27981                                <div class="icon_box v_5 v5 ">
27982                    <svg width="24" height="24" class="img-fluid">
27983                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
27984                    </svg>
27985                </div>
27986                <div>
27987                    <h4>Edit PDF</h4>
27988                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
27989                </div>
27990                <p>Free PDF Editor</p>
27991                            </div>
27992        </a>
27993    </div>
27994    <div class="col-lg-3 col-6 element-tools"
27995         data-title="PDF to JPG"
27996         data-description="Convert PDF to JPG and download each page as an image"
27997         data-search-terms="pdf image photo picture jpg jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg">
27998                    <a href="https://tinywow.com/pdf/to-jpg" class="tools_box-full">
27999                    <div class="tools_box ">
28000                                <div class="icon_box v_3 v3 ">
28001                    <svg width="24" height="24" class="img-fluid">
28002                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28003                    </svg>
28004                </div>
28005                <div>
28006                    <h4>PDF to JPG</h4>
28007                    <span class="color-green catalog-box__tag ">Pdf Tools</span>
28008                </div>
28009                <p>Convert PDF to JPG and download each page as an image</p>
28010                            </div>
28011        </a>
28012    </div>
28013    <div class="col-lg-3 col-6 element-tools"
28014         data-title="Compress PDF"
28015         data-description="Lessen the file size of a PDF file"
28016         data-search-terms="compress pdf file size reducer size compress pdf file size reducer size pdf compress reducer size pdf compress reducer size compress pdf file size reducer size compress pdf file size reducer size">
28017                    <a href="https://tinywow.com/pdf/compress" class="tools_box-full">
28018                    <div class="tools_box ">
28019                                <div class="icon_box v_7 v7 ">
28020                    <svg width="24" height="24" class="img-fluid">
28021                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
28022                    </svg>
28023                </div>
28024                <div>
28025                    <h4>Compress PDF</h4>
28026                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
28027                </div>
28028                <p>Lessen the file size of a PDF file</p>
28029                            </div>
28030        </a>
28031    </div>
28032    <div class="col-lg-3 col-6 element-tools"
28033         data-title="JPG to PDF"
28034         data-description="Upload images and receive as a PDF"
28035         data-search-terms="jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg pdf image photo picture jpg jpeg jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg">
28036                    <a href="https://tinywow.com/pdf/from-jpg" class="tools_box-full">
28037                    <div class="tools_box ">
28038                                <div class="icon_box v_8 v8 ">
28039                    <svg width="24" height="24" class="img-fluid">
28040                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28041                    </svg>
28042                </div>
28043                <div>
28044                    <h4>JPG to PDF</h4>
28045                    <span class="color-green catalog-box__tag ">Pdf Tools</span>
28046                </div>
28047                <p>Upload images and receive as a PDF</p>
28048                            </div>
28049        </a>
28050    </div>
28051    <div class="col-lg-3 col-6 element-tools"
28052         data-title="PDF to Word"
28053         data-description="Convert a PDF to Word Document"
28054         data-search-terms="document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf document word pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr">
28055                    <a href="https://tinywow.com/pdf/to-word" class="tools_box-full">
28056                    <div class="tools_box ">
28057                                <div class="icon_box v_4 v4 ">
28058                    <svg width="24" height="24" class="img-fluid">
28059                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28060                    </svg>
28061                </div>
28062                <div>
28063                    <h4>PDF to Word</h4>
28064                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
28065                </div>
28066                <p>Convert a PDF to Word Document</p>
28067                            </div>
28068        </a>
28069    </div>
28070    <div class="col-lg-3 col-6 element-tools"
28071         data-title="Split PDF"
28072         data-description="Split into one or multiple PDF files"
28073         data-search-terms="split pdf file split pdf file split pdf file split pdf file">
28074                    <a href="https://tinywow.com/pdf/split" class="tools_box-full">
28075                    <div class="tools_box ">
28076                                <div class="icon_box v_8 v8 ">
28077                    <svg width="24" height="24" class="img-fluid">
28078                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#cut"></use>
28079                    </svg>
28080                </div>
28081                <div>
28082                    <h4>Split PDF</h4>
28083                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
28084                </div>
28085                <p>Split into one or multiple PDF files</p>
28086                            </div>
28087        </a>
28088    </div>
28089    <div class="col-lg-3 col-6 element-tools"
28090         data-title="Word to PDF"
28091         data-description="Convert a Word Document to PDF"
28092         data-search-terms="pdf document word docx word pdf convert .doc document docx word pdf convert .doc document docx word pdf convert .doc document docx word pdf convert .doc document docx">
28093                    <a href="https://tinywow.com/pdf/from-word" class="tools_box-full">
28094                    <div class="tools_box ">
28095                                <div class="icon_box v_6 v6 ">
28096                    <svg width="24" height="24" class="img-fluid">
28097                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28098                    </svg>
28099                </div>
28100                <div>
28101                    <h4>Word to PDF</h4>
28102                    <span class="color-orange catalog-box__tag ">Pdf Tools</span>
28103                </div>
28104                <p>Convert a Word Document to PDF</p>
28105                            </div>
28106        </a>
28107    </div>
28108    <div class="col-lg-3 col-6 element-tools"
28109         data-title="Unlock PDF"
28110         data-description="Remove the password from a PDF file(requires the password)"
28111         data-search-terms="unlock pdf file password pdf unlock  pdf unlock password unlock pdf file password unlock pdf file password unlock pdf file password">
28112                    <a href="https://tinywow.com/pdf/unlock" class="tools_box-full">
28113                    <div class="tools_box ">
28114                                <div class="icon_box v_3 v3 ">
28115                    <svg width="24" height="24" class="img-fluid">
28116                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#unlock"></use>
28117                    </svg>
28118                </div>
28119                <div>
28120                    <h4>Unlock PDF</h4>
28121                    <span class="color-orange catalog-box__tag ">Pdf Tools</span>
28122                </div>
28123                <p>Remove the password from a PDF file(requires the password)</p>
28124                            </div>
28125        </a>
28126    </div>
28127    <div class="col-lg-3 col-6 element-tools"
28128         data-title="PDF to Excel"
28129         data-description="Convert from PDF to XLSX"
28130         data-search-terms="pdf excel document xlsx excel xlsx pdf document xlsx excel xlsx pdf excel document xlsx excel xlsx pdf excel document xlsx excel xlsx pdf excel document xlsx excel xlsx">
28131                    <a href="https://tinywow.com/pdf/to-xlsx" class="tools_box-full">
28132                    <div class="tools_box ">
28133                                <div class="icon_box v_3 v3 ">
28134                    <svg width="24" height="24" class="img-fluid">
28135                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28136                    </svg>
28137                </div>
28138                <div>
28139                    <h4>PDF to Excel</h4>
28140                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
28141                </div>
28142                <p>Convert from PDF to XLSX</p>
28143                            </div>
28144        </a>
28145    </div>
28146    <div class="col-lg-3 col-6 element-tools"
28147         data-title="PNG to PDF"
28148         data-description="Upload images and receive as a PDF"
28149         data-search-terms="png pdf image photo picture png pdf image photo picture png pdf image photo picture png pdf image photo picture">
28150                    <a href="https://tinywow.com/pdf/from-png" class="tools_box-full">
28151                    <div class="tools_box ">
28152                                <div class="icon_box v_3 v3 ">
28153                    <svg width="24" height="24" class="img-fluid">
28154                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28155                    </svg>
28156                </div>
28157                <div>
28158                    <h4>PNG to PDF</h4>
28159                    <span class="color-violet catalog-box__tag ">Pdf Tools</span>
28160                </div>
28161                <p>Upload images and receive as a PDF</p>
28162                            </div>
28163        </a>
28164    </div>
28165    <div class="col-lg-3 col-6 element-tools"
28166         data-title="PDF to Powerpoint"
28167         data-description="Upload a PDF and Download as a PowerPoint Presentation"
28168         data-search-terms="pdf document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx">
28169                    <a href="https://tinywow.com/pdf/to-ppt" class="tools_box-full">
28170                    <div class="tools_box ">
28171                                <div class="icon_box v_4 v4 ">
28172                    <svg width="24" height="24" class="img-fluid">
28173                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28174                    </svg>
28175                </div>
28176                <div>
28177                    <h4>PDF to Powerpoint</h4>
28178                    <span class="color-purple catalog-box__tag ">Pdf Tools</span>
28179                </div>
28180                <p>Upload a PDF and Download as a PowerPoint Presentation</p>
28181                            </div>
28182        </a>
28183    </div>
28184    <div class="col-lg-12 text-center index-actions check-tools__actions ">
28185                    <a href="https://tinywow.com/tools/pdf" class="index-btn button ">All Pdf Tools</a>
28186        
28187    </div>
28188</div>
28189                                    <div class="row catalog-box tools-block-results" data-tools-block-type="3"  style="display: none" >
28190    <div class="col-lg-3 col-6 element-tools"
28191         data-title="Youtube to Text"
28192         data-description="Convert video to text"
28193         data-search-terms="video youtube text  youtube text video  youtube text video  youtube text video  youtube text video ">
28194                    <a href="https://tinywow.com/video/youtube-to-text" class="tools_box-full">
28195                    <div class="tools_box ">
28196                                <div class="icon_box v_8 v8 ">
28197                    <svg width="24" height="24" class="img-fluid">
28198                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28199                    </svg>
28200                </div>
28201                <div>
28202                    <h4>Youtube to Text</h4>
28203                    <span class="color-green catalog-box__tag ">Video Tools</span>
28204                </div>
28205                <p>Convert video to text</p>
28206                            </div>
28207        </a>
28208    </div>
28209    <div class="col-lg-3 col-6 element-tools"
28210         data-title="Compress Video"
28211         data-description="Lessen the file size of a Video file"
28212         data-search-terms="video compress reduce video compress reduce mp4 3gp avi webm video compress reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size">
28213                    <a href="https://tinywow.com/video/compress" class="tools_box-full">
28214                    <div class="tools_box ">
28215                                <div class="icon_box v_1 v1 ">
28216                    <svg width="24" height="24" class="img-fluid">
28217                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
28218                    </svg>
28219                </div>
28220                <div>
28221                    <h4>Compress Video</h4>
28222                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28223                </div>
28224                <p>Lessen the file size of a Video file</p>
28225                            </div>
28226        </a>
28227    </div>
28228    <div class="col-lg-3 col-6 element-tools"
28229         data-title="Instagram Download"
28230         data-description="Download Video from Instagram"
28231         data-search-terms="video inst  instagram download video downloader inst  instagram download video downloader inst  instagram download video downloader inst  instagram download video downloader inst ">
28232                    <a href="https://tinywow.com/video/from-inst" class="tools_box-full">
28233                    <div class="tools_box ">
28234                                <div class="icon_box v_3 v3 ">
28235                    <svg width="24" height="24" class="img-fluid">
28236                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#instagram"></use>
28237                    </svg>
28238                </div>
28239                <div>
28240                    <h4>Instagram Download</h4>
28241                    <span class="color-purple catalog-box__tag ">Video Tools</span>
28242                </div>
28243                <p>Download Video from Instagram</p>
28244                            </div>
28245        </a>
28246    </div>
28247    <div class="col-lg-3 col-6 element-tools"
28248         data-title="TikTok Video Downloader"
28249         data-description="Download Video from TikTok"
28250         data-search-terms="tiktok video downloader  video tiktok  tiktok video downloader  tiktok video downloader  tiktok video downloader ">
28251                    <a href="https://tinywow.com/video/from-tiktok" class="tools_box-full">
28252                    <div class="tools_box ">
28253                                <div class="icon_box v_6 v6 ">
28254                    <svg width="24" height="24" class="img-fluid">
28255                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28256                    </svg>
28257                </div>
28258                <div>
28259                    <h4>TikTok Video Downloader</h4>
28260                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28261                </div>
28262                <p>Download Video from TikTok</p>
28263                            </div>
28264        </a>
28265    </div>
28266    <div class="col-lg-3 col-6 element-tools"
28267         data-title="Audio to Text"
28268         data-description="Transcribe audio to text"
28269         data-search-terms="audio text video mp3 wav audio text video mp3 wav audio text video mp3 wav audio text video mp3 wav video audio text mp3 wav">
28270                    <a href="https://tinywow.com/video/audio-to-text" class="tools_box-full">
28271                    <div class="tools_box ">
28272                                <div class="icon_box v_6 v6 ">
28273                    <svg width="24" height="24" class="img-fluid">
28274                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use>
28275                    </svg>
28276                </div>
28277                <div>
28278                    <h4>Audio to Text</h4>
28279                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28280                </div>
28281                <p>Transcribe audio to text</p>
28282                            </div>
28283        </a>
28284    </div>
28285    <div class="col-lg-3 col-6 element-tools"
28286         data-title="MP4 to MP3"
28287         data-description="Convert MP4 to MP3 audio"
28288         data-search-terms="mp4 mp3 audio video music convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3 video mp4 music mp3 convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3">
28289                    <a href="https://tinywow.com/video/mp4-to-mp3" class="tools_box-full">
28290                    <div class="tools_box ">
28291                                <div class="icon_box v_2 v2 ">
28292                    <svg width="24" height="24" class="img-fluid">
28293                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use>
28294                    </svg>
28295                </div>
28296                <div>
28297                    <h4>MP4 to MP3</h4>
28298                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28299                </div>
28300                <p>Convert MP4 to MP3 audio</p>
28301                            </div>
28302        </a>
28303    </div>
28304    <div class="col-lg-3 col-6 element-tools"
28305         data-title="Extract Audio from Video"
28306         data-description="Extract audio from your video"
28307         data-search-terms="video extract audio mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 video extract audio mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3">
28308                    <a href="https://tinywow.com/video/extract-audio" class="tools_box-full">
28309                    <div class="tools_box ">
28310                                <div class="icon_box v_5 v5 ">
28311                    <svg width="24" height="24" class="img-fluid">
28312                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use>
28313                    </svg>
28314                </div>
28315                <div>
28316                    <h4>Extract Audio from Video</h4>
28317                    <span class="color-orange catalog-box__tag ">Video Tools</span>
28318                </div>
28319                <p>Extract audio from your video</p>
28320                            </div>
28321        </a>
28322    </div>
28323    <div class="col-lg-3 col-6 element-tools"
28324         data-title="YouTube Transcript Generator"
28325         data-description="Transcribe YouTube Video"
28326         data-search-terms="video youtube transcript  youtube transcript generator video  youtube transcript generator video  youtube transcript generator video  youtube transcript generator video ">
28327                    <a href="https://tinywow.com/video/youtube-transcript" class="tools_box-full">
28328                    <div class="tools_box ">
28329                                <div class="icon_box v_4 v4 ">
28330                    <svg width="24" height="24" class="img-fluid">
28331                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28332                    </svg>
28333                </div>
28334                <div>
28335                    <h4>YouTube Transcript Generator</h4>
28336                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28337                </div>
28338                <p>Transcribe YouTube Video</p>
28339                            </div>
28340        </a>
28341    </div>
28342    <div class="col-lg-3 col-6 element-tools"
28343         data-title="Video to Gif"
28344         data-description="Upload an MP4 and convert to animated GIF"
28345         data-search-terms="video gif convert mp4 animated image photo picture .mp4 .gif convert video gif convert mp4 animated image photo picture .mp4 .gif convert video image photo picture gif mp4 3gp avi webm video gif convert mp4 animated image photo picture .mp4 .gif convert video gif convert mp4 animated image photo picture .mp4 .gif convert video image photo picture gif .mp4 .gif convert video gif mp4 animated image photo picture .mp4 .gif convert">
28346                    <a href="https://tinywow.com/video/to-gif" class="tools_box-full">
28347                    <div class="tools_box ">
28348                                <div class="icon_box v_2 v2 ">
28349                    <svg width="24" height="24" class="img-fluid">
28350                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28351                    </svg>
28352                </div>
28353                <div>
28354                    <h4>Video to Gif</h4>
28355                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28356                </div>
28357                <p>Upload an MP4 and convert to animated GIF</p>
28358                            </div>
28359        </a>
28360    </div>
28361    <div class="col-lg-3 col-6 element-tools"
28362         data-title="Video to Text"
28363         data-description="Transcribe video to text"
28364         data-search-terms="video text convert file mp4 3gp avi mpeg convert video text video text convert file mp4 3gp avi mpeg convert video text video mp4 3gp avi mpeg text convert video text video text convert file mp4 3gp avi mpeg convert video text video text convert file mp4 3gp avi mpeg convert video text">
28365                    <a href="https://tinywow.com/video/to-text" class="tools_box-full">
28366                    <div class="tools_box ">
28367                                <div class="icon_box v_1 v1 ">
28368                    <svg width="24" height="24" class="img-fluid">
28369                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28370                    </svg>
28371                </div>
28372                <div>
28373                    <h4>Video to Text</h4>
28374                    <span class="color-green catalog-box__tag ">Video Tools</span>
28375                </div>
28376                <p>Transcribe video to text</p>
28377                            </div>
28378        </a>
28379    </div>
28380    <div class="col-lg-3 col-6 element-tools"
28381         data-title="Trim Video"
28382         data-description="Select a start and stop of a video and download the trimmed video"
28383         data-search-terms="trim video online tool cutter mp4 3gp avi webm video cutter mp4 3gp avi webm video cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm">
28384                    <a href="https://tinywow.com/video/cutter" class="tools_box-full">
28385                    <div class="tools_box ">
28386                                <div class="icon_box v_6 v6 ">
28387                    <svg width="24" height="24" class="img-fluid">
28388                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use>
28389                    </svg>
28390                </div>
28391                <div>
28392                    <h4>Trim Video</h4>
28393                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28394                </div>
28395                <p>Select a start and stop of a video and download the trimmed video</p>
28396                            </div>
28397        </a>
28398    </div>
28399    <div class="col-lg-3 col-6 element-tools"
28400         data-title="Twitter Download"
28401         data-description="Download Video from Twitter"
28402         data-search-terms="twitter download video downloader  video twitter  twitter download video downloader  twitter download video downloader  twitter download video downloader ">
28403                    <a href="https://tinywow.com/video/from-twitter" class="tools_box-full">
28404                    <div class="tools_box ">
28405                                <div class="icon_box v_4 v4 ">
28406                    <svg width="24" height="24" class="img-fluid">
28407                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use>
28408                    </svg>
28409                </div>
28410                <div>
28411                    <h4>Twitter Download</h4>
28412                    <span class="color-violet catalog-box__tag ">Video Tools</span>
28413                </div>
28414                <p>Download Video from Twitter</p>
28415                            </div>
28416        </a>
28417    </div>
28418    <div class="col-lg-12 text-center index-actions check-tools__actions ">
28419                    <a href="https://tinywow.com/tools/video" class="index-btn button ">All Video Tools</a>
28420        
28421    </div>
28422</div>
28423                                    <div class="row catalog-box tools-block-results" data-tools-block-type="4"  style="display: none" >
28424    <div class="col-lg-3 col-6 element-tools"
28425         data-title="AI Image Generator"
28426         data-description="AI Image Generator"
28427         data-search-terms="ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic">
28428                    <a href="https://tinywow.com/image/ai-image-generator" class="tools_box-full">
28429                    <div class="tools_box ">
28430                                <div class="icon_box v_4 v4 ">
28431                    <svg width="24" height="24" class="img-fluid">
28432                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28433                    </svg>
28434                </div>
28435                <div>
28436                    <h4>AI Image Generator</h4>
28437                    <span class="color-violet catalog-box__tag ">Image Tools</span>
28438                </div>
28439                <p>AI Image Generator</p>
28440                            </div>
28441        </a>
28442    </div>
28443    <div class="col-lg-3 col-6 element-tools"
28444         data-title="Remove Background from Image"
28445         data-description="Easily Remove the Background from an image"
28446         data-search-terms="remove background image bg remove background image remove background remove background image bg remove background remove background image bg remove background remove background image bg remove background image bg remove background">
28447                    <a href="https://tinywow.com/image/remove-bg" class="tools_box-full">
28448                    <div class="tools_box ">
28449                                <div class="icon_box v_4 v4 ">
28450                    <svg width="24" height="24" class="img-fluid">
28451                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28452                    </svg>
28453                </div>
28454                <div>
28455                    <h4>
28455Remove Background from Image</h4>
28456                    <span class="color-green catalog-box__tag ">Image Tools</span>
28457                </div>
28458                <p>Easily Remove the Background from an image</p>
28459                            </div>
28460        </a>
28461    </div>
28462    <div class="col-lg-3 col-6 element-tools"
28463         data-title="Upscale Image"
28464         data-description="increase the resolution of your image"
28465         data-search-terms="image upscale increase resolution improve quality upscale image increase resolution improve quality upscaler image upscale increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler">
28466                    <a href="https://tinywow.com/image/upscale" class="tools_box-full">
28467                    <div class="tools_box ">
28468                                <div class="icon_box v_7 v7 ">
28469                    <svg width="24" height="24" class="img-fluid">
28470                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28471                    </svg>
28472                </div>
28473                <div>
28474                    <h4>Upscale Image</h4>
28475                    <span class="color-orange catalog-box__tag ">Image Tools</span>
28476                </div>
28477                <p>increase the resolution of your image</p>
28478                            </div>
28479        </a>
28480    </div>
28481    <div class="col-lg-3 col-6 element-tools"
28482         data-title="Remove watermark"
28483         data-description="Remove watermark from photo"
28484         data-search-terms="remove watermark photo image remove watermark photo image remove watermark photo image remove watermark photo image">
28485                    <a href="https://tinywow.com/image/remove-watermark-photo" class="tools_box-full">
28486                    <div class="tools_box ">
28487                                <div class="icon_box v_2 v2 ">
28488                    <svg width="24" height="24" class="img-fluid">
28489                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28490                    </svg>
28491                </div>
28492                <div>
28493                    <h4>Remove watermark</h4>
28494                    <span class="color-orange catalog-box__tag ">Image Tools</span>
28495                </div>
28496                <p>Remove watermark from photo</p>
28497                            </div>
28498        </a>
28499    </div>
28500    <div class="col-lg-3 col-6 element-tools"
28501         data-title="Image To Text"
28502         data-description="Image To Text"
28503         data-search-terms="image text extract img  image img  image text extract img  image text extract img  image text extract img ">
28504                    <a href="https://tinywow.com/image/to-text" class="tools_box-full">
28505                    <div class="tools_box ">
28506                                <div class="icon_box v_2 v2 ">
28507                    <svg width="24" height="24" class="img-fluid">
28508                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28509                    </svg>
28510                </div>
28511                <div>
28512                    <h4>Image To Text</h4>
28513                    <span class="color-violet catalog-box__tag ">Image Tools</span>
28514                </div>
28515                <p>Image To Text</p>
28516                            </div>
28517        </a>
28518    </div>
28519    <div class="col-lg-3 col-6 element-tools"
28520         data-title="Compress Image Size"
28521         data-description="Compress your image"
28522         data-search-terms="image compress jpeg image compress jpeg reduce image compress jpeg reduce jpg png gif image compress jpeg reducer jpg png gif image compress jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image compressor jpeg reducer jpg png gif size avif webp wp2 jxl jpeg xl">
28523                    <a href="https://tinywow.com/image/compress" class="tools_box-full">
28524                    <div class="tools_box ">
28525                                <div class="icon_box v_6 v6 ">
28526                    <svg width="24" height="24" class="img-fluid">
28527                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28528                    </svg>
28529                </div>
28530                <div>
28531                    <h4>Compress Image Size</h4>
28532                    <span class="color-green catalog-box__tag ">Image Tools</span>
28533                </div>
28534                <p>Compress your image</p>
28535                            </div>
28536        </a>
28537    </div>
28538    <div class="col-lg-3 col-6 element-tools"
28539         data-title="Change Background of Photo"
28540         data-description="Change Background of Image"
28541         data-search-terms="change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg image change photo  change background photo image picture bg">
28542                    <a href="https://tinywow.com/image/change-bg-photo" class="tools_box-full">
28543                    <div class="tools_box ">
28544                                <div class="icon_box v_1 v1 ">
28545                    <svg width="24" height="24" class="img-fluid">
28546                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28547                    </svg>
28548                </div>
28549                <div>
28550                    <h4>Change Background of Photo</h4>
28551                    <span class="color-orange catalog-box__tag ">Image Tools</span>
28552                </div>
28553                <p>Change Background of Image</p>
28554                            </div>
28555        </a>
28556    </div>
28557    <div class="col-lg-3 col-6 element-tools"
28558         data-title="Remove Objects Photo"
28559         data-description="Remove Objects From Photo"
28560         data-search-terms="remove objects photo image object  image remove object  remove objects photo image object  remove objects photo image object  remove objects photo image object  remove objects photo photos image object ">
28561                    <a href="https://tinywow.com/image/remove-objects" class="tools_box-full">
28562                    <div class="tools_box ">
28563                                <div class="icon_box v_4 v4 ">
28564                    <svg width="24" height="24" class="img-fluid">
28565                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28566                    </svg>
28567                </div>
28568                <div>
28569                    <h4>Remove Objects Photo</h4>
28570                    <span class="color-purple catalog-box__tag ">Image Tools</span>
28571                </div>
28572                <p>Remove Objects From Photo</p>
28573                            </div>
28574        </a>
28575    </div>
28576    <div class="col-lg-3 col-6 element-tools"
28577         data-title="Resize Image Dimensions"
28578         data-description="Resize your image"
28579         data-search-terms="resize image dimensions photo picture screenshot resize image dimensions photo picture screenshot image resize picture screenshot resize image dimensions photo picture screenshot resize image dimensions photo picture screenshot">
28580                    <a href="https://tinywow.com/image/resize" class="tools_box-full">
28581                    <div class="tools_box ">
28582                                <div class="icon_box v_8 v8 ">
28583                    <svg width="24" height="24" class="img-fluid">
28584                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image-2"></use>
28585                    </svg>
28586                </div>
28587                <div>
28588                    <h4>Resize Image Dimensions</h4>
28589                    <span class="color-green catalog-box__tag ">Image Tools</span>
28590                </div>
28591                <p>Resize your image</p>
28592                            </div>
28593        </a>
28594    </div>
28595    <div class="col-lg-3 col-6 element-tools"
28596         data-title="Profile Photo Maker"
28597         data-description="Create round profile photo from image"
28598         data-search-terms="profile photo maker image profile photo maker image profile photo maker image profile photo maker image">
28599                    <a href="https://tinywow.com/image/profile-photo" class="tools_box-full">
28600                    <div class="tools_box ">
28601                                <div class="icon_box v_1 v1 ">
28602                    <svg width="24" height="24" class="img-fluid">
28603                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use>
28604                    </svg>
28605                </div>
28606                <div>
28607                    <h4>Profile Photo Maker</h4>
28608                    <span class="color-purple catalog-box__tag ">Image Tools</span>
28609                </div>
28610                <p>Create round profile photo from image</p>
28611                            </div>
28612        </a>
28613    </div>
28614    <div class="col-lg-3 col-6 element-tools"
28615         data-title="Remove text photo"
28616         data-description="Remove text from image"
28617         data-search-terms="remove text photo image  remove text photo image  remove text photo image  remove text photo image  image remove text photo ">
28618                    <a href="https://tinywow.com/image/remove-text-photo" class="tools_box-full">
28619                    <div class="tools_box ">
28620                                <div class="icon_box v_4 v4 ">
28621                    <svg width="24" height="24" class="img-fluid">
28622                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28623                    </svg>
28624                </div>
28625                <div>
28626                    <h4>Remove text photo</h4>
28627                    <span class="color-green catalog-box__tag ">Image Tools</span>
28628                </div>
28629                <p>Remove text from image</p>
28630                            </div>
28631        </a>
28632    </div>
28633    <div class="col-lg-3 col-6 element-tools"
28634         data-title="HEIC to JPG"
28635         data-description="Convert an iPhone HEIC image to JPG"
28636         data-search-terms="image photo picture heic jpg jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg">
28637                    <a href="https://tinywow.com/image/heic-to-jpg" class="tools_box-full">
28638                    <div class="tools_box ">
28639                                <div class="icon_box v_4 v4 ">
28640                    <svg width="24" height="24" class="img-fluid">
28641                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28642                    </svg>
28643                </div>
28644                <div>
28645                    <h4>HEIC to JPG</h4>
28646                    <span class="color-violet catalog-box__tag ">Image Tools</span>
28647                </div>
28648                <p>Convert an iPhone HEIC image to JPG</p>
28649                            </div>
28650        </a>
28651    </div>
28652    <div class="col-lg-12 text-center index-actions check-tools__actions ">
28653                    <a href="https://tinywow.com/tools/image" class="index-btn button ">All Image Tools</a>
28654        
28655    </div>
28656</div>
28657                                    <div class="row catalog-box tools-block-results" data-tools-block-type="5"  style="display: none" >
28658    <div class="col-lg-3 col-6 element-tools"
28659         data-title="Excel to PDF"
28660         data-description="Convert Excel to PDF"
28661         data-search-terms="excel pdf converter document excel pdf converter document excel pdf converter document excel pdf converter document">
28662                    <a href="https://tinywow.com/converter/excel-to-pdf" class="tools_box-full">
28663                    <div class="tools_box ">
28664                                <div class="icon_box v_6 v6 ">
28665                    <svg width="24" height="24" class="img-fluid">
28666                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28667                    </svg>
28668                </div>
28669                <div>
28670                    <h4>Excel to PDF</h4>
28671                    <span class="color-green catalog-box__tag ">Converter Tools</span>
28672                </div>
28673                <p>Convert Excel to PDF</p>
28674                            </div>
28675        </a>
28676    </div>
28677    <div class="col-lg-3 col-6 element-tools"
28678         data-title="CSV to Excel"
28679         data-description="Convert CSV to Excel"
28680         data-search-terms="csv excel converter document xlsx csv excel converter document xlsx converter document csv excel xlsx csv excel converter document xlsx csv excel converter document xlsx">
28681                    <a href="https://tinywow.com/converter/csv-to-excel" class="tools_box-full">
28682                    <div class="tools_box ">
28683                                <div class="icon_box v_8 v8 ">
28684                    <svg width="24" height="24" class="img-fluid">
28685                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28686                    </svg>
28687                </div>
28688                <div>
28689                    <h4>CSV to Excel</h4>
28690                    <span class="color-orange catalog-box__tag ">Converter Tools</span>
28691                </div>
28692                <p>Convert CSV to Excel</p>
28693                            </div>
28694        </a>
28695    </div>
28696    <div class="col-lg-3 col-6 element-tools"
28697         data-title="Split Excel"
28698         data-description="Split into one or multiple Excel files"
28699         data-search-terms="split excel file converter xlsx split excel file converter xlsx converter split excel xlsx split excel file converter xlsx split excel file converter xlsx">
28700                    <a href="https://tinywow.com/converter/split-excel" class="tools_box-full">
28701                    <div class="tools_box ">
28702                                <div class="icon_box v_4 v4 ">
28703                    <svg width="24" height="24" class="img-fluid">
28704                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28705                    </svg>
28706                </div>
28707                <div>
28708                    <h4>Split Excel</h4>
28709                    <span class="color-orange catalog-box__tag ">Converter Tools</span>
28710                </div>
28711                <p>Split into one or multiple Excel files</p>
28712                            </div>
28713        </a>
28714    </div>
28715    <div class="col-lg-3 col-6 element-tools"
28716         data-title="XML to Excel"
28717         data-description="Convert XML to Excel"
28718         data-search-terms="xml excel converter document xlsx converter document xml excel xlsx xml excel converter document xlsx xml excel converter document xlsx xml excel converter document xlsx">
28719                    <a href="https://tinywow.com/converter/xml-to-excel" class="tools_box-full">
28720                    <div class="tools_box ">
28721                                <div class="icon_box v_7 v7 ">
28722                    <svg width="24" height="24" class="img-fluid">
28723                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28724                    </svg>
28725                </div>
28726                <div>
28727                    <h4>XML to Excel</h4>
28728                    <span class="color-purple catalog-box__tag ">Converter Tools</span>
28729                </div>
28730                <p>Convert XML to Excel</p>
28731                            </div>
28732        </a>
28733    </div>
28734    <div class="col-lg-3 col-6 element-tools"
28735         data-title="Split CSV"
28736         data-description="Split into one or multiple PDF files"
28737         data-search-terms="split csv file converter document split csv file converter document split csv file converter document split csv file converter document">
28738                    <a href="https://tinywow.com/converter/split-csv" class="tools_box-full">
28739                    <div class="tools_box ">
28740                                <div class="icon_box v_4 v4 ">
28741                    <svg width="24" height="24" class="img-fluid">
28742                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28743                    </svg>
28744                </div>
28745                <div>
28746                    <h4>Split CSV</h4>
28747                    <span class="color-orange catalog-box__tag ">Converter Tools</span>
28748                </div>
28749                <p>Split into one or multiple PDF files</p>
28750                            </div>
28751        </a>
28752    </div>
28753    <div class="col-lg-3 col-6 element-tools"
28754         data-title="EPUB to MOBI"
28755         data-description="Convert EPUB file to MOBI file"
28756         data-search-terms="epub mobi converter epub mobi converter epub mobi converter epub mobi converter">
28757                    <a href="https://tinywow.com/converter/epub-to-mobi" class="tools_box-full">
28758                    <div class="tools_box ">
28759                                <div class="icon_box v_3 v3 ">
28760                    <svg width="24" height="24" class="img-fluid">
28761                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28762                    </svg>
28763                </div>
28764                <div>
28765                    <h4>EPUB to MOBI</h4>
28766                    <span class="color-purple catalog-box__tag ">Converter Tools</span>
28767                </div>
28768                <p>Convert EPUB file to MOBI file</p>
28769                            </div>
28770        </a>
28771    </div>
28772    <div class="col-lg-3 col-6 element-tools"
28773         data-title="JSON to XML"
28774         data-description="Convert JSON to XML"
28775         data-search-terms="json xml converter document json xml converter document json xml converter document json xml converter document">
28776                    <a href="https://tinywow.com/converter/json-to-xml" class="tools_box-full">
28777                    <div class="tools_box ">
28778                                <div class="icon_box v_6 v6 ">
28779                    <svg width="24" height="24" class="img-fluid">
28780                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28781                    </svg>
28782                </div>
28783                <div>
28784                    <h4>JSON to XML</h4>
28785                    <span class="color-purple catalog-box__tag ">Converter Tools</span>
28786                </div>
28787                <p>Convert JSON to XML</p>
28788                            </div>
28789        </a>
28790    </div>
28791    <div class="col-lg-3 col-6 element-tools"
28792         data-title="Excel to CSV"
28793         data-description="Convert Excel to CSV"
28794         data-search-terms="excel csv converter document excel csv converter document excel csv converter document excel csv converter document excel csv converter document ">
28795                    <a href="https://tinywow.com/converter/excel-to-csv" class="tools_box-full">
28796                    <div class="tools_box ">
28797                                <div class="icon_box v_4 v4 ">
28798                    <svg width="24" height="24" class="img-fluid">
28799                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28800                    </svg>
28801                </div>
28802                <div>
28803                    <h4>Excel to CSV</h4>
28804                    <span class="color-violet catalog-box__tag ">Converter Tools</span>
28805                </div>
28806                <p>Convert Excel to CSV</p>
28807                            </div>
28808        </a>
28809    </div>
28810    <div class="col-lg-3 col-6 element-tools"
28811         data-title="XML to CSV"
28812         data-description="Convert XML to CSV"
28813         data-search-terms="xml csv converter document xml csv converter document xml csv converter document xml csv converter document">
28814                    <a href="https://tinywow.com/converter/xml-to-csv" class="tools_box-full">
28815                    <div class="tools_box ">
28816                                <div class="icon_box v_3 v3 ">
28817                    <svg width="24" height="24" class="img-fluid">
28818                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28819                    </svg>
28820                </div>
28821                <div>
28822                    <h4>XML to CSV</h4>
28823                    <span class="color-orange catalog-box__tag ">Converter Tools</span>
28824                </div>
28825                <p>Convert XML to CSV</p>
28826                            </div>
28827        </a>
28828    </div>
28829    <div class="col-lg-3 col-6 element-tools"
28830         data-title="CSV to JSON"
28831         data-description="Convert CSV to JSON"
28832         data-search-terms="csv json converter document csv json converter document csv json converter document csv json converter document">
28833                    <a href="https://tinywow.com/converter/csv-to-json" class="tools_box-full">
28834                    <div class="tools_box ">
28835                                <div class="icon_box v_2 v2 ">
28836                    <svg width="24" height="24" class="img-fluid">
28837                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28838                    </svg>
28839                </div>
28840                <div>
28841                    <h4>CSV to JSON</h4>
28842                    <span class="color-green catalog-box__tag ">Converter Tools</span>
28843                </div>
28844                <p>Convert CSV to JSON</p>
28845                            </div>
28846        </a>
28847    </div>
28848    <div class="col-lg-3 col-6 element-tools"
28849         data-title="Excel to XML"
28850         data-description="Convert Excel to XML"
28851         data-search-terms="excel xml converter document excel xml converter document excel xml converter document excel xml converter document">
28852                    <a href="https://tinywow.com/converter/excel-to-xml" class="tools_box-full">
28853                    <div class="tools_box ">
28854                                <div class="icon_box v_3 v3 ">
28855                    <svg width="24" height="24" class="img-fluid">
28856                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use>
28857                    </svg>
28858                </div>
28859                <div>
28860                    <h4>Excel to XML</h4>
28861                    <span class="color-purple catalog-box__tag ">Converter Tools</span>
28862                </div>
28863                <p>Convert Excel to XML</p>
28864                            </div>
28865        </a>
28866    </div>
28867    <div class="col-lg-3 col-6 element-tools"
28868         data-title="EPUB to AZW3"
28869         data-description="Convert EPUB file to AZW3 file"
28870         data-search-terms="epub azw3 converter epub azw3 converter epub azw3 converter epub azw3 converter">
28871                    <a href="https://tinywow.com/converter/epub-to-azw3" class="tools_box-full">
28872                    <div class="tools_box ">
28873                                <div class="icon_box v_7 v7 ">
28874                    <svg width="24" height="24" class="img-fluid">
28875                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28876                    </svg>
28877                </div>
28878                <div>
28879                    <h4>EPUB to AZW3</h4>
28880                    <span class="color-purple catalog-box__tag ">Converter Tools</span>
28881                </div>
28882                <p>Convert EPUB file to AZW3 file</p>
28883                            </div>
28884        </a>
28885    </div>
28886    <div class="col-lg-12 text-center index-actions check-tools__actions ">
28887                    <a href="https://tinywow.com/tools/converter" class="index-btn button ">All Converter Tools</a>
28888        
28889    </div>
28890</div>
28891                                    <div class="row catalog-box tools-block-results" data-tools-block-type="6"  style="display: none" >
28892    <div class="col-lg-3 col-6 element-tools"
28893         data-title="QR Code Generator"
28894         data-description="Generate QR code"
28895         data-search-terms="qr code generator generate converter other qr code generator generate converter other qr code generator generate converter other qr code generator generate converter other">
28896                    <a href="https://tinywow.com/other/qr-code" class="tools_box-full">
28897                    <div class="tools_box ">
28898                                <div class="icon_box v_5 v5 ">
28899                    <svg width="24" height="24" class="img-fluid">
28900                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#qr"></use>
28901                    </svg>
28902                </div>
28903                <div>
28904                    <h4>QR Code Generator</h4>
28905                    <span class="color-purple catalog-box__tag ">Other Tools</span>
28906                </div>
28907                <p>Generate QR code</p>
28908                            </div>
28909        </a>
28910    </div>
28911    <div class="col-lg-3 col-6 element-tools"
28912         data-title="Lorem Ipsum Generator"
28913         data-description="Generate Lorem Ipsum placeholder text"
28914         data-search-terms="lorem ipsum generator converter other lorem ipsum generator converter other lorem ipsum generator converter other lorem ipsum generator converter other">
28915                    <a href="https://tinywow.com/other/lorem-ipsum-generator" class="tools_box-full">
28916                    <div class="tools_box ">
28917                                <div class="icon_box v_6 v6 ">
28918                    <svg width="24" height="24" class="img-fluid">
28919                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
28920                    </svg>
28921                </div>
28922                <div>
28923                    <h4>Lorem Ipsum Generator</h4>
28924                    <span class="color-orange catalog-box__tag ">Other Tools</span>
28925                </div>
28926                <p>Generate Lorem Ipsum placeholder text</p>
28927                            </div>
28928        </a>
28929    </div>
28930    <div class="col-lg-3 col-6 element-tools"
28931         data-title="Meme Maker"
28932         data-description="Generate memes easily"
28933         data-search-terms="meme maker online generator converter other meme maker online generator converter other meme maker online generator converter other meme maker online generator converter other">
28934                    <a href="https://tinywow.com/other/meme-maker" class="tools_box-full">
28935                    <div class="tools_box ">
28936                                <div class="icon_box v_3 v3 ">
28937                    <svg width="24" height="24" class="img-fluid">
28938                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use>
28939                    </svg>
28940                </div>
28941                <div>
28942                    <h4>Meme Maker</h4>
28943                    <span class="color-green catalog-box__tag ">Other Tools</span>
28944                </div>
28945                <p>Generate memes easily</p>
28946                            </div>
28947        </a>
28948    </div>
28949    <div class="col-lg-3 col-6 element-tools"
28950         data-title="Create Zip"
28951         data-description="Create Zip file Online"
28952         data-search-terms="create zip converter other create zip converter other create zip converter other create zip converter other create zip converter other ">
28953                    <a href="https://tinywow.com/other/zip" class="tools_box-full">
28954                    <div class="tools_box ">
28955                                <div class="icon_box v_5 v5 ">
28956                    <svg width="24" height="24" class="img-fluid">
28957                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use>
28958                    </svg>
28959                </div>
28960                <div>
28961                    <h4>Create Zip</h4>
28962                    <span class="color-violet catalog-box__tag ">Other Tools</span>
28963                </div>
28964                <p>Create Zip file Online</p>
28965                            </div>
28966        </a>
28967    </div>
28968    <div class="col-lg-3 col-6 element-tools"
28969         data-title="Epoch Converter"
28970         data-description="Convert epoch to human-readable date and vice versa"
28971         data-search-terms="epoch converter timestamp date other time epoch converter timestamp date other time epoch converter timestamp date other time epoch converter timestamp date other time">
28972                    <a href="https://tinywow.com/other/unix-timestamp" class="tools_box-full">
28973                    <div class="tools_box ">
28974                                <div class="icon_box v_4 v4 ">
28975                    <svg width="24" height="24" class="img-fluid">
28976                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#epoch"></use>
28977                    </svg>
28978                </div>
28979                <div>
28980                    <h4>Epoch Converter</h4>
28981                    <span class="color-purple catalog-box__tag ">Other Tools</span>
28982                </div>
28983                <p>Convert epoch to human-readable date and vice versa</p>
28984                            </div>
28985        </a>
28986    </div>
28987    <div class="col-lg-12 text-center index-actions check-tools__actions ">
28988                    <a href="https://tinywow.com/tools/other" class="index-btn button ">All Other Tools</a>
28989        
28990    </div>
28991</div>
28992                                    <div class="row catalog-box tools-block-results" data-tools-block-type="8"  style="display: none" >
28993    <div class="col-lg-3 col-6 element-tools"
28994         data-title="Content Improver"
28995         data-description="Improve your content"
28996         data-search-terms="content improver ai write  content improver ai write  content improver ai write  content improver ai write  write content improver ">
28997                    <a href="https://tinywow.com/write/content-improver" class="tools_box-full">
28998                    <div class="tools_box ">
28999                                <div class="icon_box v_8 v8 ">
29000                    <svg width="24" height="24" class="img-fluid">
29001                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29002                    </svg>
29003                </div>
29004                <div>
29005                    <h4>Content Improver</h4>
29006                    <span class="color-violet catalog-box__tag ">AI Write</span>
29007                </div>
29008                <p>Improve your content</p>
29009                            </div>
29010        </a>
29011    </div>
29012    <div class="col-lg-3 col-6 element-tools"
29013         data-title="Essay Writer"
29014         data-description="Easily create an essay with AI"
29015         data-search-terms="essay writer write  essay writer write  essay writer write  essay writer write  essay writer ">
29016                    <a href="https://tinywow.com/write/essay-writer" class="tools_box-full">
29017                    <div class="tools_box ">
29018                                <div class="icon_box v_3 v3 ">
29019                    <svg width="24" height="24" class="img-fluid">
29020                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29021                    </svg>
29022                </div>
29023                <div>
29024                    <h4>Essay Writer</h4>
29025                    <span class="color-orange catalog-box__tag ">AI Write</span>
29026                </div>
29027                <p>Easily create an essay with AI</p>
29028                            </div>
29029        </a>
29030    </div>
29031    <div class="col-lg-3 col-6 element-tools"
29032         data-title="Paragraph Writer"
29033         data-description="Paragraph Writer"
29034         data-search-terms="paragraph writer write generator write ai paragraph writer generator write ai write paragraph writer generator write ai paragraph writer write generator write ai paragraph writer write generator write ai paragraph writer write generator write ai">
29035                    <a href="https://tinywow.com/write/paragraph-writer" class="tools_box-full">
29036                    <div class="tools_box ">
29037                                <div class="icon_box v_2 v2 ">
29038                    <svg width="24" height="24" class="img-fluid">
29039                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29040                    </svg>
29041                </div>
29042                <div>
29043                    <h4>Paragraph Writer</h4>
29044                    <span class="color-violet catalog-box__tag ">AI Write</span>
29045                </div>
29046                <p>Paragraph Writer</p>
29047                            </div>
29048        </a>
29049    </div>
29050    <div class="col-lg-3 col-6 element-tools"
29051         data-title="Paragraph Completer"
29052         data-description="Paragraph Completer"
29053         data-search-terms="paragraph completer write paragraph completer write paragraph completer write paragraph completer write paragraph completer write ">
29054                    <a href="https://tinywow.com/write/paragraph-completer" class="tools_box-full">
29055                    <div class="tools_box ">
29056                                <div class="icon_box v_7 v7 ">
29057                    <svg width="24" height="24" class="img-fluid">
29058                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29059                    </svg>
29060                </div>
29061                <div>
29062                    <h4>Paragraph Completer</h4>
29063                    <span class="color-green catalog-box__tag ">AI Write</span>
29064                </div>
29065                <p>Paragraph Completer</p>
29066                            </div>
29067        </a>
29068    </div>
29069    <div class="col-lg-3 col-6 element-tools"
29070         data-title="Story Generator"
29071         data-description="Generate a Story"
29072         data-search-terms="write story generator  story generator write  story generator write  story generator write  story generator write ">
29073                    <a href="https://tinywow.com/write/story-generator" class="tools_box-full">
29074                    <div class="tools_box ">
29075                                <div class="icon_box v_3 v3 ">
29076                    <svg width="24" height="24" class="img-fluid">
29077                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29078                    </svg>
29079                </div>
29080                <div>
29081                    <h4>Story Generator</h4>
29082                    <span class="color-violet catalog-box__tag ">AI Write</span>
29083                </div>
29084                <p>Generate a Story</p>
29085                            </div>
29086        </a>
29087    </div>
29088    <div class="col-lg-3 col-6 element-tools"
29089         data-title="Grammar Fixer"
29090         data-description="Easily fix the grammar in a block of text"
29091         data-search-terms="grammar fixer write  grammar fixer write  grammar fixer write  grammar fixer write  grammar fixer ">
29092                    <a href="https://tinywow.com/write/grammar-fixer" class="tools_box-full">
29093                    <div class="tools_box ">
29094                                <div class="icon_box v_6 v6 ">
29095                    <svg width="24" height="24" class="img-fluid">
29096                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29097                    </svg>
29098                </div>
29099                <div>
29100                    <h4>Grammar Fixer</h4>
29101                    <span class="color-purple catalog-box__tag ">AI Write</span>
29102                </div>
29103                <p>Easily fix the grammar in a block of text</p>
29104                            </div>
29105        </a>
29106    </div>
29107    <div class="col-lg-3 col-6 element-tools"
29108         data-title="Article Writer"
29109         data-description="Create an article from a title"
29110         data-search-terms="article writer write  article writer write  article writer write  article writer write  write article writer ">
29111                    <a href="https://tinywow.com/write/article-writer" class="tools_box-full">
29112                    <div class="tools_box ">
29113                                <div class="icon_box v_5 v5 ">
29114                    <svg width="24" height="24" class="img-fluid">
29115                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29116                    </svg>
29117                </div>
29118                <div>
29119                    <h4>Article Writer</h4>
29120                    <span class="color-violet catalog-box__tag ">AI Write</span>
29121                </div>
29122                <p>Create an article from a title</p>
29123                            </div>
29124        </a>
29125    </div>
29126    <div class="col-lg-3 col-6 element-tools"
29127         data-title="Sentence Rewriter"
29128         data-description="Sentence Rewriter"
29129         data-search-terms="sentence rewriter write  sentence rewriter write  sentence rewriter write  sentence rewriter write  write sentence rewriter ">
29130                    <a href="https://tinywow.com/write/sentence-rewriter" class="tools_box-full">
29131                    <div class="tools_box ">
29132                                <div class="icon_box v_2 v2 ">
29133                    <svg width="24" height="24" class="img-fluid">
29134                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29135                    </svg>
29136                </div>
29137                <div>
29138                    <h4>Sentence Rewriter</h4>
29139                    <span class="color-purple catalog-box__tag ">AI Write</span>
29140                </div>
29141                <p>Sentence Rewriter</p>
29142                            </div>
29143        </a>
29144    </div>
29145    <div class="col-lg-3 col-6 element-tools"
29146         data-title="AI Humanizer"
29147         data-description="Use the AI Humanizer to makes AI text sound more human"
29148         data-search-terms="humanizer ai write humanizer ai write humanizer ai write humanizer ai write ai humanizer write ">
29149                    <a href="https://tinywow.com/write/humanizer-ai" class="tools_box-full">
29150                    <div class="tools_box ">
29151                                <div class="icon_box v_3 v3 ">
29152                    <svg width="24" height="24" class="img-fluid">
29153                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29154                    </svg>
29155                </div>
29156                <div>
29157                    <h4>AI Humanizer</h4>
29158                    <span class="color-green catalog-box__tag ">AI Write</span>
29159                </div>
29160                <p>Use the AI Humanizer to makes AI text sound more human</p>
29161                            </div>
29162        </a>
29163    </div>
29164    <div class="col-lg-3 col-6 element-tools"
29165         data-title="Content Summarizer"
29166         data-description="Summarize text"
29167         data-search-terms="content summarizer ai write  write content summarizer  content summarizer ai write  content summarizer ai write  content summarizer ai write ">
29168                    <a href="https://tinywow.com/write/content-summarizer" class="tools_box-full">
29169                    <div class="tools_box ">
29170                                <div class="icon_box v_7 v7 ">
29171                    <svg width="24" height="24" class="img-fluid">
29172                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29173                    </svg>
29174                </div>
29175                <div>
29176                    <h4>Content Summarizer</h4>
29177                    <span class="color-orange catalog-box__tag ">AI Write</span>
29178                </div>
29179                <p>Summarize text</p>
29180                            </div>
29181        </a>
29182    </div>
29183    <div class="col-lg-3 col-6 element-tools"
29184         data-title="Tone of Voice"
29185         data-description="Tone of Voice Tool"
29186         data-search-terms="tone voice write tone voice write tone voice write tone voice write">
29187                    <a href="https://tinywow.com/write/tone-of-voice" class="tools_box-full">
29188                    <div class="tools_box ">
29189                                <div class="icon_box v_6 v6 ">
29190                    <svg width="24" height="24" class="img-fluid">
29191                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29192                    </svg>
29193                </div>
29194                <div>
29195                    <h4>Tone of Voice</h4>
29196                    <span class="color-purple catalog-box__tag ">AI Write</span>
29197                </div>
29198                <p>Tone of Voice Tool</p>
29199                            </div>
29200        </a>
29201    </div>
29202    <div class="col-lg-3 col-6 element-tools"
29203         data-title="YouTube Script Writer"
29204         data-description="Generate a YouTube script"
29205         data-search-terms="youtube script writer  youtube script writer write  youtube script writer write  youtube script writer write  youtube script writer write ">
29206                    <a href="https://tinywow.com/write/youtube-script-writer" class="tools_box-full">
29207                    <div class="tools_box ">
29208                                <div class="icon_box v_2 v2 ">
29209                    <svg width="24" height="24" class="img-fluid">
29210                        <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use>
29211                    </svg>
29212                </div>
29213                <div>
29214                    <h4>YouTube Script Writer</h4>
29215                    <span class="color-violet catalog-box__tag ">AI Write</span>
29216                </div>
29217                <p>Generate a YouTube script</p>
29218                            </div>
29219        </a>
29220    </div>
29221    <div class="col-lg-12 text-center index-actions check-tools__actions ">
29222                    <a href="https://tinywow.com/tools/write" class="index-btn button ">All AI Write</a>
29223        
29224    </div>
29225</div>
29226                
29227            </div>
29228        </div>
29229        <!-- present area -->
29230        <div class="present_area">
29231            <div class="container">
29232                <div class="present pt_150">
29233                    <div class="d-flex justify-content-between align-items-center">
29234                        <div>
29235                            <h2 class="title">Free Tools You&#039;d Usually Pay For</h2>
29236                            <div class="m-mt-8 mt_24">
29237                                <p class="gray">No Limits, No Sign-Up</p>
29238                                <p class="gray mt_8">Here&#039;s our featured tools</p>
29239                            </div>
29240                        </div>
29241                        <div class="present__buttons">
29242                            <button class="present__button present__button--left" type="button">
29243                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29244                                    <path d="M9.57 5.93018L3.5 12.0002L9.57 18.0702"  stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
29245                                    <path d="M20.4999 12H3.66992" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
29246                                </svg>
29247                            </button>
29248
29249                            <button class="present__button is-active present__button--right" type="button">
29250                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29251                                    <path d="M14.4299 5.93018L20.4999 12.0002L14.4299 18.0702" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
29252                                    <path d="M3.5 12H20.33" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
29253                                </svg>
29254                            </button>
29255                        </div>
29256                    </div>
29257                </div>
29258            </div>
29259            <div class="container-present mt_40">
29260                <div class="js-present-slider">
29261                    <div class="present-card">
29262                        <a href="https://tinywow.com/pdf/create">
29263                            <div class="present-card__bg bg-v1">
29264                                <picture>
29265                                    <source srcset="https://tinywow.com/v3/img/present/present-pdf-creator.webp" type="image/webp">
29266                                    <source srcset="https://tinywow.com/v3/img/present/present-pdf-creator.png" type="image/png">
29267                                    <img src="https://tinywow.com/v3/img/present/present-pdf-creator.png" alt="" width="478" height="300" loading="lazy">
29268                                </picture>
29269                            </div>
29270                            <div class="present-cart__content">
29271                                <h5 class="present-card__name">PDF Creator</h5>
29272                                <p class="present-card__descr gray">Create a PDF quickly and easily with our free PDF creator</p>
29273                                <div class="present-cart__actions">
29274                                    <a class="present-cart__link" href="https://tinywow.com/pdf/create">Learn more</a>
29275                                </div>
29276                            </div>
29277                        </a>
29278                    </div>
29279
29280                    <div class="present-card">
29281                        <a href="https://tinywow.com/image/remove-bg">
29282                            <div class="present-card__bg v16">
29283                                <picture>
29284                                    <source srcset="https://tinywow.com/v3/img/present/present-remove-bg.webp" type="image/webp">
29285                                    <source srcset="https://tinywow.com/v3/img/present/present-remove-bg.png" type="image/png">
29286                                    <img src="https://tinywow.com/v3/img/present/present-remove-bg.png" alt="" width="478" height="300" loading="lazy">
29287                                </picture>
29288                            </div>
29289                            <div class="present-cart__content">
29290                                <h5 class="present-card__name">
29290Background Remover</h5>
29291                                <p class="present-card__descr gray">Remove or change the background on a photo</p>
29292                                <div class="present-cart__actions">
29293                                    <a class="present-cart__link" href="https://tinywow.com/image/remove-bg">Learn more</a>
29294                                </div>
29295                            </div>
29296                        </a>
29297                    </div>
29298
29299                    <div class="present-card">
29300                        <a href="https://tinywow.com/image/remove-objects">
29301                            <div class="present-card__bg v17">
29302                                <picture>
29303                                    <source srcset="https://tinywow.com/v3/img/present/present-remove-obj.webp" type="image/webp">
29304                                    <source srcset="https://tinywow.com/v3/img/present/present-remove-obj.png" type="image/png">
29305                                    <img src="https://tinywow.com/v3/img/present/present-remove-obj.png" alt="" width="478" height="300" loading="lazy">
29306                                </picture>
29307                            </div>
29308                            <div class="present-cart__content">
29309                                <h5 class="present-card__name">Photo Cleanup</h5>
29310                                <p class="present-card__descr gray">Use AI to remove unwanted objects, items, people from an image</p>
29311                                <div class="present-cart__actions">
29312                                    <a class="present-cart__link" href="https://tinywow.com/image/remove-objects">Learn more</a>
29313                                </div>
29314                            </div>
29315                        </a>
29316                    </div>
29317
29318                    <div class="present-card">
29319                        <a href="https://tinywow.com/image/ai-image-generator">
29320                            <div class="present-card__bg present-card__bg--doble v18">
29321                                <picture>
29322                                    <source srcset="https://tinywow.com/v3/img/present/present-ai-bg.webp" type="image/webp">
29323                                    <source srcset="https://tinywow.com/v3/img/present/present-ai-bg.png" type="image/png">
29324                                    <img src="https://tinywow.com/v3/img/present/present-ai-bg.png" alt="" width="478" height="300" loading="lazy">
29325                                </picture>
29326                            </div>
29327                            <div class="present-cart__content">
29328                                <h5 class="present-card__name">Image Generator</h5>
29329                                <p class="present-card__descr gray">Generate images from your imagination using AI</p>
29330                                <div class="present-cart__actions">
29331                                    <a class="present-cart__link" href="https://tinywow.com/image/ai-image-generator">Learn more</a>
29332                                </div>
29333                            </div>
29334                        </a>
29335                    </div>
29336
29337
29338
29339
29340
29341
29342
29343
29344
29345
29346
29347
29348
29349
29350
29351
29352
29353
29354
29355
29356
29357
29358
29359
29360
29361
29362
29363                    <div class="present-card">
29364                        <a href="https://tinywow.com/pdf/edit">
29365                            <div class="present-card__bg v21">
29366                                <picture>
29367                                    <source srcset="https://tinywow.com/v3/img/present/present-pdf-editor.webp" type="image/webp">
29368                                    <source srcset="https://tinywow.com/v3/img/present/present-pdf-editor.png" type="image/png">
29369                                    <img src="https://tinywow.com/v3/img/present/present-pdf-editor.png" alt="" width="478" height="300" loading="lazy">
29370                                </picture>
29371                            </div>
29372                            <div class="present-cart__content">
29373                                <h5 class="present-card__name">PDF Editor</h5>
29374                                <p class="present-card__descr gray">Edit an existing PDF and download with no sign-up required</p>
29375                                <div class="present-cart__actions">
29376                                    <a class="present-cart__link" href="https://tinywow.com/pdf/edit">Learn more</a>
29377                                </div>
29378                            </div>
29379                        </a>
29380                    </div>
29381
29382                    <div class="present-card">
29383                        <a href="https://tinywow.com/image/profile-photo">
29384                            <div class="present-card__bg v22">
29385                                <picture>
29386                                    <source srcset="https://tinywow.com/v3/img/present/present-profile.webp" type="image/webp">
29387                                    <source srcset="https://tinywow.com/v3/img/present/present-profile.png" type="image/png">
29388                                    <img src="https://tinywow.com/v3/img/present/present-profile.png" alt="" width="478" height="300" loading="lazy">
29389                                </picture>
29390                            </div>
29391                            <div class="present-cart__content">
29392                                <h5 class="present-card__name">Profile Photo Maker</h5>
29393                                <p class="present-card__descr gray">Style your profile photo for social media</p>
29394                                <div class="present-cart__actions">
29395                                    <a class="present-cart__link" href="https://tinywow.com/image/profile-photo">Learn more</a>
29396                                </div>
29397                            </div>
29398                        </a>
29399                    </div>
29400
29401                    <div class="present-card">
29402                        <a href="https://tinywow.com/image/chart-maker">
29403                            <div class="present-card__bg present-card__bg--doble v23">
29404                                <picture>
29405                                    <source srcset="https://tinywow.com/v3/img/present/present-creator.webp" type="image/webp">
29406                                    <source srcset="https://tinywow.com/v3/img/present/present-creator.png" type="image/png">
29407                                    <img src="https://tinywow.com/v3/img/present/present-creator.png" alt="" width="478" height="300" loading="lazy">
29408                                </picture>
29409                            </div>
29410                            <div class="present-cart__content">
29411                                <h5 class="present-card__name">Chart Creator</h5>
29412                                <p class="present-card__descr gray">Create charts and download as an image</p>
29413                                <div class="present-cart__actions">
29414                                    <a class="present-cart__link" href="https://tinywow.com/image/chart-maker">Learn more</a>
29415                                </div>
29416                            </div>
29417                        </a>
29418                    </div>
29419                    <div class="present-card">
29420                        <a href="https://tinywow.com/image/chart-maker">
29421                            <div class="present-card__bg present-card__bg--doble v24">
29422                                <picture>
29423                                    <source srcset="https://tinywow.com/v3/img/present/present-convert.webp" type="image/webp">
29424                                    <source srcset="https://tinywow.com/v3/img/present/present-convert.png" type="image/png">
29425                                    <img src="https://tinywow.com/v3/img/present/present-convert.png" alt="" width="478" height="300" loading="lazy">
29426                                </picture>
29427                            </div>
29428                            <div class="present-cart__content">
29429                                <h5 class="present-card__name">PDF to Word</h5>
29430                                <p class="present-card__descr gray">Create a Word Doc or Extract the text using OCR from a PDF</p>
29431                                <div class="present-cart__actions">
29432                                    <a class="present-cart__link" href="https://tinywow.com/pdf/to-word">Learn more</a>
29433                                </div>
29434                            </div>
29435                        </a>
29436                    </div>
29437                </div>
29438            </div>
29439        </div>
29440        <!-- support area -->
29441        <div class="support-area">
29442            <div class="container">
29443                <div class="row align-items-center">
29444                    <div class="support-area__content col-sm-7">
29445                                                    <h2 class="title">
29446                                Support TinyWow
29447                            </h2>
29448                            <p class="descr">Take your projects further with premium tools that stay out of your way and work smarter. Create without limits, ads, or roadblocks. Get started for just $5.99 a month.
29449                            </p>
29450                                                <div class="features">
29451                            <div class="feature">
29452                                <div class="icon-circle">
29453                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20">
29454                                        <path d="M0 0 C4.72760175 2.70499867 7.0584667 5.09741051 9.55078125 9.91796875 C10.16300537 11.08279785 10.77522949 12.24762695 11.40600586 13.44775391 C12.04188621 14.69414097 12.67737753 15.94072658 13.3125 17.1875 C13.97198438 18.45564664 14.6328806 19.72306004 15.29516602 20.98974609 C16.60344879 23.49615697 17.90397678 26.0063435 19.19824219 28.52001953 C20.76572181 31.5475066 22.35873171 34.55781473 23.9765625 37.55859375 C24.40026123 38.34532471 24.82395996 39.13205566 25.26049805 39.94262695 C26.02624531 41.36245993 26.79326787 42.7816061 27.56176758 44.19995117 C30 48.77484673 30 48.77484673 30 51 C36.2751294 45.95119526 42.42815551 40.78997572 48.5 35.5 C49.78370651 34.39045415 51.06755905 33.28107722 52.3515625 32.171875 C54.62166671 30.20847762 56.86488908 28.22173032 59.0859375 26.203125 C67.5703763 18.74062141 67.5703763 18.74062141 73.99609375 18.66015625 C78.47428348 19.41961533 81.02766143 21.90219839 83.9375 25.1875 C86.87207489 32.95549235 82.51940337 43.1214367 80.39453125 50.73828125 C80.02865816 52.06741453 79.6633283 53.39669745 79.29850769 54.72612 C78.53349111 57.50844302 77.76404372 60.28948604 76.9909668 63.06958008 C76.0177824 66.56948273 75.05240741 70.07147355 74.08990669 73.57432747 C70.68565444 85.96097511 67.25360415 98.34150569 63.63671875 110.66796875 C63.40958694 111.45826981 63.18245514 112.24857086 62.94844055 113.06282043 C60.98996737 119.62693989 59.34049561 123.75712475 53.15960407 127.15342999 C48.96640122 128.79717564 44.65073353 128.55380987 40.20288086 128.51757812 C39.13860367 128.5245874 38.07432648 128.53159668 36.97779846 128.53881836 C33.47321186 128.55636891 29.96943802 128.54478618 26.46484375 128.53125 C24.02299342 128.53394554 21.58114414 128.53782848 19.13929749 128.54284668 C14.02757524 128.54873761 8.916133 128.54019066 3.80444336 128.52148438 C-2.74501077 128.49868348 -9.29380963 128.51182842 -15.84323978 128.53577423 C-20.88330518 128.55023254 -25.92321536 128.54562616 -30.96328545 128.53526306 C-33.37819941 128.53259652 -35.79312752 128.53586295 -38.20802498 128.54518127 C-41.58315464 128.55534821 -44.95722459 128.5398427 -48.33227539 128.51757812 C-49.32828766 128.52567505 -50.32429993 128.53377197 -51.35049438 128.54211426 C-57.2248667 128.47038145 -60.50204476 127.86498637 -65 124 C-69.78206888 118.55293322 -71.04753153 111.71708552 -72.8984375 104.84375 C-73.25855201 103.53713506 -73.61962505 102.23078396 -73.9815979 100.92468262 C-74.93252469 97.48340082 -75.87037435 94.03868768 -76.80548096 90.59307861 C-77.7374441 87.16795675 -78.68168308 83.74622753 -79.625 80.32421875 C-81.08580369 75.0210763 -82.53442511 69.71476078 -83.97558594 64.40625 C-85.24685628 59.73089573 -86.54387041 55.06462467 -87.87597656 50.40625 C-88.15913727 49.40493042 -88.44229797 48.40361084 -88.73403931 47.37194824 C-89.24953938 45.55289486 -89.77273737 43.73599462 -90.30575562 41.92199707 C-91.92591347 36.16089043 -92.92119654 30.68478616 -91.4375 24.75 C-89.10535211 21.91086344 -86.41146546 20.22221794 -83 19 C-75.36449905 18.63054028 -71.54659206 22.12645932 -66 27 C-64.83931272 28.00219577 -63.67779327 29.00342824 -62.515625 30.00390625 C-59.94335423 32.22366096 -57.37972741 34.45294136 -54.8203125 36.6875 C-49.62091345 41.21422185 -44.31764446 45.61319088 -39 50 C-36.47340352 46.82934104 -34.5725837 43.5188462 -32.671875 39.94140625 C-32.35978088 39.35640854 -32.04768677 38.77141083 -31.72613525 38.16868591 C-30.73092545 36.30162162 -29.7403414 34.43215038 -28.75 32.5625 C-28.10057628 31.3416288 -27.45083919 30.12092425 -26.80078125 28.90039062 C-26.31985268 27.99700203 -26.31985268 27.99700203 -25.82920837 27.07536316 C-25.18315567 25.86200302 -24.53696651 24.64871554 -23.89064026 23.4355011 C-22.2724357 20.39663837 -20.66008045 17.35495429 -19.05834961 14.30737305 C-18.13807983 12.56967651 -18.13807983 12.56967651 -17.19921875 10.796875 C-16.65354248 9.76014
29454648 -16.10786621 8.72341797 -15.5456543 7.65527344 C-12.00330722 1.56988932 -7.21113127 -1.92208462 0 0 Z M-4 21 C-7.72143664 26.41018909 -10.71491506 32.285777 -13.65625 38.14453125 C-13.96981445 38.76746063 -14.28337891 39.39039001 -14.60644531 40.03219604 C-15.90198285 42.61145082 -17.19481252 45.19173667 -18.46826172 47.78198242 C-19.41426859 49.70103177 -20.37752824 51.61059713 -21.34375 53.51953125 C-21.90255859 54.64464111 -22.46136719 55.76975098 -23.03710938 56.92895508 C-25.62594195 60.97931888 -28.64344277 63.82172139 -33 66 C-39.13560502 66.79831292 -43.79301087 66.35657293 -48.875 62.75 C-52.45127748 59.80483031 -55.84756207 56.67538902 -59.234375 53.515625 C-62.98199249 50.10677519 -66.94113414 47.02661109 -71 44 C-72.2059619 47.50012646 -71.77960878 49.72434758 -70.78417969 53.25244141 C-70.49347595 54.30098297 -70.20277222 55.34952454 -69.90325928 56.42984009 C-69.57940247 57.55900848 -69.25554565 58.68817688 -68.921875 59.8515625 C-68.5946344 61.0207724 -68.2673938 62.1899823 -67.93023682 63.3946228 C-66.87930272 67.14072453 -65.81473626 70.88280057 -64.75 74.625 C-64.0473004 77.12345151 -63.34546734 79.62214692 -62.64453125 82.12109375 C-61.34600745 86.73927479 -60.04461467 91.35659666 -58.73339844 95.97119141 C-58.47057068 96.89622467 -58.20774292 97.82125793 -57.93695068 98.77432251 C-56.65391187 103.19149139 -55.32172436 107.59425214 -54 112 C-21 112 12 112 46 112 C47.80273381 107.19270985 49.45759131 102.70647313 50.82519531 97.81518555 C51.14852844 96.66426926 51.47186157 95.51335297 51.80499268 94.32756042 C52.14262634 93.10958267 52.48026001 91.89160492 52.828125 90.63671875 C53.18138855 89.36778275 53.5346521 88.09884674 53.89862061 86.79145813 C54.64081376 84.12203987 55.37990333 81.45178386 56.1171875 78.78100586 C57.06278272 75.35785292 58.01961387 71.93794823 58.97914505 68.51867962 C59.89466813 65.24760252 60.79812569 61.97322291 61.703125 58.69921875 C62.04885559 57.47111984 62.39458618 56.24302094 62.75079346 54.97770691 C63.06151794 53.84255142 63.37224243 52.70739594 63.69238281 51.5378418 C63.96979309 50.5382695 64.24720337 49.5386972 64.53302002 48.50883484 C65.23094313 45.88534795 65.23094313 45.88534795 64 43 C63.33355469 43.61746094 62.66710937 44.23492187 61.98046875 44.87109375 C55.50364686 50.82252309 48.89905623 56.53639256 42 62 C40.989375 62.845625 39.97875 63.69125 38.9375 64.5625 C34.67957206 66.64616687 30.64275553 66.9271876 26 66 C17.81982874 63.08873718 15.17094676 55.87129636 11.5 48.5625 C10.87028656 47.34086891 10.23878692 46.12015684 9.60546875 44.90039062 C8.35220831 42.48226244 7.1085138 40.05956888 5.87109375 37.63330078 C3.00644911 32.03963948 0.00135928 26.52118307 -3 21 C-3.33 21 -3.66 21 -4 21 Z " fill="#fff" transform="translate(92,16)"/>
29455                                        <path d="M0 0 C1.00100235 -0.00990463 2.0020047 -0.01980927 3.03334045 -0.03001404 C4.12541306 -0.02551239 5.21748566 -0.02101074 6.34265137 -0.01637268 C7.4974852 -0.02323593 8.65231903 -0.03009918 9.84214783 -0.03717041 C13.66470587 -0.05549254 17.48685566 -0.05159334 21.30944824 -0.0459137 C23.29189703 -0.04932067 25.27434601 -0.05273488 27.25679255 -0.05726677 C33.48874508 -0.07131053 39.72056052 -0.06975162 45.95251465 -0.05836487 C52.38058515 -0.0468793 58.80823865 -0.06096656 65.23625422 -0.08776134 C70.75740068 -0.10991372 76.27841619 -0.11655695 81.79960394 -0.11068493 C85.09626164 -0.10731348 88.39259242 -0.11144717 91.68922424 -0.12693596 C95.36438262 -0.14177067 99.0386162 -0.13122332 102.71374512 -0.11402893 C103.80581772 -0.1236969 104.89789032 -0.13336487 106.02305603 -0.14332581 C107.02405838 -0.13349167 108.02506073 -0.12365753 109.05639648 -0.11352539 C110.3593932 -0.11321146 110.3593932 -0.11321146 111.68871307 -0.1128912 C114.82070406 0.55724968 116.01954774 1.95018843 118.02819824 4.38768005 C119.28150841 7.64628649 119.2609973 8.86081903 117.84069824 12.07518005 C115.91630377 14.53044196 114.87606362 15.25277229 112.02819824 16.38768005 C109.75397587 16.64215565 109.75397587 16.64215565 107.21498108 16.64837646 C106.24908051 16.65546127 105.28317993 16.66254608 104.28800964 16.66984558 C103.23491104 16.66736816 102.18181244 16.66489075 101.09680176 16.66233826 C99.9825885 16.66744919 98.86837524 16.67256012 97.72039795 16.67782593 C94.03257902 16.69174049 90.34494657 16.69076376 86.65710449 16.6884613 C84.09647044 16.69234711 8
294551.53583703 16.69668154 78.97520447 16.70144653 C73.60604498 16.7089127 68.23695411 16.70875259 62.86779785 16.70335388 C56.66589486 16.69731363 50.46421872 16.70962723 44.26235443 16.73092395 C38.29081147 16.75067407 32.31933873 16.75371252 26.34776115 16.75018883 C23.80920822 16.75070276 21.27065171 16.75595383 18.73211861 16.76600075 C15.18423037 16.77831904 11.63686889 16.77160071 8.08898926 16.75999451 C6.5123777 16.77146011 6.5123777 16.77146011 4.90391541 16.78315735 C-4.10230413 16.71794509 -4.10230413 16.71794509 -7.97180176 13.38768005 C-9.97180176 10.38768005 -9.97180176 10.38768005 -9.84680176 6.88768005 C-8.97180176 3.38768005 -8.97180176 3.38768005 -7.22785187 1.69316006 C-4.58473956 0.16370366 -3.03805248 0.00849828 0 0 Z " fill="#fff" transform="translate(33.9718017578125,160.61231994628906)"/>
29456                                    </svg>
29457                                </div>
29458                                <span>Ad-free</span>
29459                            </div>
29460                            <div class="feature">
29461                                                                    <div class="icon-circle">
29462                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20">
29463                                            <path d="M0 0 C4.86622001 3.39382297 7.84819894 6.63115307 9.8203125 12.26953125 C10.13916016 14.76489258 10.13916016 14.76489258 10.234375 17.3515625 C10.27304688 18.28291016 10.31171875 19.21425781 10.3515625 20.17382812 C10.3825 21.13353516 10.4134375 22.09324219 10.4453125 23.08203125 C10.48398438 24.06107422 10.52265625 25.04011719 10.5625 26.04882812 C10.65642066 28.45554499 10.74209451 30.86226137 10.8203125 33.26953125 C11.89152344 33.09035156 12.96273437 32.91117188 14.06640625 32.7265625 C21.17062629 31.86163665 26.15415302 33.92108328 31.8203125 38.26953125 C32.3359375 38.86765625 32.8515625 39.46578125 33.3828125 40.08203125 C33.8571875 40.47390625 34.3315625 40.86578125 34.8203125 41.26953125 C36.49238173 40.96445195 38.15829949 40.62534249 39.8203125 40.26953125 C47.31292967 39.63911794 53.57623302 39.74638099 59.8203125 44.26953125 C60.5215625 45.03265625 61.2228125 45.79578125 61.9453125 46.58203125 C62.5640625 47.13890625 63.1828125 47.69578125 63.8203125 48.26953125 C66.58992408 48.06023673 66.58992408 48.06023673 69.8203125 47.26953125 C76.69549749 46.61200517 82.14834903 47.10684561 87.8203125 51.26953125 C92.64309867 55.79223295 95.57744306 60.10899031 96.0949707 66.84375 C96.11481943 68.21472773 96.12288153 69.58591101 96.12109375 70.95703125 C96.12537888 71.69598633 96.129664 72.43494141 96.13407898 73.19628906 C96.13980766 74.7595925 96.14033332 76.32292258 96.13598633 77.88623047 C96.1328591 80.2345365 96.15618712 82.58154002 96.18164062 84.9296875 C96.23492505 97.06712487 94.94804474 108.46098138 89.2578125 119.39453125 C88.91339111 120.06484375 88.56896973 120.73515625 88.21411133 121.42578125 C80.18342368 136.35395914 66.7937954 146.37049378 50.90332031 151.67211914 C42.02796329 154.21759484 33.25932362 154.62517508 24.0703125 154.58203125 C22.83474609 154.5771167 21.59917969 154.57220215 20.32617188 154.56713867 C-9.90029984 154.17916066 -26.44540883 140.13570517 -47.0546875 119.64453125 C-47.97765625 118.7421875 -48.900625 117.83984375 -49.8515625 116.91015625 C-56.28777819 110.51125195 -61.63339858 105.00622831 -62.2734375 95.59765625 C-62.00305177 88.88307735 -59.34067738 83.55066793 -54.77734375 78.70703125 C-50.4015437 74.76988108 -45.01421157 73.05419732 -39.1796875 73.26953125 C-36.84057581 73.91563141 -34.50659522 74.58077197 -32.1796875 75.26953125 C-32.18856995 74.51055542 -32.19745239 73.75157959 -32.206604 72.96960449 C-32.28700245 65.79065413 -32.34777919 58.61192437 -32.38693619 51.43264008 C-32.4077446 47.7423317 -32.43593669 44.05239767 -32.48144531 40.36230469 C-32.52514693 36.79611064 -32.54887526 33.23027494 -32.55919647 29.66383362 C-32.57010244 27.65203013 -32.60128941 25.64036929 -32.63287354 23.62878418 C-32.63488285 15.37745431 -31.98114311 9.67479748 -26.43359375 3.24609375 C-18.32461413 -3.23359897 -9.48921547 -5.43612951 0 0 Z M-18.1796875 15.26953125 C-18.79960529 18.52435423 -18.79960529 18.52435423 -18.72900391 22.22192383 C-18.73922577 22.91352097 -18.74944763 23.6051181 -18.75997925 24.31767273 C-18.78774 26.60015659 -18.78586028 28.88143004 -18.78125 31.1640625 C-18.78902753 32.75583848 -18.79769762 34.34761033 -18.80722046 35.93937683 C-18.82213923 39.27588346 -18.82156842 42.61196688 -18.81103516 45.94848633 C-18.79946402 50.21265358 -18.83325958 54.47507813 -18.8797245 58.73895741 C-18.90927772 62.02742039 -18.91093201 65.31546787 -18.90470505 68.60404015 C-18.9057282 70.17525361 -18.91614256 71.74649134 -18.93632889 73.31757545 C-19.38803911 83.12489664 -19.38803911 83.12489664 -15.13818359 91.54956055 C-14.58858978 92.0079985 -14.03899597 92.46643646 -13.4727478 92.93876648 C-12.1796875 94.26953125 -12.1796875 94.26953125 -12.1171875 98.08203125 C-13.1796875 101.26953125 -13.1796875 101.26953125 -16.1796875 103.26953125 C-19.26961061 103.29990971 -21.33054898 102.94486496 -23.78515625 100.99267578 C-25.47739101 99.32041595 -27.08765178 97.5999094 -28.6796875 95.83203125 C-33.91896874 89.9971746 -33.91896874 89.9971746 -41.1796875 87.26953125 C-44.7
29463595112 88.57128532 -45.89328328 89.75400366 -47.7421875 93.08203125 C-48.34649135 97.48481646 -46.81128263 98.7588414 -44.1796875 102.26953125 C-42.37611761 104.26433734 -40.5716221 106.18187698 -38.671875 108.078125 C-38.1463504 108.60793472 -37.62082581 109.13774445 -37.07937622 109.68360901 C-35.97082341 110.79787305 -34.85968373 111.9095689 -33.74609375 113.01879883 C-32.07138038 114.69036969 -30.41040007 116.37477273 -28.75 118.06054688 C-12.86974792 134.03516316 1.08500217 140.37083562 23.7578125 140.58203125 C40.29298971 140.51225668 55.40558583 137.30901314 67.7890625 125.53125 C79.18884278 112.83803312 82.02247087 99.32077905 82.11547852 82.79199219 C82.12706421 81.35667108 82.14761879 79.92139521 82.17700195 78.48632812 C82.21961827 76.4007474 82.23582884 74.31643029 82.24609375 72.23046875 C82.26067627 70.99087402 82.27525879 69.7512793 82.2902832 68.47412109 C82.07512656 65.19915344 82.07512656 65.19915344 79.98120117 62.86572266 C77.85424652 61.04196631 77.85424652 61.04196631 74.8203125 60.76953125 C71.02522986 61.40204502 70.07199056 62.16376841 67.8203125 65.26953125 C66.95377189 67.3451983 66.20779186 69.41746433 65.53125 71.5625 C64.8203125 73.26953125 64.8203125 73.26953125 62.8203125 74.26953125 C59.8828125 74.64453125 59.8828125 74.64453125 56.8203125 74.26953125 C53.26882061 69.70094544 53.42851235 65.58794978 53.32421875 60.01171875 C53.07104584 57.16999499 53.07104584 57.16999499 50.97265625 55.4296875 C48.01586844 53.83591984 46.13144318 53.78665803 42.8203125 54.26953125 C38.656825 57.16084202 38.13010151 60.55429082 36.8203125 65.26953125 C33.58777454 67.42455656 32.56880327 67.7380926 28.8203125 67.26953125 C27.19140625 66.1171875 27.19140625 66.1171875 25.8203125 64.26953125 C25.44921875 61.52734375 25.44921875 61.52734375 25.3828125 58.39453125 C25.13924906 54.59861796 24.91562469 52.46015563 23.1953125 49.01953125 C19.89784991 46.58982197 17.81863722 46.68795674 13.8203125 47.26953125 C11.20438097 49.10068332 10.85041795 50.17921491 9.8203125 53.26953125 C9.59254256 56.07025792 9.4402049 58.86953266 9.296875 61.67578125 C8.8203125 64.26953125 8.8203125 64.26953125 7.50390625 66.12109375 C5.8203125 67.26953125 5.8203125 67.26953125 2.2578125 67.14453125 C-1.1796875 66.26953125 -1.1796875 66.26953125 -3.1796875 63.26953125 C-3.43
2946312439 61.11341858 -3.4312439 61.11341858 -3.43505859 58.58618164 C-3.44201752 57.63832291 -3.44897644 56.69046417 -3.45614624 55.71388245 C-3.45514923 54.69197311 -3.45415222 53.67006378 -3.453125 52.6171875 C-3.47341141 50.45767708 -3.49426215 48.29817191 -3.515625 46.13867188 C-3.53824938 42.73050514 -3.55470376 39.32254508 -3.56054688 35.91430664 C-3.57005145 32.62738601 -3.60380323 29.34139957 -3.640625 26.0546875 C-3.63557953 25.0348024 -3.63053406 24.0149173 -3.62533569 22.96412659 C-3.62745906 17.44450513 -3.62745906 17.44450513 -6.02587891 12.62670898 C-11.05010322 9.46079842 -14.75104865 10.80785894 -18.1796875 15.26953125 Z " fill="#fff" transform="translate(75.1796875,14.73046875)"/>
29464                                        </svg>
29465                                    </div>
29466                                    <span>No captcha</span>
29467                                                            </div>
29468                            <div class="feature">
29469                                <div class="icon-circle">
29470                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20">
29471                                        <path d="M0 0 C18.8142618 14.57104531 30.50538137 35.23584442 33.9375 58.796875 C36.40726124 83.86037793 30.11702445 107.08047566 14.0625 126.68359375 C-3.40831186 146.70666335 -24.84059033 157.09236971 -51.109375 159.2890625 C-75.66449676 160.02296402 -96.98894369 150.26473415 -115.69921875 134.98828125 C-117.74609375 133.0078125 -117.74609375 133.0078125 -118.74609375 130.0078125 C-119.40609375 130.0078125 -120.06609375 130.0078125 -120.74609375 130.0078125 C-122.41345165 128.00210592 -123.93385682 126.0098137 -125.43359375 123.8828125 C-125.87912598 123.25117188 -126.3246582 122.61953125 -126.78369141 121.96875 C-140.54585553 102.00147913 -145.69638277 78.86546192 -142.25 54.84375 C-137.59662321 31.55057581 -124.58560175 10.12953795 -104.69921875 -3.19921875 C-71.00519656 -23.65630365 -32.16601342 -23.33523022 0 0 Z M-110.27734375 22.890625 C-124.03417291 40.45351022 -128.49163301 59.0777438 -126.74609375 81.0078125 C-126.14992972 85.21306188 -125.1831085 89.01675129 -123.74609375 93.0078125 C-123.41738281 93.97460938 -123.08867188 94.94140625 -122.75 95.9375 C-115.72413988 114.65691969 -102.12016926 128.20269943 -84.24609375 136.7578125 C-66.41703647 144.50071738 -46.82748069 145.37531263 -28.5546875 138.49609375 C-20.7234536 135.33886615 -14.09076524 131.65046397 -7.74609375 126.0078125 C-7.15957031 125.56179687 -6.57304687 125.11578125 -5.96875 124.65625 C8.33564503 113.56304569 15.7771848 95.49828789 18.25390625 78.0078125 C19.62343584 55.48958564 13.15423446 36.66841942 -1.75 19.73046875 C-14.76673388 6.03002764 -32.62661083 -1.84046437 -51.4765625 -2.4675293 C-74.46498716 -2.67692963 -94.8840977 5.35942811 -110.27734375 22.890625 Z " fill="#fff" transform="translate(142.74609375,17.9921875)"/>
29472                                        <path d="M0 0 C3.5 0.875 3.5 0.875 5.19172668 2.63739014 C6.67669321 5.17720785 6.89225075 6.63085437 6.93237305 9.55175781 C6.96206429 10.93273651 6.96206429 10.93273651 6.99235535 12.34161377 C6.99874527 13.32716248 7.00513519 14.31271118 7.01171875 15.328125 C7.03864555 16.85116241 7.03864555 16.85116241 7.06611633 18.40496826 C7.12025707 21.64493672 7.15412762 24.88475753 7.
294721875 28.125 C7.22066969 30.32293723 7.25515902 32.52085496 7.29101562 34.71875 C7.37598556 40.10403427 7.44431954 45.48933756 7.5 50.875 C10.01408253 52.13459642 12.5284464 53.39362589 15.04296875 54.65234375 C15.744823 55.0040564 16.44667725 55.35576904 17.1697998 55.71813965 C20.60056019 57.43500416 24.03590195 59.1399663 27.48828125 60.81298828 C36.9101923 65.41737989 36.9101923 65.41737989 39 69.5 C39.5 72.875 39.5 72.875 38.3125 75.6875 C34.87754758 79.83313223 34.87754758 79.83313223 31.37597656 80.22143555 C26.74082638 79.80714491 23.58226513 78.42256051 19.484375 76.33203125 C18.74672913 75.96655685 18.00908325 75.60108246 17.24908447 75.22453308 C15.69939263 74.45205819 14.15317972 73.67256846 12.61035156 72.88647461 C10.25280222 71.68892343 7.88176507 70.52205335 5.5078125 69.35742188 C3.99909877 68.60075263 2.49125434 67.84234707 0.984375 67.08203125 C0.27810974 66.73598343 -0.42815552 66.38993561 -1.15582275 66.03340149 C-5.30719617 63.88809733 -7.90599897 62.32899963 -9.5 57.875 C-9.91803446 54.04792498 -9.92018715 50.25308858 -9.8984375 46.40625 C-9.90130768 45.29318481 -9.90417786 44.18011963 -9.90713501 43.0333252 C-9.90917385 40.68318167 -9.90365664 38.3330211 -9.89111328 35.98291016 C-9.87505788 32.38795994 -9.89096894 28.79413404 -9.91015625 25.19921875 C-9.90817379 22.91406002 -9.90433005 20.62890199 -9.8984375 18.34375 C-9.90754654 16.73264343 -9.90754654 16.73264343 -9.9168396 15.08898926 C-9.82840807 5.69509361 -9.82840807 5.69509361 -6.5 1.875 C-3.5 -0.125 -3.5 -0.125 0 0 Z " fill="#fff" transform="translate(89.5,32.125)"/>
29473                                    </svg>
29474                                </div>
29475                                <span>Faster processing</span>
29476                            </div>
29477                        </div>
29478
29479                        <div class="index-actions support-area__actions">
29480                                                            <a href="https://tinywow.com/support-tinywow" class="index-btn button">Get started</a>
29481                                                    </div>
29482                    </div>
29483                    <div class="support-area__image-box col-sm-5">
29484                        <img src="https://tinywow.com/v3/img/tw-laptop.svg" alt="" loading="lazy">
29485                    </div>
29486                </div>
29487            </div>
29488        </div>
29489
29490                    <template class="lazy-ad-scripts">
29491        <!-- Tag ID: tinywow_1x1_bouncex -->
29492        <div align="center" id="tinywow_1x1_bouncex">
29493            
29493<script data-cfasync="false" type="text/javascript">
29494                freestar.config.enabled_slots.push({ placementName: "tinywow_1x1_bouncex", slotId: "tinywow_1x1_bouncex" });
29495            </script>
29495
29496        </div>
29497    </template>
29498            </main>
29499
29500    <div id="alertModal" role="dialog" class="modal fade show" style="z-index: 10000"
29501     aria-modal="true">
29502    <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span>
29503        <div tabindex="-1" class="modal-content">
29504            <div class="modal-header">
29505                <h4 class="modal-title" >Installation Error</h4>
29506                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
29507            </div>
29508            <div class="modal-body">
29509
29510            </div>
29511            <footer class="modal-footer">
29512                <button type="button" class="btn button" data-dismiss="modal">Close</button>
29513            </footer>
29514        </div>
29515    </div>
29516</div>
29517    <div id="alertSuccessModal" role="dialog" class="modal fade show"
29518     aria-modal="true">
29519    <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span>
29520        <div tabindex="-1" class="modal-content">
29521            <div class="modal-body">
29522                <div class="modal-body">
29523                    Successfully sent!
29524                </div>
29525            </div>
29526            <footer class="modal-footer">
29527                <button type="button" class="btn btn-secondary" data-dismiss="modal">Got it!</button>
29528            </footer>
29529        </div>
29530    </div>
29531</div>
29532    <footer>
29533    <div class="container">
29534        <div class="row small_gutter">
29535            <div class="col-lg-4 mt_30">
29536                <a href="https://tinywow.com">
29537                    <img src="https://tinywow.com/v2/img/logo.svg" class="img-fluid logo-normal" alt="TinyWow" loading="lazy" width="114" height="32">
29538                    <img src="https://tinywow.com/v2/img/logo-light.svg" class="img-fluid logo-dark" alt="TinyWow" loading="lazy" width="114" height="32">
29539                </a>
29540                <p class="mt_15">TinyWow provides free online conversion, pdf, and other handy tools to help you solve problems of all types.  All files both processed and unprocessed are deleted after 1 hour</p>
29541            </div>
29542            <div class="col-lg-8">
29543                <div class="row small_gutter">
29544
29545                    <div class="col-lg-2 col-md-3 col-6 mt_30">
29546                        <h4>Navigate</h4>
29547                        <ul>
29548                            <li><a href="https://tinywow.com">Home</a></li>
29549                            <li><a href="https://tinywow.com/privacy">Privacy Policy</a></li>
29550                            <li><a href="https://tinywow.com/tos">TOS</a></li>
29551                            <li><a href="https://tinywow.com/contact">Contact</a></li>
29552                            <li><a href="/blog">Blog</a></li>
29553                            <li><a href="https://tinywow.com/about" rel="nofollow">About</a></li>
29554                        </ul>
29555                    </div>
29556                    <div class="col-lg-10 col-md-9 mt_30">
29557                        <h4>Tools</h4>
29558                        <div class="row small_gutter">
29559                                                                                            <div class="col-lg-3 col-6">
29560                                    <ul>
29561                                                                                    <li><a href="https://tinywow.com/write/content-improver">Content Improver</a></li>
29562                                                                                                                                                                            <li><a href="https://tinywow.com/write/essay-writer">Essay Writer</a></li>
29563                                                                                                                                                                            <li><a href="https://tinywow.com/write/paragraph-writer">Paragraph Writer</a></li>
29564                                                                                                                                                                            <li><a href="https://tinywow.com/image/ai-image-generator">AI Image Generator</a></li>
29565                                                                                                                            </ul>
29566                                </div>
29567                                <div class="col-lg-3 col-6">
29568                                    <ul>
29569                                                                                                                            <li><a href="https://tinywow.com/pdf/merge">Merge PDF</a></li>
29570                                                                                                                                                                            <li><a href="https://tinywow.com/image/remove-bg">
29570Remove Background from Image</a></li>
29571                                                                                                                                                                            <li><a href="https://tinywow.com/pdf/edit">Edit PDF</a></li>
29572                                                                                                                                                                            <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a></li>
29573                                                                                                                            </ul>
29574                                </div>
29575                                <div class="col-lg-3 col-6">
29576                                    <ul>
29577                                                                                                                            <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a></li>
29578                                                                                                                                                                            <li><a href="https://tinywow.com/image/upscale">Upscale Image</a></li>
29579                                                                                                                                                                            <li><a href="https://tinywow.com/pdf/from-jpg">JPG to PDF</a></li>
29580                                                                                                                                                                            <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li>
29581                                                                                                                            </ul>
29582                                </div>
29583                                <div class="col-lg-3 col-6">
29584                                    <ul>
29585                                                                                                                            <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a></li>
29586                                                                                                                                                                            <li><a href="https://tinywow.com/pdf/to-word">PDF to Word</a></li>
29587                                                                                                                                                                            <li><a href="https://tinywow.com/image/to-text">Image To Text</a></li>
29588                                                                                            <li><a href="https://tinywow.com" class="active">Others</a></li>
29589                                                                                    </ul>
29590                                </div>
29591                                                    </div>
29592                    </div>
29593                </div>
29594            </div>
29595        </div>
29596    </div>
29597    <div class="footer_bottom">
29598        <div class="container">
29599            <div class="row small_gutter align-items-center">
29600                <div class="col-md-7 mt_10">
29601                    <p>
29602                        <img src="https://tinywow.com/v2/img/jenni-ai-logo.svg" alt="Jenni AI" loading="lazy" width="86" height="24">
29603                        TinyWow is a <a href="https://jenni.ai/?via=tinywow" class="active">Jenni AI</a> Company
29604                    </p>
29605                </div>
29606                <div class="col-md-5 text-md-right mt_10">
29607                    <p class="copy_right">@ 2026 TinyWow. All rights reserved</p>
29608                </div>
29609            </div>
29610        </div>
29611    </div>
29612</footer>
29613
29614<!-- back to top -->
29615<a href="#" class="back-to-top"><i class="fal fa-angle-up"></i></a>
29616
29617    <!-- all js here -->
29618    
29618<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
29619    window.baseUrl = "https://tinywow.com";
29620    window.ajaxUrls = {
29621        
29622        "admTasks": "https://tinywow.com/admin/dashboard/tasks-data",
29623        "admErrs": "https://tinywow.com/admin/errors/errors-data",
29624        "homeContForm": "https://tinywow.com/main/send-contact",
29625        "suggForm": "https://tinywow.com/main/send-suggestion",
29626        "myFilesModal": "https://tinywow.com/files/files-modal",
29627        "myFilesDelete": "https://tinywow.com/files/delete/",
29628        "myFilesDeleteAll": "https://tinywow.com/files/delete-all",
29629        "myFilesExistsCheck": "https://tinywow.com/files/check-exists",
29630        "myFilesCkBfDwnld": "https://tinywow.com/files/check-before-download/",
29631        "setSiteMode": "https://tinywow.com/main/set-site-mode",
29632        "uploadFile": "https://tinywow.com/file/upload",
29633        "srchTools": "https://tinywow.com/main/search-tools",
29634        "signInModal": "https://tinywow.com/login",
29635        "logoutModal": "https://tinywow.com/logout-js",
29636        "signUpModal": "https://tinywow.com/register",
29637        "frgtPaswModal": "https://tinywow.com/password/email",
29638        "addCardModal": "https://tinywow.com/user/creditcard/update",
29639        "crtPmntInt": "https://tinywow.com/user/payments/create",
29640        "crtPaymentIntent": "https://tinywow.com/user/creditcard/create-pi",
29641        "getCardPm": "https://tinywow.com/user/payment-method/get",
29642        "addCardPm": "https://tinywow.com/user/payment-method/add",
29643        "cancelSbscr": "https://tinywow.com/user/subscription/cancel/",
29644        "subscribe": "https://tinywow.com/user/subscription/add",
29645        "switchSbcr": "https://tinywow.com/user/subscription/switch",
29646        "rmvCard": "https://tinywow.com/user/creditcard/remove/",
29647        "actvSbscr": "https://tinywow.com/user/subscription/activate/",
29648        "removeAccount": "https://tinywow.com/user/remove-account",
29649        "oneDriveSend": "https://tinywow.com/one-drive-picker-send-file",
29650        "subscribeUrlMain": "https://tinywow.com/main/subscribe-user",
29651        "subscribeUrlTagOnboard": "https://tinywow.com/content-machine/subscribe-to-onboard",
29652        "chkPrcsPaid": "https://tinywow.com/user/subscription/check-invoice/",
29653        "chkPrcsFailed": "https://tinywow.com/user/subscription/check-failed-invoice/",
29654        "aft3dsStp": "https://tinywow.com/after3ds-stripe",
29655        "aft3dsPmt": "https://tinywow.com/after3ds-stripe-pi",
29656        "aftFnshPmt": "https://tinywow.com/user/payment-method/after-finish-payment",
29657        "suppTiny": "https://tinywow.com/support-tinywow",
29658        "verifyEmail": "https://tinywow.com/email/resend",
29659        "usrLogApi": "https://tinywow.com/user/api/log-list/table-data",
29660        "strCrtSession": "https://tinywow.com/user/subscription/order/new/",
29661        "strCrtSessionEmbd": "https://tinywow.com/user/subscription/order/new-embed/",
29662        "strUpdSession": "https://tinywow.com/user/subscription/order/update/",
29663        "strCrtSessionOp": "https://tinywow.com/user/package/order/new",
29664                    "usrIntgDelete": "https://tinywow.com/user/integration/delete/",
29665            "usrWebfDelete": "https://tinywow.com/user/webflow/delete/",
29666            "contentArtDts": "https://tinywow.com/content-machine/article-details/",
29667            "webflowGetItms": "https://tinywow.com/user/webflow/get-items/",
29668            "usrSettingUpd": "https://tinywow.com/content-machine/settings/update/",
29669            "dsblAutom": "https://tinywow.com/content-machine/am/disable",
29670                "uploadAvatar": "https://tinywow.com/user/settings/avatar",
29671        "removeAvatar": "https://tinywow.com/user/settings/remove-avatar",
29672        "addFvrTool": "https://tinywow.com/user/tools/add-favourite",
29673        "chkExsCnts": "https://tinywow.com/user/exist-connections",
29674        "getCpn": "https://tinywow.com/user/payment/get-coupon-data",
29675    };
29676</script>
29676
29677    <!-- modal share -->
29678<div class="modal modal-share fade" id="modal-share" tabindex="-1" aria-hidden="true">
29679    <div class="modal-dialog modal-dialog-centered">
29680        <div class="modal-content">
29681
29682            <div class="modal-header">
29683                <h5 class="modal-title">Show Us Some Love</h5>
29684                <p class="modal-header-text">Tell the world about TinyWow</p>
29685            </div>
29686
29687            <div class="modal-body">
29688                
29689                <div class="social_icon">
29690                    <a data-pin-do="buttonBookmark" href="#" title="Share to Pinterest"
29691                        onclick="window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent(window.location)+'&media'+encodeURIComponent('')+'=&description='+encodeURIComponent('Free PDF, Video, Image &amp;amp; Other Online Tools-TinyWow'), 'pop', 'width=600, height=400, scrollbars=no'); return false;"
29692                       rel="noreferrer noopener"
29693                    >
29694                        <img src="https://tinywow.com/v2/img/pinterest.svg">
29695                    </a>
29696
29697
29698
29699                    <a href="https://tumblr.com/widgets/share/tool?canonicalUrl=https://tinywow.com"
29700                       onclick="window.open('https://tumblr.com/widgets/share/tool?canonicalUrl='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;"
29701                       target="_blank" title="Share to Tumblr"
29702                       rel="noreferrer noopener"
29703                    >
29704                        <img src="https://tinywow.com/v2/img/tumblr.svg">
29705                    </a>
29706                    <a href="https://twitter.com/intent/tweet?text=Free PDF, Video, Image &amp;amp; Other Online Tools-TinyWow&url=https://tinywow.com"
29707                       onclick="window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent('Free PDF, Video, Image &amp;amp; Other Online Tools-TinyWow')+'&url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;"
29708                       target="_blank" title="Share to Twitter"
29709                       rel="noreferrer noopener"
29710                    >
29711                        <img src="https://tinywow.com/v2/img/twitter.svg">
29712                    </a>
29713                    <a href="#" title="Share to Facebook"
29714                       onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;"
29715                       rel="noreferrer noopener"
29716                    >
29717                        <img src="https://tinywow.com/v2/img/facebook.svg">
29718                    </a>
29719                    <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://tinywow.com"
29720                       onclick="window.open('https://www.linkedin.com/sharing/share-offsite/?url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;"
29721                       target="_blank" title="Share to LinkedIn"
29722                       rel="noreferrer noopener"
29723                    >
29724                        <img src="https://tinywow.com/v2/img/linkedin.svg">
29725                    </a>
29726                </div>
29727
29728                <div class="input-group">
29729                    <input type="text" class="form-control default-background" value="https://tinywow.com" aria-label="" readonly aria-describedby="button-addon2">
29730
29731                    <div class="input-group-append">
29732                        <button class="btn btn-outline-secondary js-copy-link" data-link="https://tinywow.com" type="button" id="button-addon2">Copy Link</button>
29733                    </div>
29734                </div>
29735            </div>
29736
29737        </div>
29738    </div>
29739</div>
29740    <div class="modal modal-files fade" id="modal-files" tabindex="-1" aria-hidden="true">
29741    <div class="modal-dialog modal-dialog-centered">
29742        <div class="modal-content">
29743            <div class="modal-header">
29744                <div class="modal-header_group">
29745                    <h5 class="modal-title">My Files</h5>
29746                    <p class="modal-header-text">Your files will be deleted in 1 hour or less</p>
29747                </div>
29748                <a href="#" class="button button-delete-all js-my-files-delete-all">Delete All</a>
29749            </div>
29750            <div class="modal-body">
29751
29752            </div>
29753        </div>
29754    </div>
29755</div>
29756    <!-- modal sign-in -->
29757<div class="modal modal-contact-us" id="modal-contact-us" tabindex="-1" aria-hidden="true">
29758    <div class="modal-dialog modal-dialog-centered ">
29759        <div class="modal-content">
29760
29761            <div class="modal-header">
29762
29763                <h5 class="modal-title">Contact Us</h5>
29764            </div>
29765
29766            <div class="modal-body">
29767
29768                <form action="#" novalidate id="contactUsForm">
29769                    <input name="recaptcha_response" type="hidden"/>
29770                    <div class="row small_gutter">
29771                        <div class="col-md-12 mt_15">
29772                            <label for="email">Email</label>
29773                            <input class="form-control" id="email" type="email"  name="email">
29774                        </div>
29775                        <div class="col-md-12 mt_15">
29776                            <label>Message</label>
29777
29778                            <div class="input-group">
29779                                <textarea class="form-control" type="text" rows="10" maxlength="1000" name="msg"></textarea>
29780                            </div>
29781                        </div>
29782                        <div class="col-md-12 mt_15">
29783                            <input name="recaptcha_response" type="hidden"/>
29784                            <div id="captchaContact"></div>
29785                        </div>
29786                    </div>
29787
29788                    <div class="row small_gutter">
29789                        <div class="col-12 mt_30">
29790                            <button class="button js-contact-us" type="submit">Send</button>
29791                        </div>
29792                    </div>
29793                </form>
29794
29795            </div>
29796        </div>
29797    </div>
29798</div>
29799    <!-- modal subscribe -->
29800<div class="modal modal-subscribe" id="modal-subscribe" tabindex="-1" aria-hidden="true">
29801    <div class="modal-dialog modal-dialog-centered middle-width-modal">
29802        <div class="modal-content subscribe-modal">
29803            <div class="subscribe-modal__icon">
29804                <svg width="40" height="34" viewBox="0 0 40 34" fill="none" xmlns="http://www.w3.org/2000/svg">
29805                    <path d="M30 0H10C4 0 0 3 0 10V24C0 31 4 34 10 34H30C36 34 40 31 40 24V10C40 3 36 0 30 0ZM30.94 12.18L24.68 17.18C23.36 18.24 21.68 18.76 20 18.76C18.32 18.76 16.62 18.24 15.32 17.18L9.06 12.18C8.42 11.66 8.32 10.7 8.82 10.06C9.34 9.42 10.28 9.3 10.92 9.82L17.18 14.82C18.7 16.04 21.28 16.04 22.8 14.82L29.06 9.82C29.7 9.3 30.66 9.4 31.16 10.06C31.68 10.7 31.58 11.66 30.94 12.18Z" fill="white"/>
29806                </svg>
29807            </div>
29808            <p class="subscribe-modal__title">TinyWow Updates</p>
29809            <p class="subscribe-modal__descr gray">
29810                We launch new tools and make product updates weekly. subscribe and get updated. MAX 1 email a week. No spam, ever.
29811            </p>
29812
29813            <form action="#" class="w-100 get-update_form"  id="subscribeHome">
29814                <div class="subscribe-modal__field">
29815                    <input class="form-control-field" type="text" name="email" placeholder="Your email">
29816
29817                </div>
29818                <div class="col-md-12 mt_15 p-0">
29819                    <input name="recaptcha_response" type="hidden"/>
29820                    <div id="captchaId_modal-subscribe"></div>
29821                </div>
29822                <div class="subscribe-modal__actions d-flex mt_16">
29823                    <button class="btn-action btn-action--light-blue" type="button" data-dismiss="modal" aria-label="Close">Cancel</button>
29824                    <button class="btn-action btn-action--blue " type="submit">Subscribe</button>
29825                </div>
29826
29827                <div class="js-success-subscribe my-4" style="display: none">
29828                    <h6>Thanks for subscribing!</h6>
29829                </div>
29830            </form>
29831        </div>
29832    </div>
29833</div>
29834    <div class="modal fade" tabindex="-1" role="dialog" id="exitPopupModal" aria-hidden="true">
29835    <div class="modal-dialog modal-dialog-centered">
29836        <div class="modal-content subscribe-modal">
29837            <div class="modal-header w-100 flex-column align-items-center p-0">
29838                <div class="subscribe-modal__icon">
29839                    <img src="https://tinywow.com/v3/img/logout.svg">
29840                </div>
29841                <h5 class="subscribe-modal__title modal-title">Want TinyWow Updates?</h5>
29842                <button type="button" class="subscribe-modal__close close" data-dismiss="modal" aria-label="Close">
29843                    <svg><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#cross"></use></svg>
29844                </button>
29845            </div>
29846            <div class="modal-body p-0">
29847                <p class="subscribe-modal__descr  gray">
29848                    Subscribe to our newsletter and receive all the latest TinyWow updates. No spam, ever.
29849                </p>
29850            </div>
29851            <div class="modal-footer p-0 w-100">
29852                <form action="#" class="w-100" id="subscribeHome">
29853                    <div class="subscribe-modal__field">
29854                        <input class="form-control-field" type="email" name="email" placeholder="Your email">
29855                    </div>
29856                    <div class="col-md-12 mt_15 p-0">
29857                        <input name="recaptcha_response" type="hidden"/>
29858                        <div id="captchaId_exitPopupModal"></div>
29859                    </div>
29860                    <div class="subscribe-modal__actions d-flex mt_16">
29861                        <button class="btn-action btn-action--blue " t
29861ype="submit ">Subscribe</button>
29862                    </div>
29863
29864                </form>
29865            </div>
29866        </div>
29867    </div>
29868</div>
29869    <div id="recaptchaForm" role="dialog" class="modal fade show"
29870     aria-modal="true">
29871    <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span>
29872        <div tabindex="-1" class="modal-content">
29873            <header class="modal-header">
29874                <h5 class="modal-title">
29875                    Please check the reCaptcha
29876                </h5>
29877                <button type="button" aria-label="Close" class="close" data-dismiss="modal">×</button>
29878            </header>
29879            <div class="modal-body">
29880                <div class="modal-body">
29881                    <div id="captcha"></div>
29882                </div>
29883            </div>
29884            <footer class="modal-footer">
29885                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
29886            </footer>
29887        </div>
29888    </div>
29889</div>
29890
29891            <!-- modal sign-in -->
29892<div class="modal modal-sign-in" id="modal-sign-in" tabindex="-1" aria-hidden="true">
29893    <div class="modal-dialog modal-dialog-centered ">
29894        <div class="modal-content">
29895
29896            <div class="modal-header">
29897                <div class="modal-header_image">
29898                    <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt="">
29899                </div>
29900
29901                <h5 class="modal-title">Sign In</h5>
29902            </div>
29903
29904            <div class="modal-body">
29905
29906                <form action="#" novalidate id="signInForm">
29907                    <div class="row small_gutter">
29908
29909                                                    <div class="col-md-12 mt_15">
29910                                <a
29911                                    href="https://tinywow.com/login/google"
29912                                    class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
29913                                >
29914                                    <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29915                                        <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
29916                                        <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
29917                                        <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
29918                                        <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
29919                                    </svg>
29920                                    <span>Sign in with Google</span>
29921                                </a>
29922                            </div>
29923                        
29924                        <div class="col-md-12 mt_15">
29925                            <label for="emailSignIn">Email</label>
29926                            <input class="form-control" id="emailSignIn" type="email"
29927                                   maxlength="255"
29928                                   placeholder="[email protected]"
29929                                   name="email">
29930                        </div>
29931                        <div class="col-md-12 mt_15">
29932                            <label>Password</label>
29933
29934                            <div class="input-group">
29935                                <input class="form-control" type="password"
29936                                       maxlength="64"
29937                                       placeholder="Your Password"
29938                                       name="password">
29939                                <button class="btn btn-form-control js-s
29939how-passwd" type="button">
29940                                    <svg class="eye-cross"><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg>
29941                                    <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg>
29942                                </button>
29943                            </div>
29944                        </div>
29945                    </div>
29946
29947                    <div class="row small_gutter">
29948                        <div class="col-6 mt_15">
29949                            <div class="form-check">
29950                                <input class="form-check-input" type="checkbox" name="remember" value="true" id="flexCheckDefault">
29951                                <label class="form-check-label" for="flexCheckDefault">Remember me</label>
29952                            </div>
29953                        </div>
29954                        <div class="col-6 mt_15 text-right">
29955                            <a href="#" class="btn btn-link js-show-forgot">Forgot Password?</a>
29956                        </div>
29957                    </div>
29958
29959                    <div class="row small_gutter">
29960                        <div class="col-12 mt_30">
29961                            <button class="button js-sign-in" type="submit">Sign In</button>
29962                        </div>
29963                    </div>
29964
29965                    <div class="row small_gutter">
29966                        <div class="col-12 mt_30">
29967                            <p class="form-note text-center">Don’t have an account yet? <a href="#" class="btn btn-link js-show-sign-up">Sign Up</a></p>
29968                        </div>
29969                    </div>
29970                </form>
29971
29972            </div>
29973        </div>
29974    </div>
29975</div>
29976        <!-- modal sign-up -->
29977<div class="modal modal-sign-in" id="modal-sign-up" tabindex="-1" aria-hidden="true">
29978    <div class="modal-dialog modal-dialog-centered ">
29979        <div class="modal-content">
29980
29981            <div class="modal-header">
29982                <div class="modal-header_image">
29983                    <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt="">
29984                </div>
29985
29986                <h5 class="modal-title">
29987                    Sign up — it&#039;s free
29988                </h5>
29989            </div>
29990
29991            <div class="modal-body">
29992
29993                <form action="#" novalidate id="signUpForm">
29994                    <div class="row small_gutter">
29995
29996                                                    <div class="col-md-12 mt_15">
29997                                <a
29998                                    href="https://tinywow.com/login/google"
29999                                    class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
30000                                >
30001                                    <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
30002                                        <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
30003                                        <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
30004                                        <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
30005                                        <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/>
30006                                    </svg>
30007                                    <span>Sign up with Google</span>
30008                                </a>
30009                            </div>
30010                        
30011                        <div class="col-md-12 mt_15">
30012                            <label for="emailSignUp">Email</label>
30013                            <input class="form-control" id="emailSignUp" type="email"
30014                                   maxlength="255"
30015                                   placeholder="[email protected]"
30016                                   name="email">
30017                        </div>
30018                        <div class="col-md-12 mt_15">
30019                            <label>Create a Password</label>
30020
30021                            <div class="input-group">
30022                                <input class="form-control" type="password"
30023                                       maxlength="64"
30024                                       placeholder="Your Password"
30025                                       name="password">
30026                                <button class="btn btn-form-control js-s
30026how-passwd" type="button">
30027                                    <svg><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg>
30028                                    <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg>
30029                                </button>
30030                            </div>
30031                        </div>
30032                        <div class="col-md-12 mt_15">
30033                            <input name="recaptcha_response" type="hidden"/>
30034                            <div id="captchaRegister"></div>
30035                        </div>
30036                    </div>
30037
30038
30039
30040
30041
30042
30043
30044
30045
30046                    <div class="row small_gutter">
30047                        <div class="col-12 mt_30">
30048                            <button class="button js-sign-up" type="submit">Sign Up</button>
30049                        </div>
30050                    </div>
30051
30052                    <div class="row small_gutter">
30053                        <div class="col-12 mt_30">
30054                            <p class="form-note text-center">
30055                                                        Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a>
30056                                                        </p>
30057                        </div>
30058                    </div>
30059                </form>
30060
30061            </div>
30062        </div>
30063    </div>
30064</div>
30065        <!-- modal forgot password -->
30066<div class="modal modal-sign-in" id="modal-forgot" tabindex="-1" aria-hidden="true">
30067    <div class="modal-dialog modal-dialog-centered ">
30068        <div class="modal-content">
30069
30070            <div class="modal-header">
30071                <div class="modal-header_image">
30072                    <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt="">
30073                </div>
30074
30075                <h5 class="modal-title">Forgot Password</h5>
30076            </div>
30077
30078            <div class="modal-body">
30079
30080                <form action="#" novalidate id="signForgotForm">
30081                    <div class="row small_gutter">
30082                        <div class="col-md-12 mt_15">
30083                            <label for="emailForgot">Email</label>
30084                            <input class="form-control" id="emailForgot" type="email"
30085                                   maxlength="255"
30086                                   placeholder="[email protected]"
30087                                   name="email">
30088                        </div>
30089                    </div>
30090
30091                    <div class="row small_gutter">
30092                        <div class="col-12 mt_30">
30093                            <button class="button js-forgot" type="submit">Send</button>
30094                        </div>
30095                    </div>
30096
30097                    <div class="row small_gutter">
30098                        <div class="col-12 mt_30">
30099                            <p class="form-note text-center">Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a></p>
30100                        </div>
30101                    </div>
30102                </form>
30103
30104            </div>
30105        </div>
30106    </div>
30107</div>
30108
30109                        <!-- modal sign-in -->
30110<div class="modal modal-contact-us" id="modal-subscribe-3ds" tabindex="-1" aria-hidden="true">
30111    <div class="modal-dialog stripe-3ds-modal modal-dialog-centered ">
30112        <div class="modal-content">
30113
30114            <div class="modal-header">
30115                <h5 class="modal-title">3D Secure</h5>
30116            </div>
30117
30118            <div class="modal-body">
30119
30120
30121            </div>
30122        </div>
30123    </div>
30124</div>
30125        <div
30126    id="modal-thanks-signing"
30127    class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 "
30128    tabindex="-1">
30129    <div class="flex min-h-full items-center justify-center">
30130        <div class="js-tailwind-modal-inside">
30131            <div class="fixed inset-0 pointer-events-none z-50">
30132        <div class="absolute top-1/2 left-1/2"
30133             style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div>
30134        <div class="absolute top-1/2 left-1/2"
30135             style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div>
30136        <div class="absolute top-1/2 left-1/2"
30137             style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div>
30138        <div class="absolute top-1/2 left-1/2"
30139             style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div>
30140        <div class="absolute top-1/2 left-1/2"
30141             style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div>
30142        <div class="absolute top-1/2 left-1/2"
30143             style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div>
30144        <div class="absolute top-1/2 left-1/2"
30145             style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div>
30146        <div class="absolute top-1/2 left-1/2"
30147             style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div>
30148        <div class="absolute top-1/2 left-1/2"
30149             style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div>
30150        <div class="absolute top-1/2 left-1/2"
30151             style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div>
30152        <div class="absolute top-1/2 left-1/2"
30153             style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div>
30154        <div class="absolute top-1/2 left-1/2"
30155             style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div>
30156        <div class="absolute top-1/2 left-1/2"
30157             style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div>
30158        <div class="absolute top-1/2 left-1/2"
30159             style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div>
30160        <div class="absolute top-1/2 left-1/2"
30161             style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div>
30162        <div class="absolute top-1/2 left-1/2"
30163             style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div>
30164        <div class="absolute top-1/2 left-1/2"
30165             style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div>
30166        <div class="absolute top-1/2 left-1/2"
30167             style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div>
30168        <div class="absolute top-1/2 left-1/2"
30169             style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div>
30170        <div class="absolute top-1/2 left-1/2"
30171             style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div>
30172        <div class="absolute top-1/2 left-1/2"
30173             style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div>
30174        <div class="absolute top-1/2 left-1/2"
30175             style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div>
30176        <div class="absolute top-1/2 left-1/2"
30177             style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div>
30178        <div class="absolute top-1/2 left-1/2"
30179             style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div>
30180        <div class="absolute top-1/2 left-1/2"
30181             style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div>
30182        <div class="absolute top-1/2 left-1/2"
30183             style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div>
30184        <div class="absolute top-1/2 left-1/2"
30185             style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div>
30186        <div class="absolute top-1/2 left-1/2"
30187             style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
30187 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div>
30188        <div class="absolute top-1/2 left-1/2"
30189             style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div>
30190        <div class="absolute top-1/2 left-1/2"
30191             style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div>
30192        <div class="absolute top-1/2 left-1/2"
30193             style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div>
30194        <div class="absolute top-1/2 left-1/2"
30195             style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div>
30196        <div class="absolute top-1/2 left-1/2"
30197             style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div>
30198        <div class="absolute top-1/2 left-1/2"
30199             style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div>
30200        <div class="absolute top-1/2 left-1/2"
30201             style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div>
30202        <div class="absolute top-1/2 left-1/2"
30203             style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div>
30204        <div class="absolute top-1/2 left-1/2"
30205             style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div>
30206        <div class="absolute top-1/2 left-1/2"
30207             style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div>
30208        <div class="absolute top-1/2 left-1/2"
30209             style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div>
30210        <div class="absolute top-1/2 left-1/2"
30211             style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div>
30212        <div class="absolute top-1/2 left-1/2"
30213             style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div>
30214        <div class="absolute top-1/2 left-1/2"
30215             style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div>
30216        <div class="absolute top-1/2 left-1/2"
30217             style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div>
30218        <div class="absolute top-1/2 left-1/2"
30219             style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
302190.949deg);"></div>
30220        <div class="absolute top-1/2 left-1/2"
30221             style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div>
30222        <div class="absolute top-1/2 left-1/2"
30223             style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div>
30224        <div class="absolute top-1/2 left-1/2"
30225             style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div>
30226        <div class="absolute top-1/2 left-1/2"
30227             style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div>
30228        <div class="absolute top-1/2 left-1/2"
30229             style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div>
30230        <div class="absolute top-1/2 left-1/2"
30231             style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div>
30232        <div class="absolute top-1/2 left-1/2"
30233             style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div>
30234        <div class="absolute top-1/2 left-1/2"
30235             style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div>
30236        <div class="absolute top-1/2 left-1/2"
30237             style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div>
30238        <div class="absolute top-1/2 left-1/2"
30239             style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div>
30240        <div class="absolute top-1/2 left-1/2"
30241             style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div>
30242        <div class="absolute top-1/2 left-1/2"
30243             style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div>
30244        <div class="absolute top-1/2 left-1/2"
30245             style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div>
30246        <div class="absolute top-1/2 left-1/2"
30247             style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div>
30248        <div class="absolute top-1/2 left-1/2"
30249             style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div>
30250        <div class="absolute top-1/2 left-1/2"
30251             style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div>
30252    </div>
30253
30254    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;">
30255        <div class="flex justify-between items-center p-4 border-b">
30256            <h3 class="font-bold text-lg">Thanks for Signing Up</h3>
30257            <button class="text-gray-500 hover:text-gray-700 close">
30258                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30259                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x">
30260                    <path d="M18 6 6 18"></path>
30261                    <path d="m6 6 12 12"></path>
30262                </svg>
30263            </button>
30264        </div>
30265        <div class="p-6">
30266            <div class="flex justify-center mb-6">
30267                <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center">
30268                    <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center">
30269                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30270                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white">
30271                            <path d="M20 6 9 17l-5-5"></path>
30272                        </svg>
30273                    </div>
30274                </div>
30275            </div>
30276            <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2>
30277            <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p>
30278            <div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4 mb-6"><p class="font-medium mb-2">Upgrade to Premium for:</p>
30279                <ul class="space-y-1">
30280                    <li class="flex items-center gap-2">
30281                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
30281ox="0 0 24 24" fill="none" stroke="currentColor"
30282                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30283                            <path d="M20 6 9 17l-5-5"></path>
30284                        </svg>
30285                        <span>No advertisements</span></li>
30286                    <li class="flex items-center gap-2">
30287                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30288                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30289                            <path d="M20 6 9 17l-5-5"></path>
30290                        </svg>
30291                        <span>Skip all CAPTCHAs</span></li>
30292                    <li class="flex items-center gap-2">
30293                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30294                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30295                            <path d="M20 6 9 17l-5-5"></path>
30296                        </svg>
30297                        <span>Priority processing for faster results</span></li>
30298                </ul>
30299            </div>
30300            <div class="grid grid-cols-2 gap-4 mb-6">
30301                                <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20  shadow-md rounded-lg p-3 text-center
30302                js-switcher-subscribe-plan__modal is-active"
30303                     data-period-subscription-id="4"
30304                     data-price="5.99"
30305                     data-type-subscription="1">
30306                    <p class="font-medium">Monthly</p>
30307                    <p class="text-xl font-bold">$5.99</p>
30308                    <p class="text-sm text-gray-500">per month</p>
30309                </div>
30310
30311                <div class="border  rounded-lg p-3 text-center relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer
30312                js-switcher-subscribe-plan__modal "
30313                     data-period-subscription-id="3"
30314                     data-price="49.99"
30315                     data-type-subscription="2">
30316                    <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div>
30317                    <p class="font-medium">Yearly</p>
30318                    <p class="text-xl font-bold">$4.17</p>
30319                    <p class="text-sm text-gray-500">per month</p>
30320                </div>
30321            </div>
30322        </div>
30323        <div class="p-4 bg-gray-50 dark:bg-gray-700/50 flex flex-col sm:flex-row gap-3">
30324            <button
30325                class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 flex-1">
30326                Continue with Free
30327            </button>
30328            <button
30329                class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white flex-1">
30330                Upgrade Now
30331            </button>
30332        </div>
30333    </div>
30334        </div>
30335    </div>
30336</div>
30337 
30338        <div
30339    id="modal-upgrade-subscription"
30340    class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 "
30341    tabindex="-1">
30342    <div class="flex min-h-full items-center justify-center">
30343        <div class="js-tailwind-modal-inside">
30344            <div class="fixed inset-0 pointer-events-none z-50">
30345        <div class="absolute top-1/2 left-1/2"
30346             style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div>
30347        <div class="absolute top-1/2 left-1/2"
30348             style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div>
30349        <div class="absolute top-1/2 left-1/2"
30350             style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div>
30351        <div class="absolute top-1/2 left-1/2"
30352             style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div>
30353        <div class="absolute top-1/2 left-1/2"
30354             style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div>
30355        <div class="absolute top-1/2 left-1/2"
30356             style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div>
30357        <div class="absolute top-1/2 left-1/2"
30358             style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div>
30359        <div class="absolute top-1/2 left-1/2"
30360             style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div>
30361        <div class="absolute top-1/2 left-1/2"
30362             style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div>
30363        <div class="absolute top-1/2 left-1/2"
30364             style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div>
30365        <div class="absolute top-1/2 left-1/2"
30366             style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div>
30367        <div class="absolute top-1/2 left-1/2"
30368             style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div>
30369        <div class="absolute top-1/2 left-1/2"
30370             style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div>
30371        <div class="absolute top-1/2 left-1/2"
30372             style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div>
30373        <div class="absolute top-1/2 left-1/2"
30374             style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div>
30375        <div class="absolute top-1/2 left-1/2"
30376             style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div>
30377        <div class="absolute top-1/2 left-1/2"
30378             style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div>
30379        <div class="absolute top-1/2 left-1/2"
30380             style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div>
30381        <div class="absolute top-1/2 left-1/2"
30382             style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div>
30383        <div class="absolute top-1/2 left-1/2"
30384             style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div>
30385        <div class="absolute top-1/2 left-1/2"
30386             style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div>
30387        <div class="absolute top-1/2 left-1/2"
30388             style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div>
30389        <div class="absolute top-1/2 left-1/2"
30390             style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div>
30391        <div class="absolute top-1/2 left-1/2"
30392             style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div>
30393        <div class="absolute top-1/2 left-1/2"
30394             style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div>
30395        <div class="absolute top-1/2 left-1/2"
30396             style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div>
30397        <div class="absolute top-1/2 left-1/2"
30398             style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div>
30399        <div class="absolute top-1/2 left-1/2"
30400             style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
30400 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div>
30401        <div class="absolute top-1/2 left-1/2"
30402             style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div>
30403        <div class="absolute top-1/2 left-1/2"
30404             style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div>
30405        <div class="absolute top-1/2 left-1/2"
30406             style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div>
30407        <div class="absolute top-1/2 left-1/2"
30408             style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div>
30409        <div class="absolute top-1/2 left-1/2"
30410             style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div>
30411        <div class="absolute top-1/2 left-1/2"
30412             style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div>
30413        <div class="absolute top-1/2 left-1/2"
30414             style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div>
30415        <div class="absolute top-1/2 left-1/2"
30416             style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div>
30417        <div class="absolute top-1/2 left-1/2"
30418             style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div>
30419        <div class="absolute top-1/2 left-1/2"
30420             style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div>
30421        <div class="absolute top-1/2 left-1/2"
30422             style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div>
30423        <div class="absolute top-1/2 left-1/2"
30424             style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div>
30425        <div class="absolute top-1/2 left-1/2"
30426             style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div>
30427        <div class="absolute top-1/2 left-1/2"
30428             style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div>
30429        <div class="absolute top-1/2 left-1/2"
30430             style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div>
30431        <div class="absolute top-1/2 left-1/2"
30432             style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
304320.949deg);"></div>
30433        <div class="absolute top-1/2 left-1/2"
30434             style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div>
30435        <div class="absolute top-1/2 left-1/2"
30436             style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div>
30437        <div class="absolute top-1/2 left-1/2"
30438             style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div>
30439        <div class="absolute top-1/2 left-1/2"
30440             style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div>
30441        <div class="absolute top-1/2 left-1/2"
30442             style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div>
30443        <div class="absolute top-1/2 left-1/2"
30444             style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div>
30445        <div class="absolute top-1/2 left-1/2"
30446             style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div>
30447        <div class="absolute top-1/2 left-1/2"
30448             style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div>
30449        <div class="absolute top-1/2 left-1/2"
30450             style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div>
30451        <div class="absolute top-1/2 left-1/2"
30452             style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div>
30453        <div class="absolute top-1/2 left-1/2"
30454             style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div>
30455        <div class="absolute top-1/2 left-1/2"
30456             style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div>
30457        <div class="absolute top-1/2 left-1/2"
30458             style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div>
30459        <div class="absolute top-1/2 left-1/2"
30460             style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div>
30461        <div class="absolute top-1/2 left-1/2"
30462             style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div>
30463        <div class="absolute top-1/2 left-1/2"
30464             style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div>
30465    </div>
30466
30467    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;">
30468        <div class="flex justify-between items-center p-4 border-b">
30469            <h3 class="font-bold text-lg">Try for free</h3>
30470            <button class="text-gray-500 hover:text-gray-700 close">
30471                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30472                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x">
30473                    <path d="M18 6 6 18"></path>
30474                    <path d="m6 6 12 12"></path>
30475                </svg>
30476            </button>
30477        </div>
30478        <div class="p-6">
30479            <div class="flex justify-center mb-6">
30480                <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center">
30481                    <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center">
30482                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30483                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white">
30484                            <path d="M20 6 9 17l-5-5"></path>
30485                        </svg>
30486                    </div>
30487                </div>
30488            </div>
30489            <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2>
30490            <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p>
30491
30492            <div class="bg-yellow-100 border border-yellow-200 rounded-lg p-4">
30493                <h3 class="text-xl font-bold text-center mb-2">7-Day FREE Trial</h3>
30494                <p class="text-gray-600 text-center">Try Premium features risk-free for 7 days!</p>
30495            </div>
30496
30497            <div class="p-4 mb-4">
30498                <ul class="space-y-1">
30499                    <li class="flex items-center gap-2">
30500                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
30500ox="0 0 24 24" fill="none" stroke="currentColor"
30501                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30502                            <path d="M20 6 9 17l-5-5"></path>
30503                        </svg>
30504                        <span>Access to 250+ PDF, video, image, file, and AI tools </span></li>
30505                    <li class="flex items-center gap-2">
30506                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30507                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30508                            <path d="M20 6 9 17l-5-5"></path>
30509                        </svg>
30510                        <span>No generation or upload limits</span></li>
30511
30512                    <li class="flex items-center gap-2">
30513                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30514                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30515                            <path d="M20 6 9 17l-5-5"></path>
30516                        </svg>
30517                        <span>Ad-free and captcha-free</span></li>
30518                    <li class="flex items-center gap-2">
30519                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30520                             stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500">
30521                            <path d="M20 6 9 17l-5-5"></path>
30522                        </svg>
30523                        <span>Priority processing for faster results</span></li>
30524                </ul>
30525            </div>
30526            <div class="grid grid-cols-2 gap-4">
30527                                <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md rounded-lg p-3 text-center
30528                js-switcher-subscribe-plan__modal is-active"
30529                     data-period-subscription-id="15"
30530                     data-price="15"
30531                     data-type-subscription="1">
30532                    <p class="font-medium">Monthly</p>
30533                    <p class="text-xl font-bold">$15</p>
30534                    <p class="text-sm text-gray-500">per month</p>
30535                </div>
30536
30537                <div class="border  rounded-lg p-3 text-center  relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer
30538                js-switcher-subscribe-plan__modal"
30539                     data-period-subscription-id="16"
30540                     data-price="125"
30541                     data-type-subscription="2">
30542                    <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div>
30543                    <p class="font-medium">Yearly</p>
30544                    <p class="text-xl font-bold">$10.42</p>
30545                    <p class="text-sm text-gray-500">per month</p>
30546                </div>
30547            </div>
30548        </div>
30549
30550        <div class="p-4 flex flex-col gap-3">
30551            <button
30552                class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-12 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white w-full">
30553                Start 7-Day Free Trial
30554            </button>
30555            <button
30556                class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-12 px-4 py-2 text-gray-900 hover:text-gray-950 w-full">
30557                Continue with Free
30558            </button>
30559        </div>
30560
30561    </div>
30562        </div>
30563    </div>
30564</div>
30565 
30566        <div
30567    id="modal-limit-reached"
30568    class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 "
30569    tabindex="-1">
30570    <div class="flex min-h-full items-center justify-center">
30571        <div class="js-tailwind-modal-inside">
30572            <div class="relative w-full max-w-[600px] overflow-hidden rounded-lg bg-background text-left align-middle shadow-xl">
30573            <div class="flex flex-col space-y-1.5 text-center sm:text-left md:p-8 p-6">
30574                <h2 id="radix-:r1:" class="tracking-tight text-2xl font-bold text-center">Upgrade to Unlimited</h2>
30575                <p class="text-center mt-2 text-gray-500">
30576                    <span class="hidden" id="limit-reached-subtitle-used-credits">You&#039;ve used all your daily free credits.</span>
30577                    <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-1">Start your free trial to unlock unlimited access to 250+ productivity tools!</span>
30578                    <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-2">Choose a plan to unlock unlimited generations with advanced AI models and more!</span>
30579                </p>
30580            </div>
30581            <div class="md:p-8 p-6 pt-0 md:pt-0">
30582                                                                    <div class="grid grid-cols-1fr-1fr gap-3">
30583                                            <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100">
30584                            <i data-lucide="bot" class="w-6 h-6 text-green_tw-500"></i>
30585                            <div class="flex flex-col text-base">
30586                                <div class="text-center text-lg font-semibold">AI</div>
30587                                                                <div class="text-gray-600 font-normal text-sm text-center">Generate AI text and images</div>
30588                            </div>
30589                        </div>
30590                                            <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100">
30591                            <i data-lucide="file-text" class="w-6 h-6 text-green_tw-500"></i>
30592                            <div class="flex flex-col text-base">
30593                                <div class="text-center text-lg font-semibold">PDF</div>
30594                                                                <div class="text-gray-600 font-normal text-sm text-center">Edit, merge, and split PDFs</div>
30595                            </div>
30596                        </div>
30597                                            <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100">
30598                            <i data-lucide="image" class="w-6 h-6 text-green_tw-500"></i>
30599                            <div class="flex flex-col text-base">
30600                                <div class="text-center text-lg font-semibold">Image</div>
30601                                                                <div class="text-gray-600 font-normal text-sm text-center">Edit, convert, and cleanup images</div>
30602                            </div>
30603                        </div>
30604                                            <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100">
30605                            <i data-lucide="video" class="w-6 h-6 text-green_tw-500"></i>
30606                            <div class="flex flex-col text-base">
30607                                <div class="text-center text-lg font-semibold">Video</div>
30608                                                                <div class="text-gray-600 font-normal text-sm text-center">Edit, download, and convert videos</div>
30609                            </div>
30610                        </div>
30611                                    </div>
30612
30613                <div class="text-center mt-6 mb-6 text-sm font-semibold">+ 250+ more tools</div>
30614
30615                <div class="grid grid-cols-1 gap-2 mb-6">
30616                                                                        <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative
30617                                                                border-gray-200 hover:border-blue-400 hover:bg-blue-50/50
30618                                "
30619                                data-subscription-id="16"
30620                            >
30621                                <div class="flex justify-between items-center">
30622                                                                            <div class="inline-flex items-baseline">
30623                                            <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Annual </h3>
30624                                            <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full bg-green-100 text-green-600 border border-green-600">
30625                                                Save  30%
30626                                            </span>
30627                                        </div>
30628                                                                        <div class="text-right">
30629                                        <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">10.42</span><span class="text-gray-700">/mo</span>                                    </div>
30630                                </div>
30631                            </div>
30632                                                    <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative
30633                                                                border-blue-600 bg-blue-50 is-active
30634                                "
30635                                data-subscription-id="15"
30636                            >
30637                                <div class="flex justify-between items-center">
30638                                                                            <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Monthly</h3>
30639                                                                        <div class="text-right">
30640                                        <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">15</span><span class="text-gray-700">/mo</span>                                    </div>
30641                                </div>
30642                            </div>
30643                                                            </div>
30644                <div class="flex flex-col space-y-3">
30645                    <button class="js-show-sign-up js-subscribe-btns__not-auth 
30646                        js-subscribe__click-paywall inline-flex items-center justify-center gap-2 whitespace-nowrap
30647                        rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2
30648                        focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none
30649                        [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg
30650                        font-semibold bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 shadow">
30651                        Upgrade to Unlimited
30652                    </button>
30653                    <div class="flex justify-center">
30654                        <div class="flex items-center gap-2 max-w-md">
30655                            <img class="w-14 h-auto rounded-full object-cover" src="https://tinywow.com/v3/img/users.png" alt="users">
30656                            <p class="text-center text-sm text-gray-500">Join over 1 million users</p>
30657                        </div>
30658                    </div>
30659                </div>
30660            </div>
30661            <button type="button" class="js-cancel__modal absolute right-4 top-4 roun
30661ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
30662                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
30663                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4">
30664                    <path d="M18 6 6 18"></path>
30665                    <path d="m6 6 12 12"></path>
30666                </svg>
30667                <span class="sr-only">Close</span>
30668            </button>
30669        </div>
30670        </div>
30671    </div>
30672</div>
30673 
30674    
30675    <!-- modal share -->
30676<div class="modal fade" id="modal-suggestion" tabindex="-1" aria-hidden="true">
30677    <div class="modal-dialog modal-dialog-centered">
30678        <div class="modal-content">
30679
30680            <div class="modal-header">
30681                <h5 class="modal-title">Suggest a Tool</h5>
30682            </div>
30683
30684            <div class="modal-body">
30685                <form action="https://tinywow.com/main/send-suggestion" id="sendSuggestionForm" name="sendSuggestionForm">
30686                    <div class="form-group">
30687                        <label for="suggestion" class="col-form-label">Suggestion:</label>
30688                        <textarea id="suggestion" name="suggestion" class="form-control"></textarea>
30689                    </div>
30690                    <input name="recaptcha_response" type="hidden"/>
30691                </form>
30692            </div>
30693            <div class="modal-footer">
30694                <button type="submit" form="sendSuggestionForm" class="btn btn-secondary" >Send</button>
30695            </div>
30696        </div>
30697    </div>
30698</div>
30699
30700                        
30700<script type="text/javascript" data-lazy-src="https://js.stripe.com/v3/"
30701                    data-lazy-method="interaction" data-lazy-attributes="src"></script>
30701
30702            
30703    
30703<script src="https://unpkg.com/lucide@latest"></script>
30703
30704    
30704<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
30705        window.isTested = function (featureFlag) {
30706            if (typeof featureFlag !== "undefined") {
30707                return typeof window.posthogFlagsValues[featureFlag] !== "undefined" && window.posthogFlagsValues[featureFlag] !== "control";
30708            }
30709            return false;
30710        }
30711    </script>
30711
30712    
30712<script src="https://tinywow.com/v3/js/plugins/jquery-3.5.1.min.js"></script>
30712
30713            
30713<script src="/js/frontend/common-scripts-strv2-v3.js?id=474f8ed04befd5dd3759" defer></script>
30713
30714    
30715                        
30715<script src="https://tinywow.com/v3/js/stripe/profile/profile_v2.js" defer></script>
30715
30716                
30716<script src="https://tinywow.com/js/frontend/tools-v3.js" defer></script>
30716
30717                
30717<script src="https://tinywow.com/js/frontend/home.js" defer></script>
30717
30718                    
30718<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
30719                window.needShowLogginModal = true;
30720            </script>
30720
30721                
30722<div class="fixed inset-0 z-1050 bg-black/50 js-backdrop-modal hidden"></div>
30723
30724</body>
30725</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.