@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200..700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Yanone+Kaffeesatz:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Russo+One&family=Yanone+Kaffeesatz:wght@200..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Pangolin&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Rubik+Bubbles&family=Rubik+Dirt&family=Rubik+Doodle+Shadow&family=Rubik+Scribble&family=Russo+One&family=Yanone+Kaffeesatz:wght@200..700&display=swap');
</style>
/* ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pangolin,Philosopher,Russo One,Yanone Kaffeesatz,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,Rubik Doodle Shadow,Rubik Dirt,Rubik Bubbles}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.paragraph-large{font-size:18px;font-weight:400;line-height:24px;color:var(--color-secondary)}@media (min-width:640px){.paragraph-large{font-size:24px;line-height:34px}}.heading-1{font-size:28px;font-weight:700;line-height:39px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:640px){.heading-1{font-size:47px;line-height:64px}}@media (min-width:768px){.heading-1{font-size:60px;line-height:69px}}.heading-2{font-size:32px;font-weight:700;line-height:42px}@media (min-width:768px){.heading-2{font-size:57px;line-height:74px}}.heading-3{font-size:24px;font-weight:700;line-height:28px}@media (min-width:768px){.heading-3{font-size:43px;line-height:56px}}.heading-4{font-size:24px;font-weight:600;line-height:34px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.heading-4{font-size:32px;line-height:42px}}.heading-5{font-size:18px;font-weight:600;line-height:23px}@media (min-width:640px){.heading-5{font-size:24px;line-height:31px}}.heading-6{font-size:16px;font-weight:600;line-height:23px}@media (min-width:768px){.heading-6{font-size:18px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:600;text-transform:uppercase;line-height:19px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}.btn:hover{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:4px 4px 9px var(--bg-gray);--tw-shadow-colored:4px 4px 9px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.btn{padding:10px 15px;font-size:16px;line-height:20px}}.btn--primary{background-color:var(--color-primary);color:var(--color-dark)}.btn--bark{--tw-bg-opacity:1;background-color:rgb(32 38 54/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn--outline{border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));color:var(--color-dark)}.btn__social{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--social-bg);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn__social:hover{background-color:var(--color-primary);color:var(--bg-dark)}@media (min-width:1280px){.btn__social{height:40px;width:40px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-4{right:1rem}.top-full{top:100%}.right-0{right:0}.bottom-\[17\%\]{bottom:17%}.left-\[1\%\]{left:1%}.bottom-\[3\%\]{bottom:3%}.left-\[7\%\]{left:7%}.top-\[30\%\]{top:30%}.top-\[23\%\]{top:23%}.right-\[12\%\]{right:12%}.top-\[15\%\]{top:15%}.left-\[10\%\]{left:10%}.bottom-0{bottom:0}.right-\[32px\]{right:32px}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-10{z-index:10}.m-auto{margin:auto}.my-\[20px\]{margin-top:20px;margin-bottom:20px}.my-\[30px\]{margin-top:30px;margin-bottom:30px}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mt-\[20px\]{margin-top:20px}.mt-3{margin-top:.75rem}.-mt-2{margin-top:-.5rem}.mt-\[70px\]{margin-top:70px}.mt-\[10px\]{margin-top:10px}.mt-\[35px\]{margin-top:35px}.mt-\[25px\]{margin-top:25px}.mt-\[5px\]{margin-top:5px}.mb-\[25px\]{margin-bottom:25px}.mt-2{margin-top:.5rem}.mt-\[40px\]{margin-top:40px}.mt-\[65px\]{margin-top:65px}.mb-\[75px\]{margin-bottom:75px}.mt-\[150px\]{margin-top:150px}.ml-0{margin-left:0;margin-right: 1rem;}.mb-\[35px\]{margin-bottom:35px}.mt-\[37px\]{margin-top:37px}.mt-\[15px\]{margin-top:15px}.mt-\[55px\]{margin-top:55px}.mt-\[0px\]{margin-top:0}.mt-\[30px\]{margin-top:30px}.mt-\[75px\]{margin-top:75px}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-\[120px\]{height:120px}.h-\[40px\]{height:40px}.h-\[180px\]{height:180px}.h-6{height:1.5rem}.h-\[150px\]{height:150px}.h-10{height:2.5rem}.w-full{width:100%}.w-\[120px\]{width:120px}.w-\[40px\]{width:40px}.w-11\/12{width:91.666667%}.w-auto{width:auto}.w-1\/2{width:50%}.w-\[306px\]{width:306px}.w-\[150px\]{width:150px}.w-6{width:1.5rem}.w-\[221px\]{width:221px}.w-10{width:2.5rem}.max-w-\[1296px\]{max-width:1296px}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-3{gap:.1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-4{gap:0.5rem ;margin-right: 1.5rem;}.gap-2{gap:.5rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[15px\]{border-radius:15px}.rounded-full{border-radius:9999px}.rounded-\[30px\]{border-radius:30px}.rounded-\[10px\]{border-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-\[10px\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b-0{border-bottom-width:0}.border-\[\#2A3246\]{--tw-border-opacity:1;border-color:rgb(42 50 70/var(--tw-border-opacity))}.border-\[\#55638A\]{--tw-border-opacity:1;border-color:rgb(85 99 138/var(--tw-border-opacity))}.border-\[\#3D3C6B\]{--tw-border-opacity:1;border-color:rgb(61 60 107/var(--tw-border-opacity))}.border-\[\#37425E\]{--tw-border-opacity:1;border-color:rgb(55 66 94/var(--tw-border-opacity))}.border-\[\#546180\]{--tw-border-opacity:1;border-color:rgb(84 97 128/var(--tw-border-opacity))}.bg-\[\#2A3246\]{--tw-bg-opacity:1;background-color:rgb(42 50 70/var(--tw-bg-opacity))}.bg-\[color\:var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[\#2D364D\]{--tw-bg-opacity:1;background-color:rgb(45 54 77/var(--tw-bg-opacity))}.bg-\[\#3A4562\]{--tw-bg-opacity:1;background-color:#283044; line-height: 1.7;} .bg-\[color\:var\(--bg-gray\)\]{background-color:var(--bg-gray)}.bg-\[\#414E6F\]{--tw-bg-opacity:1;background-color:rgb(65 78 111/var(--tw-bg-opacity))}.bg-\[\#009AE5\]{--tw-bg-opacity:1;background-color:rgb(0 154 229/var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-\[25px_20px_30px\]{padding:25px 20px 30px}.p-\[30px\]{padding:30px}.p-\[40px_30px_30px\]{padding:40px 30px 30px}.py-\[25px\]{padding-top:25px;padding-bottom:25px}.py-\[13px\]{padding-top:13px;padding-bottom:13px}.px-4{padding-left:1rem;padding-right:1rem}.py-\[65px\]{padding-top:65px;padding-bottom:65px}.py-\[70px\]{padding-top:70px;padding-bottom:70px}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.px-\[15px\]{padding-left:15px;padding-right:15px}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.pb-0{padding-bottom:0}.pt-\[40px\]{padding-top:40px}.pb-\[35px\]{padding-bottom:35px}.pt-\[25px\]{padding-top:25px}.pb-\[45px\]{padding-bottom:45px}.pt-0{padding-top:0}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[32px\]{font-size:32px}.text-\[24px\]{font-size:24px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.font-semibold{font-weight:600}.font-\[500\]{font-weight:500}.leading-\[23px\]{line-height:23px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-\[color\:var\(--color-error\)\]{color:var(--color-error)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-\[color\:var\(--bg-dark\)\]{color:var(--bg-dark)}.text-\[color\:var\(--color-primary\)\]{color:var(--color-primary)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.backdrop-blur-xl {background-color: rgba(26, 31, 44, 0.9);}
.backdrop-blur-x2 {background-color: rgba(26, 31, 44, 0.3);}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.backdrop-blur-xl{background-color: rgba(255, 255, 255, .0); --tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.backdrop-blur-x2{background-color: rgba(255, 255, 255, .0); --tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}

.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--color-primary:#ffa700;--color-secondary:#bfc6d7;--color-gray:#6a7ba8;--color-gray-light:#616c89;--color-dark:#181830;--social-bg:#454c5f;--bg-dark:#1a1f2c;--bg-gray:#1e2433;--border:#272646;--color-error:#ec4e4e}body,html{padding:0;margin:0;font-family:Jost;background:var(--bg-dark);font-size:16px;font-weight:400;line-height:21px;color:var(--color-secondary)}@media (min-width:768px){body,html{font-size:18px;line-height:30px}}body,html{scroll-behavior:smooth!important}.header{background-image:url(img/f1.png),url(img/bg-ellipse.2ee42360.png);background-repeat:no-repeat;background-position:0 0;background-size:contain,contain}.border-round-gradient{background:linear-gradient(0deg,var(--bg-dark),var(--bg-dark)) padding-box,linear-gradient(180deg,#0bdaba -19.75%,#7841e7 100%) border-box;border:.88px solid transparent}.hero-left{background-image:url(img/f1.png),url(img/bg-ellipse.2ee42360.png);background-position:0 0}.hero-left,.hero-right{background-repeat:no-repeat}.hero-right{background-image:url(img/frm-right.afd14379.png);background-position:100% 0}.collumn:before{top:0;display:block;height:calc(100% / 5 * 5);border:1px solid var(--bg-gray)}.collumn:after,.collumn:before{content:"";position:absolute;left:50%;transform:translate(-50%)}.collumn:after{bottom:0;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--bg-gray)}.steap:after{content:"";position:absolute;background:var(--bg-gray);height:2px;width:4rem}ul li::marker{color:var(--color-primary)}@media (max-width:767.98px){.collumn:after,.collumn:before{content:none}.steap:after{height:0;width:0}}.community{background-image:url(img/ab1.png),url(img/ab2.png);background-position:0 0,100% 0;background-repeat:no-repeat}.swiper{position:unset!important}.swiper-button-prev{left:-20px!important}.swiper-button-next{right:-20px!important}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal{width:14%!important;height:8px!important;border-radius:4px!important;left:50%!important;top:100%!important;margin-top:2%;transform:translateX(-50%);overflow-x:hidden}.swiper-pagination-progressbar{background:#364468!important}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--color-primary)!important;border-radius:4px!important}.swiper-button-next,.swiper-button-prev{border-radius:50%;width:40px!important;height:40px!important;background-color:#2d364d;color:#000!important;transition:all .7s}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:var(--color-primary)}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:large!important}.slider{perspective:1000px;margin:0 auto}.slider-viewport{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.68,.08,.27,.96)}.slider-image{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px}.image-active{box-shadow:0 3px 6px 0 rgba(0,0,0,.4);opacity:1}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-\[color\:var\(--color-primary\)\]:hover{color:var(--color-primary)}.hover\:box-shadow:hover{box-shadow:0 16px 32px rgba(0,0,0,.3)}@media (min-width:640px){.sm\:mt-\[115px\]{margin-top:115px}.sm\:ml-\[50px\]{margin-left:50px}.sm\:mt-\[110px\]{margin-top:110px}.sm\:h-\[250px\]{height:250px}.sm\:w-\[200px\]{width:200px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-0{padding-left:0;padding-right:0}}@media (min-width:768px){.md\:mt-5{margin-top:1.25rem}.md\:mt-\[30px\]{margin-top:30px}.md\:mt-\[55px\]{margin-top:55px}.md\:mt-\[120px\]{margin-top:120px}.md\:mt-\[115px\]{margin-top:115px}.md\:mt-0{margin-top:0}.md\:mb-\[155px\]{margin-bottom:155px}.md\:mt-\[60px\]{margin-top:60px}.md\:mt-\[110px\]{margin-top:110px}.md\:mt-\[150px\]{margin-top:150px}.md\:mt-\[15px\]{margin-top:15px}.md\:mt-\[10px\]{margin-top:10px}.md\:h-\[469px\]{height:469px}.md\:h-\[221px\]{height:221px}.md\:w-1\/2{width:50%}.md\:w-\[379px\]{width:379px}.md\:w-\[221px\]{width:221px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-5{gap:1.25rem}.md\:gap-7{gap:1.75rem}.md\:py-\[115px\]{padding-top:115px;padding-bottom:115px}.md\:py-\[120px\]{padding-top:120px;padding-bottom:120px}.md\:py-\[30px\]{padding-top:30px;padding-bottom:30px}.md\:px-\[40px\]{padding-left:40px;padding-right:40px}.md\:pt-\[50px\]{padding-top:50px}.md\:pb-\[90px\]{padding-bottom:90px}}
.imAB_min { width:300px; margin-left: auto;margin-right: auto;}
.imAB2_min { width:150px; margin-left: auto;margin-right: auto;}
.topIM { position:relative; width:100px; display:block;}
@media (min-width:992px){ .bl_MOB { display:none;}}
@media (min-width:1024px){.Ttop{margin-top: 150px;} .topIM { display:none;} .imAB_min { display:none;} .imAB2_min { display:none;} .lg\:top-\[20\%\]{top:20%}.lg\:mt-\[30px\]{margin-top:30px}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:h-\[160px\]{height:160px}.lg\:h-\[40px\]{height:40px}.lg\:w-1\/2{width:50%}.lg\:w-\[420px\]{width:420px}.lg\:w-\[160px\]{width:160px}.lg\:w-\[40px\]{width:40px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:pt-\[60px\]{padding-top:60px}.lg\:pb-\[55px\]{padding-bottom:55px}.lg\:pt-20{padding-top:5rem}.lg\:text-start{text-align:start}} @media (min-width:1280px){.xl\:-mt-\[70px\]{margin-top:-70px}.xl\:ml-\[100px\]{margin-left:100px}.xl\:w-auto{width:auto}.xl\:gap-\[45px\]{gap:45px}.xl\:gap-\[20px\]{gap:20px}.xl\:gap-8{gap:2rem}.xl\:gap-3{gap:.75rem}.xl\:p-\[50px_60px_60px\]{padding:50px 60px 60px}.xl\:px-0{padding-left:0;padding-right:0}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1536px){.\32xl\:ml-\[312px\]{margin-left:312px}.\32xl\:gap-\[150px\]{gap:150px}.\32xl\:gap-7{gap:1.75rem}.\32xl\:gap-3{gap:.75rem}.\32xl\:px-0{padding-left:0;padding-right:0}} @media (max-width:992px){.bl_MOBnot { display:none;} .tablet\:ml-4{margin-left:1rem}.tablet\:block{display:block}.tablet\:hidden{display:none}.tablet\:flex-col{flex-direction:column}.tablet\:items-start{align-items:flex-start}.tablet\:px-0{padding-left:0;padding-right:0}.tablet\:pb-6{padding-bottom:1.5rem}.tablet\:backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}
.rotBall {animation: spin 12s linear infinite;animation-play-state: running;}
@keyframes spin {to {transform: rotate(1turn);}}
.tsh { color:#FFFFFF;} .tsh:hover{ color:#ffa700;} .btnWit { color:#181830; background-color:#FFFFFF} .btnWit:hover{ color:#181830;}
.bnm:hover{ color:#181830;}

.garant  { width:130px; margin-left:5px; float: left; display: block; opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 550ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 550ms; }
 
 .garant1{cursor:pointer; top:10px; position:relative; width:540px; margin-left: auto; margin-right:auto; }
 .garant_USER {    position: absolute; left: 38px; top: 33px; font-weight: 900; font-size: 19px; font-family: "Segoe UI Emoji"; z-index: 1; color: white; }
 .garant_dateOLD {position: absolute; left: 180px; top: 63px; font-weight: 900; font-size: 13px; z-index: 1; color: #f4f5f7; font-family: "Segoe UI Emoji";} 
 .garant_viplat {position: absolute; left: 310px; top: 12px; font-weight: 900; font-size: 24px; font-family: "Segoe UI Emoji"; z-index: 1; color: #105e69;  }
 .capt { max-width:230px;}
 .sect { position: relative; top:-15px;}
 .soc{width:85%;}
 .input-form{width:90%;border-radius:10px;border-width:1px;--tw-border-opacity:1;border-color:#55638a; --tw-bg-opacity:1; background-color:#39435f;; padding:5px 8px;--tw-text-opacity:1;color:#ffffff; }.input-form::-moz-placeholder{--tw-text-opacity:1;color:#616c89;}.input-form::placeholder{--tw-text-opacity:1;color:#616c89;}.input-form:focus-visible{outline:2px solid transparent;outline-offset:2px}
 
 .ch {position: absolute; top:5px; right:4px;} container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.container { display: block; position: relative; cursor: pointer; font-size: 25px; user-select: none; } 
.checkmark { position: relative; top: 0; left: 0; height: 1em; width: 1em; background: #181818; border: solid #f0f0f0; border-width: 0.01em; border-radius: 50px; transition: all 0.7s; --spread: 10px; }
.container input:checked ~ .checkmark { background: black; box-shadow: -3px -3px var(--spread) 0px #5B51D8, 0 -3px var(--spread) 0px #833AB4, 3px -3px var(--spread) 0px #E1306C, 3px 0 var(--spread) 0px #FD1D1D, 3px 3px var(--spread) 0px #F77737, 0 3px var(--spread) 0px #FCAF45, -3px 3px var(--spread) 0px #FFDC80; } 
.checkmark:after { content: ""; position: absolute; display: none; } 
.container input:checked ~ .checkmark:after { display: block; } .container .checkmark:after { left: 0.38em; top: 0.1em; width: 0.25em; height: 0.5em; border: solid #f0f0f0; border-width: 0 0.15em 0.15em 0; transform: rotate(45deg); } .Memory { padding: 0px 0px 0px 13px;} .captch {border-radius: 5px; width: 120px; height:40px;} 
.RegVx {width: 50%; padding: 25px 20px 30px;     max-width: 450px;} 
.nn {width: 40%;}
.Fleft { position:relative; left:2px;} .Fright { position:relative; right:2px;}
.ili {margin-top: 20px; line-height:38px;}
.real { position:relative; top:-20px;}
.preloadVX {position: absolute; width:100%;  background:#ffffff59; height:510px; z-index: 1; left: calc(50% - 245px); transition: all 0.7s; }
.loade {position: relative; margin-right:auto; margin-left:auto; margin-top:50%; margin-bottom:auto;  }
.non { display:none;}
.custom-loader { position: relative; margin-right:auto; margin-left:auto; margin-top:calc(50% - 6px);; margin-bottom:auto;  width: 12px; height: 12px; border-radius: 50%; background:#3a4562; color: #3a4562; clip-path: inset(-26px); animation: d8 2s infinite linear; }

@keyframes d8 { 0%  {box-shadow:0 0 0 0   , 40px 0,-40px 0,0 40px,0 -40px} 10% {box-shadow:0 0 0 0   , 12px 0,-40px 0,0 40px,0 -40px} 20% {box-shadow:0 0 0 4px , 0px  0,-40px 0,0 40px,0 -40px} 30% {box-shadow:0 0 0 4px , 0px  0,-12px 0,0 40px,0 -40px} 40% {box-shadow:0 0 0 8px , 0px  0,  0px 0,0 40px,0 -40px} 50% {box-shadow:0 0 0 8px , 0px  0,  0px 0,0 12px,0 -40px} 60% {box-shadow:0 0 0 12px, 0px  0,  0px 0,0  0px,0 -40px} 70% {box-shadow:0 0 0 12px, 0px  0,  0px 0,0  0px,0 -12px} 80% {box-shadow:0 0 0 16px, 0px  0,  0px 0,0  0px,0  0px } 90%, 100%{box-shadow:0 0 0 0   , 40px 0,-40px 0,0 40px,0 -40px}  }

.ERRlogin {box-shadow: 0px 15px 50px -10px #F44336 inset, 0px 9px 30px -10px #FF5722 inset; top:48px!important; height:auto!important; padding: 5px 20px 5px; background: #603f3f!important; cursor:pointer; border-radius: 15px; background-image: url(img/ab1.png), url(img/ab2.png)!important;
    background-position: 0 0, 100% 0!important;
    background-repeat: no-repeat!important;}
.OKvxod { background: #006600!important; box-shadow: 0px 15px 50px -10px #063203 inset, 0px 9px 30px -10px #031004 inset; background-image: url(img/ab1.png), url(img/ab2.png)!important;}

.WWit {background: #f6f9f6 !important; box-shadow: 0px 15px 50px -10px #ced3ce inset, 0px 9px 30px -10px #eaf3eb inset; font-weight:900;}
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #fdfafa; text-shadow: 0 1px 0 #fff; filter: alpha(opacity = 20); opacity: .2; right: 20px; top: 0px; position: absolute; }
.okko { float:right; width:30px; height:30px;position: relative; right: 25px; top: 292px;}
.okkoPASS { top:0px!important; height: 0px!important; background: #ffffff00!important;}
.bdErr {border: 2.5px solid #F44336; box-shadow: 0px 15px 20px -5px #F44336 inset, 0px 9px 30px -10px #FF5722 inset;}
.rr{box-shadow: -3px -3px var(--spread) 0px #FFEB3B, 0 -3px var(--spread) 0px #FF5722, 3px -3px var(--spread) 0px #FF9800, 3px 0 var(--spread) 0px #ffa700, 3px 3px var(--spread) 0px #F77737, 0 3px var(--spread) 0px #FCAF45, -3px 3px var(--spread) 0px #FFDC80!important; }

.okkoPASS1 { position: relative;float: right;width: 30px;right: 30px; top: 7px; cursor:pointer; opacity: 0.4;} 
.okkoPASS1:hover {opacity: 0.9;} .okkoPASS1:focus {opacity: 0.9;} 
.okko1 { position: absolute;}  .cursor { cursor:pointer;}
.fwMIN { color:#b3b4b9!important;} .fwMIN:hover  { color: #ffa700!important;} .fwMIN:focus {color: #ffa700!important;} 
.rultxt { width:90%; color:#000000;}
.rultxt2 { font-weight:700;} .rultxt3 { font-weight:400; line-height:1;} .Lh {line-height:1.2;}
@media (min-width:1296px){.preloadVX { left: calc(50% - 245px); } }

 @media (max-width:1023px){.imAB { display:none;}  .Ttop{margin-top: 100px;} .imAB_min { width:250px; } .preloadVX { top:80px;} .ERRlogin { top:10px!important;  } 
 @media (max-width:992px){.RegVx {width: 60%;} .ERRlogin { top:10px!important; z-index:50; position:fixed;   } }
 @media (max-width:767px){ .garant_USER {top: 37px;} .garant_dateOLD {top: 67px;}.garant_viplat {top: 16px;} .real { position:relative; top:-10px;} .preloadVX { top:30px;  left: 19%; width: 57%; height:418px;}  .ERRlogin {  top:7!important; padding: 4px 20px 4px!important; line-height:1.2; } .okko { top: 200px;} .okkoPASS1 {width: 25px;right: 33px; top: 5px;} .Lh {line-height:1.0;}
 }
 @media (max-width:639px){.preloadVX { height:399px;}  .okko { top: 192px;} }
 @media (max-width:619px){.fwMIN { font-size:15px;}  }
 @media (max-width:600px){.RegVx {width: 80%; padding: 25px 10px 30px;} .preloadVX {   left: 11%; width: 75%; } }
 @media (max-width:559px){.garant{margin-left:0px;} .garant1{width:520px; } .garant_USER {left: 33px;} .garant_dateOLD {left: 170px;}.garant_viplat {left: 295px;} .RegVx {width: 96%;} .preloadVX {   left: 8%; width: 81%; }  
 }
 @media (max-width:541px){.garant  { width:120px; } .garant_USER { left: 32px; top: 34px; font-size: 18px;} .garant_dateOLD {left: 158px; top: 61px; font-size: 12px; } .garant_viplat {left: 273px; top: 15px; font-size: 22px;}
  .garant1{width:540px; } .preloadVX {   left: 7%; width: 83%; } 
 }
 @media (max-width:541px){.preloadVX {   left: 5%; width: 85%; } }
  @media (max-width:500px){ 
  .garant1{width:270px; } .garant  { margin-top:5px;}.garant_USER { top: 39px; } .garant_dateOLD { top: 67px; } .garant_viplat {left: 33px; top: 122px;} .preloadVX {   left: 3%; width: 90%; } .ERRlogin { top:7px!important;  padding: 4px 10px 4px!important;}
  }
  @media (max-width:430px){ .imAB2_min { width:125px;} .Ttop{margin-top: 58px;} .imAB_min { width:200px; } .heading-4 {line-height: 26px;     font-size: 23px;} .text-\[18px\] {font-size: 16px;} .okkoPASS1 {right: 30px; } }
  @media (max-width:380px){.text-\[18px\] {font-size: 15px;} .RegVx {padding: 10px 10px 30px; line-height: 19px;}  .Memory {padding: 5px 0px 0px 13px;} .ili {margin-top: 10px;} .preloadVX {  height:379px; } .ERRlogin { font-size: 15px; top:10px!important;  padding: 1px 10px 1px!important;  line-height: 1;} .okko { top: 185px;} .okkoPASS1 {right: 25px; } }
  @media (max-width:376px){.fwMIN { font-size:14px;}  }
  @media (max-width:360px){.imAB_min { width:150px; } .imAB2_min { width:100px;} .text-\[18px\] {font-size: 14px;} .fwMIN { font-weight: 500;} 
  }
  
  @media (max-width:340px){ .text-\[18px\] {font-size: 13.2px;}
  }
   
 @media (max-width:337px){ .Memory {padding: 0px 0px 0px 13px;} .preloadVX {  height:387px; }}
 @media (max-width:292px){ .okkoPASS1 {width: 25px;right: 24px; top: -28px;}  }
  @media (max-width:261px){.garant  { width:100px; } .garant1{width:200px; } .garant_USER { left: 25px; top: 31px; font-size: 16px;} .garant_dateOLD {left: 132px; top: 55px; font-size: 10px; } .garant_viplat {left: 27px; top: 100px; font-size: 18.5px;}
 }